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
Testimonials (4)
Trenerens holdning og kunnskap
Gabriel Llaurado - Allianz Technology
Kurs - Angular 10 for Developers
Machine Translated
Kunnskapen om infrastrukturen.
Jeffry Gonzalez - Allianz Technology
Kurs - Angular 10 for Developers
Machine Translated
Vi startet fra bunnen av Angular og TS og vi økte vanskelighetsgraden til øvelsene på en god måte
Daniel Zamorano Infante - Allianz Technology
Kurs - Angular 10 for Developers
Machine Translated
Practical examples, exercises and best practices