Kursplan

Introduksjon

    Hva er Angular? Hva er nytt i Angular 10?

Oversikt over Typescript og ES6 JavaScript

    TypeScript Syntaks Bruke TypeScript-transpileren Sette opp Angular 10 og Typescript

Oversikt over Angular 10-deler

    Angular CLI Components-direktiver Inn- og utganger Databinding og interpolasjon Hendelsesbinding Datamodellering Bootstrapping

Opprette din første Angular applikasjon

    Planlegging av applikasjonen Sette opp et vinkelprosjekt Lage et mobilvennlig brukergrensesnitt med Bootstrap 4 og Sass

Opprette en komponent

    Forstå komponentlivssyklusdataflyten Bruke maler og stiler Projisere innhold Arbeide med AppModule Arbeide med tilpassede komponenter Bruke View Encapsulation Implementere Lifecycle Hooks Bruke ViewChildren og ContentChildren

Databinding i Angular 10

    Forstå eiendoms- og hendelsesbinding Binding og tilordning av aliaser til egendefinerte egenskaper Binding og tilordning av aliaser til tilpassede hendelser

Arbeid med direktiver

    Innebygde direktiver Egendefinerte direktiver

Angular 10 tjenester

    Opprette en loggingstjeneste Opprette en datatjeneste

Bruk av avhengighetsinjeksjon og leverandører

    Injektorer, leverandør og tokens Konfigurering av avhengighetsinjeksjon Konfigurering av leverandøren din Injiserer tjenester i komponenter, direktiver og tjenester

Bytte sider med ruting

    Forstå de forskjellige navigasjonsmetodene Rutingstrategier Sette opp ruter Konfigurere og laste inn ruter ved å bruke parametere i ruter Opprette nestede ruter ved å bruke omdirigerings- og jokertegn-ruter Forstå rutevakter

Bruke RxJS til å lage og jobbe med observerbare objekter i vinkel

    Oversikt over observabler Oversikt over RxJS Bygging og bruk av observerbare objekter i Angular

Generere skjemaer for brukerinndata

    Bruke de maldrevne skjemaene Bruke de Reactive skjemaene Opprette tilpasset validering Validere, filtrere og rense skjemadata

Bruk av rør

    Transformering av utgang Innebygde rør Async Pipe Custom Pipes

Ringe til eksterne HTTP APIer

    Sender forespørsler

Bruke Angular moduler

Tester Angular 10-applikasjonen

    Bruke Jasmine for enhetstesting. Bruke Protractor for ende-til-ende-testing

Feilsøking av applikasjonen

    Forstå feilmeldinger i Angular ved å bruke kildekart for å feilsøke kode i nettleseren TypeScript Kompilatordiagnostikk ved å bruke Augury

Optimalisering av Angular 10-applikasjonen

    Omarbeide koden Redusere buntstørrelsen og eliminere død kode

Angular 10 Sikkerhet

    Slik fungerer autentisering Bruke JWT-autentisering Hva bør og bør ikke skrives i Angular

Distribuere en Angular 10-applikasjon til produksjon

    Utplassering til IIS, Apache, Nginx, etc.

Angular 10 beste fremgangsmåter

Feilsøking

Oppsummering og konklusjon

Krav

  • Kjennskap til grunnleggende HTML, CSS og JavaScript

Publikum

  • Utviklere
 28 timer

Antall deltakere



Price per participant

Relaterte kurs

Related Categories