Kursplan
Introduksjon
- Hva er Angular? Hva er nytt i Angular 11?
Oversikt over Typescript og ES6 JavaScript
- TypeScript-syntaks Bruke TypeScript-transpileren Oppsett Angular 11 og Typescript
Oversikt over Angular 11 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 11
- 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 11 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
Foreta anrop til eksterne HTTP APIer
- Sender forespørsler
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 11-applikasjonen
- Omarbeide koden Redusere buntstørrelsen og eliminere død kode
Angular 11 Sikkerhet
- Slik fungerer autentisering Bruke JWT-autentisering Hva bør og bør ikke skrives i Angular
Distribuere en Angular 11 applikasjon til produksjon
- Utplassering til IIS, Apache, Nginx, etc.
Angular 11 Beste praksis
Feilsøking
Oppsummering og konklusjon
Krav
- Kjennskap til grunnleggende HTML, CSS og JavaScript
Publikum
- Utviklere
Testimonials (5)
Det var veldig interaktivt og informativt. Treneren var veldig tålmodig med oss når vi ikke forsto noe og sørget for at ingen ble etterlatt gjennom hele treningen.
Daniel - INIT Innovations in Transportation Ltd.
Kurs - Angular 17
Machine Translated
- I really like the course and the Trainor is very accommodating and has a great knowledge on the topic. It just that not all topics are discussed in the 4-day training.
Allan - Tribal Software Philippines Inc
Kurs - Angular 14
Jeg likte vitsene dine
Dermot - Griffiths & Armour
Kurs - Angular 2 Fundamentals
Machine Translated
Practical examples, exercises and best practices
Bartosz Zawistowski - Capgemini Polska Sp. z o.o.
Kurs - Angular 10 for Developers
Pipe Routing Data Biding Services