Angular opplæring - eLearning
4.900,00 NOK
- 50 hours
Dette kurset i Angular-sertifisering vil hjelpe deg med å mestre front-end webutvikling med Angular. Oppnå grundig kunnskap om Angular-konsepter, slik som å lette utviklingen av én-sides webapplikasjoner, avhengighetsinjeksjon, typescript, komponenter, direktiver, rør, skjemaer, ruting og testing.
Nøkkelfunksjoner
Språk
Kurset og materialet er på engelsk
Nivå
Nybegynner - mellomnivå for håpefulle webutviklere
Tilgang
1 års tilgang til den selvstyrte studie e-læringsplattformen 24/7
20 timer med videomateriale
med anbefalt studietid på 50 timer
Prosjekt
2 Avsluttende prosjekt
Ingen eksamen
Ingen eksamen for kurset, men studenten vil få et kursbevis for fullført opplæring
Læringsutbytte
Ved slutten av dette nettbaserte Angular-kurset vil du være i stand til å:
Design
Forstå utformingen av enkeltsideapplikasjoner og hvordan Angular legger til rette for utviklingen av dem
Modell
Separer modell-, visnings- og kontrollerlagene i applikasjonen din og implementer dem ved hjelp av Angular
Angular-uttrykk
Bli mester på Angular-uttrykk, filtre og skop
Bygg
Bygg Angular-skjemaer og skriv Angular-direktiver
Enhetstest
Utfør enhetstesting og ende-til-ende-testing av dine Angular-applikasjoner
Dynamisk brukergrensesnitt
Utvikling av interaktive og dynamiske brukergrensesnitt ved bruk av Bootstrap
Kursplan
Single Page-applikasjoner
Leksjon 01
- Kursoversikt
- Introduksjon til enkeltsideapplikasjoner (SPA)
- Hva trenger vi Angular til
- Sette opp utviklingsmiljøet
- Arkitektur for Angular-applikasjoner
- Første Angular-applikasjon
TypeScript og ESNext
Leksjon 02
- Modulintroduksjon og introduksjon til TypeScript
- Sette opp miljøet for å skrive TypeScript
- Variabeldeklarasjoner (var, let og const)
- Typer - Primitive typer
- Typer - Referanse- og spesialtyper
- Operatorer - Spread og Backticks
- Operatorer - Destrukturering og Rest
- Klasser
- Grensesnitt
- Pilefunksjoner
- Moduler
- Hent
- Asynkron eller vent
Dekoratører
Leksjon 03
- Modulintroduksjon og en oversikt over Angular-moduler
- Hva er dekoratører
- Angular-moduler og @NgModule-dekoratøren
- Erklæringer
- Import og Eksport
- Leverandører, oppstartskomponenter og inngangskomponenter
- Oppstartsmekanisme for Angular-applikasjon
Komponentdekoratør
Leksjon 04
- Modulintroduksjon
- Angular-komponenter og @Component-dekoratøren
- Opprette en Angular-komponent ved hjelp av Angular CLI og på StackBlitz
- Komponentdekoratør Metadata
- Visningsinnkapsling - Emulert, ShadowDom, Ingen
- Datainnbinding - Strenginterpolasjon
- Egenskapsbinding
- Hendelsesbinding
- @Input og @Output egenskapsdekoratører
- Tosidig databinding
- Attributtilknytning
- Klassebinding
- Klassebinding
- Introduksjon til livssykluskroker i Angular
- Bruke livssykluskroker i Angular
- Vis forespørsler - Vis barn, Vis barna, Innholdsbarn, Innholdsbarna
- Endre deteksjonsmekanismen i Angular. ZoneJS, NgZones
Angular-ruting
Leksjon 05
- Innføring i ruting
- Implementering av ruting i en Angular-applikasjon
- Opprette en brukerliste. Klargjør for barn-routing
- Abstrahere brukerlenken til en separat komponent
- Implementering av barneruter
- Samsvarende sti og rutetyper
- Introduksjon til rutevakter i Angular
- CanActivate og CanActivateChild Guards i Angular
- CanDeactivate Guard i Angular
- Forhåndshenting av data for en komponent ved bruk av Resolve
Avhengighetsinjeksjon
Leksjon 06
- Innledning til seksjon
- DI som et mønster, DI som et rammeverk, og typer tilbydere
- Hierarkisk avhengighetsinjeksjon
- Introduksjon til tjenester i Angular
- Hent data fra et Rest API ved bruk av HttpClient
- CRUD-operasjoner ved bruk av HttpClient, HttpParams og HttpHeaders
- Observables og Operatorer i Observables - Map, Retry, Catch
- BehaviorSubject og deling av data ved bruk av BehaviorSubjects
Dypdykk i direktiver
Leksjon 07
- Innledning til seksjon
- Innføring i direktiver
- Innebygde strukturelle direktiver
- Innebygde attributtdirektiver
- Bygge egendefinerte attributtdirektiver
- Bygge egendefinerte strukturelle direktiver
- Introduksjon til rør i Angular
- Bruk av innebygde rør
- Lage egendefinerte rør i Angular
- Rene og urene pipes i Angular
- Dekoratører gjennomgått
- Bygge egendefinerte dekoratører i Angular
- Bygge en tilpasset livssykluskrok klasse logger dekoratør
- Bygge egendefinert egenskapsdekoratør i Angular
Skjemaer i Angular
Leksjon 08
- Innledning til seksjon
- Typer strategier for skjemabygging i Angular
- Opprette lange Bootstrap-skjemaer raskt ved hjelp av VS Code og Emmet
- Legge til FormControl(s) i et skjemastyrt skjema ved bruk av ngModel-direktivet
- Å få JavaScript-objektrepresentasjonen av et skjema ved bruk av ngForm-direktivet
- Deaktivering av send-knappen på et skjema ved bruk av skjemaets $invalid-flagg
- Å få JavaScript-objektrepresentasjonen av et skjema i TypeScript-klassen
- Legge til avmerkingsboks, radioknapper og rullegardinliste i ditt malstyrte skjema
- Opprette underseksjoner i skjemaet ved bruk av NgModelGroup-direktivet
- Trinn for å implementere et reaktivt skjema i Angular
- Raskt opprette et Bootstrap-skjema for vårt reaktive skjema ved hjelp av Emmet
- Opprette et reaktivt skjema i TypeScript-klassen og koble det til malen
- Legge til validering i et reaktivt skjema
- Dynamisk legge til eller fjerne FormControl(s) eller FormGroup(s) ved bruk av FormArray(s)
- Legge til synkrone egendefinerte valideringer i ditt reaktive skjema
- Legge til asynkrone egendefinerte valideringer i ditt reaktive skjema
- Tilbakestille verdien av et skjema
Bruke tredjepartsbiblioteker
Leksjon 09
- Innledning til seksjonen
- Opprette et Angular CLI-prosjekt med SCSS som basestil
- Introduksjon av Material Design Bootstrap i ditt Angular CLI-prosjekt
- Legge til en navigasjonslinje i toppteksten din
- Legger til Material Design-knapper
- Legge til kort
- Bruk av Material Design-rullegardinlister og skjemainndata
- Introduksjon av Angular Material i ditt Angular CLI-prosjekt på toppen av MDB
- Legge til radioknapper, glidebryter, skyveknapp, fremdriftslinje og spinner
- Introduksjon til Firebase
- Lage en app ved å bruke Firebase-konsollen
- Konfigurere ditt Angular CLI-prosjekt for å støtte Firebase
- Interaksjon med Firebase Realtime Database ved bruk av metoder på AngularFireList
- Legge til og lese data fra sanntidsdatabasen i Firebase
- Oppdatering og sletting av data fra sanntidsdatabasen i Firebase
Hvem bør melde seg på dette programmet?
Det er ingen forutsetninger for å ta dette sertifiseringskurset i Angular. Et sertifiseringskurs i Angular er ideelt for personer som ønsker å bygge eller forbedre sine ferdigheter i Angular, et populært JavaScript-rammeverk for å bygge dynamiske webapplikasjoner. Her er noen som kan ha størst nytte av det:
UI-utviklere
Teknisk prosjekt-/ produktleder
Full-stack webutviklere
Kvalitetssikring
Studenter i bachelor-/masterprogrammer
Uttalelser
Lisensiering og akkreditering
Angular-sertifiseringstrening tilbys av Simplilearn i henhold til Partnerprogramavtalen og overholder kravene i Lisensavtalen. AVC promoterer dette kurset på vegne av Simplilearn.
Egenkapitalpolitikk
Simplilearn tilbyr ikke tilrettelegging på grunn av en funksjonshemming eller medisinsk tilstand hos noen studenter. Kandidater oppfordres til å kontakte AVC for veiledning og støtte gjennom tilretteleggingsprosessen.
Ofte stilte spørsmål
Trenger du bedriftsløsning eller LMS-integrasjon?
Fant du ikke kurset eller programmet som ville være passende for din bedrift? Trenger du LMS-integrasjon? Ta kontakt med oss! Vi er agile og løser alt!