Kursplan
Introduksjon
- Hva er Angular? Hva er nytt i Angular 12?
Oversikt over Typescript og ES6 JavaScript
- TypeScript-syntaks Bruke TypeScript-transpileren Oppsett Angular 12 og Typescript
Oversikt over Angular 12 sine deler
- Angular CLI-komponentdirektiver Inn- og utganger Databinding og interpolasjon Hendelsesbinding Datamodellering Bootstrapping Experimental Webpack
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 12
- 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 12 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 Rutestrategier 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
Tester Angular 12-applikasjonen
- Bruke Jasmine til enhetstesting Utforske Protractor alternativer for ende-til-ende-testing
Feilsøking av applikasjonen
- Forstå feilmeldinger i Angular Bruke kildekart for å feilsøke kode i nettleseren Lesing TypeScript Kompilatordiagnostikk Bruke Augury til å feilsøke i en nettleser
Optimalisering av Angular 12-applikasjonen
- Omarbeide koden Redusere buntstørrelsen og eliminere død kode
Angular 12 Sikkerhet
- Slik fungerer autentisering Bruke JWT-autentisering Hva bør og bør ikke skrives i Angular
Distribuere en Angular 12 applikasjon til produksjon
- Utplassering til IIS, Apache, Nginx, etc.
Angular 12 Beste praksis
Feilsøking
Oppsummering og konklusjon
Krav
- Kjennskap til grunnleggende HTML, CSS og JavaScript
Publikum
- Utviklere
- Programmerere
Testimonials (4)
Patience and methodology instruction
Danilo Jo - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
The experience and patience of the trainer.
Norberto Mugube - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
I liked teaching style
Gautchi Chambe - CEDSIF, IP - Ministry of Finance
Kurs - Angular 12
Pipe Routing Data Biding Services