Kursplan
Introduksjon
- Hva er nytt i Angular 6?
Oversikt over TypeScript og ES6 JavaScript
- TypeScript-syntaks
- Bruk av TypeScript-transpiler
- Oppsett av Angular 6 og TypeScript
Oversikt over Angular 6s deler
- Opprettelse av komponenter
- Databinding og strenginterpolasjon
- Egenskapsbinding
- Hendelsesbinding
- To-veis databinding
- Datamodellering
- Direktiver
- Bootstrapping
- Inn- og utdata
- Angular CLI
Opprettelse av din første Angular-applikasjon
- Planlegging av applikasjonen
- Oppsett av et Angular-prosjekt og app ved hjelp av CLI
- Opprettelse av en grunnleggende prosjektoppsett med Bootstrap 4 og Sass
Bruk av Angular 6-komponenter
- Datastrøm
- Arbeid med AppModule
- Arbeid med egendefinerte komponenter
- Bruk av maler og stiler
- Bruk av visningskapsling
- Projisere innhold
- Forstå komponentlivssyklus og livssyklushandler
- Bruk av ViewChildren og ContentChildren
Databinding i Angular 6
- Oversikt over egenskaps- og hendelsesbinding
- Binding og tilordning av aliaser til egendefinerte egenskaper
- Binding og tilordning av aliaser til egendefinerte hendelser
Arbeid med direktiver
- Bygginnfelt direkte
- Egendefinerte direktiver
Angular 6-tjenester
- Opprettelse av en loggertjeneste
- Opprettelse av en datatjeneste
Bruk av avhengighetsinjeksjon og leverandører
- Injektører, leverandører og tokens
- Konfigurering av avhengighetsinjeksjon
- Konfigurering av din leverandør
- Injisering av tjenester i komponenter, direktiver og tjenester
Bytting av sider med routing
- Oppsett av ruter
- Konfigurering og lasting av ruter
- Forstå de ulike navigasjonsmetodene
- Bruk av parametere i ruter
- Opprettelse av innbyggede ruter
- Bruk av omdirigerings- og vilkårsruter
- Forstå rutegardere
- Forstå rutestrategier
Bruk av RxJS for å opprette og arbeide med observabler i Angular
- Oversikt over observabler
- Oversikt over RxJS
- Bygging og bruk av observabler i Angular
Håndtering av skjemaer
- Bruk av malbaserte skjemaer
- Bruk av reaktive skjemaer
Bruk av rør
- Bygginnfelt rør
- Asynkron rør
- Egendefinerte rør
Utføring av kall til eksterne HTTP-APIer
Bruk av Angular-moduler
Testing av Angular 6-applikasjonen
- Bruk av Jasmine for enhetstesting
Feilsøking av applikasjonen
- Forstå feilmeldinger i Angular
- Bruk av sourcemaps for å feilsøke kode i nettleseren
- Bruk av Augury
Optimalisering av Angular 6-applikasjonen
Angular 6-sikkerhet
- Autentisering
- Hva som skal og ikke skal skrives i Angular
Utplassering av en Angular 6-applikasjon til produksjon
- Utplassering til IIS, Apache, Nginx, etc.
Feilsøking
Avsluttende bemerkninger
Krav
- Kjennskap med grunnleggende HTML, CSS og JavaScript
Målgruppe
- Utviklere
Referanser (6)
Good material! The trainer is a really nice guy which helps a lot!
Xander Knol - Conclusion Learning Centers
Kurs - Angular 6
Practical exercises!
William Limberger - Conclusion Learning Centers
Kurs - Angular 6
Learning the whole ecosystem of angular, typescript, ad especially routing
Ryan Delport - Leaseweb
Kurs - Angular 6
Practising with actually doing it myself.
Christiaan Sloof - Leaseweb
Kurs - Angular 6
I genuinely enjoyed the trainer is a great specialist.
Lukasz Cysewski - PSI Polska
Kurs - Angular 6
The tutorials, they allowed us to take the knowledge that we had learnt from the lecture and implement it into a real example. It also gave us an opportunity to ask questions if we were unsure on how something works.