Angular Training (front end webbutveckling) - eLearning
4.900,00 SEK
- 50 hours
Denna certifieringskurs i Angular kommer att hjälpa dig att bemästra frontend-webbutveckling med Angular. Få djupgående kunskap om olika Angular-koncept, exemeplvis underlättning av utvecklingen i enkelsidiga webbapplikationer, beroendeinjektion, typescript, komponenter, direktiv, pipes, formulär, routing och testning.
Nyckelfunktioner
Språk
Kursen och materialet är på engelska
Nivå
Nybörjare - mellannivå för blivande webbutvecklare
Tillgång
1 års tillgång till självstudieplattformen för eLearning dygnet runt
20 timmar av videomaterial
med rekommenderad studietid på 50 timmar
Projekt
2 Slutprojekt för kurs
Ingen tentamen
Ingen tentamen för kursen men studenten kommer att få ett intyg om genomförd utbildning
Lärandemål
Vid slutet av denna onlinekurs i Angular kommer du att kunna:
Design
Förstå utformningen av ensidiga applikationer och hur Angular underlättar utvecklingen av dessa
Modell
Separera modell, vy och kontrollskikten för din applikation och implementera dem med Angular
Angular Uttryck
Bemästra Angular uttryck, filter och scopes
Bygga
Bygg Angular Forms och skriv Angular Direktiv
Enhetstest
Enhetstest och end-to-end-testa dina Angular-applikationer
Dynamisk UI
Utveckla interaktivt och dynamiskt UI med Bootstrap
Kursplan
Enkelsidiga applikationer
Lektion 01
- Kursöversikt
- Introduktion till enkelsidiga applikationer (SPA)
- Varför behöver vi Angular
- Konfigurera utvecklingsmiljön
- Arkitektur för Angular-applikationer
- Första Angular-appen
TypeScript och ESNext
Lektion 02
- Modulintroduktion och introduktion till TypeScript
- Förbereda miljön för att skriva TypeScript
- Variabeldeklarationer (var, let och const)
- Typer - Primitiva typer
- Typer - Referens- och specialtyper
- Operatorer - Spread och Backticks
- Operatorer - Destrukturering och Rest
- Klasser
- Gränssnitt
- Pilkfunktioner
- Moduler
- Hämta
- Async eller wait
Dekoratörer
Lektion 03
- Modulintroduktion och en översikt över Angular-moduler
- Vad är dekoratörer
- Angular-moduler och @NgModule-dekoratören
- Deklarationer
- Import och export
- Leverantörer, startkomponenter och ingångskomponenter
- Uppstartsprocess för Angular-applikation
Komponentdekoratör
Lektion 04
- Modulintroduktion
- Angular-komponenter och @Component Decorator
- Skapa en Angular-komponent med Angular CLI och på StackBlitz
- Metadata för komponentdekoratör
- Vyinkapsling - Emulerad, ShadowDom, Ingen
- Datakoppling - Stränginterpolering
- Egendomsbindning
- Händelsebindning
- @Input och @Output egenskapsdekoratörer
- Tvåvägsdata bindning
- Attribut bindning
- Klass bindning
- Klass bindning
- Introduktion till LifecycleHooks i Angular
- Använda Lifecycle Hooks i Angular
- Visumfrågor - Visum barn, Visum barn, Innehåll Barn, Innehåll Barn
- Ändra detekterings-mekanismen i Angular. ZoneJS, NgZones
Angular Routing
Lektion 05
- Introduktion till Routing
- Implementera Routing i en Angular-applikation
- Skapa en användarlista. Förbereder för child-routing
- Abstrahering av användarlänken till en separat komponent
- Implementering av Child Routes
- Sökvägsmatchning och route types
- Introduktion till route guards i Angular
- CanActivate och CanActivateChild-vakter i Angular
- CanDeactivate-vakt i Angular
- Förhandsladdning av data för en komponent med Resolve
Beroendeinjektion
Lektion 06
- Introduktion till avsnittet
- DI som ett mönster, DI som ett ramverk och typer av leverantörer
- Hierarkisk Dependency Injection
- Introduktion till tjänster i Angular
- Hämta data från ett Rest API med HttpClient
- CRUD-operationer med HttpClient, HttpParams och HttpHeaders
- Observables och Operators i Observables - Map, Retry, Catch
- BehaviorSubject och att dela data med BehaviorSubjects
Fördjupning i direktiv
Lektion 07
- Introduktion till avsnittet
- Introduktion till Direktiv
- Inbyggda strukturella direktiv
- Inbyggda attribut-direktiv
- Skapa anpassade attribut-direktiv
- Skapa anpassade strukturella direktiv
- Introduktion till pipes i Angular
- Använda inbyggda pipes
- Skapa anpassade pipes i Angular
- Rena och orena pipes i Angular
- Återbesök Decorators
- Skapa anpassade Decorators i Angular
- Skapa en anpassad Lifecycle Hook klassloggar-dekoratör
- Skapa anpassad egenskaps-decorator i Angular
Formulär i Angular
Lektion 08
- Introduktion till avsnittet
- Typer av strategier för att bygga formulär i Angular
- Skapa långa Bootstrap-formulär snabbt med VS Code genom användandet av Emmet
- Lägga till FormControl(s) i ett mallstyrt formulär med ngModel-direktivet
- Att få JavaScript-objektrepresentationen av ett formulär med hjälp av ngForm-direktivet
- Inaktivera skicka-knappen i ett formulär med formulärets $invalid-flagga
- Att få JavaScript objekt-representationen av ett formulär i TypeScript-klassen
- Lägga till kryssrutor, radioknappar och rullgardinslistor i ditt mallstyrda formulär
- Skapa undersektioner i formuläret med hjälp av NgModelGroup-direktivet
- Steg för att implementera ett reaktivt formulär i Angular
- Skapa ett Bootstrap-formulär snabbt för vårt reaktiva formulär med Emmet
- Skapa ett reaktivt formulär i TypeScript Class och koppla det till mallen
- Lägga till valideringar i ett reaktivt formulär
- Dynamiskt lägga till eller ta bort FormControl(s) eller FormGroup(s) med FormArray(s)
- Lägga till synkroniserade anpassade valideringar i ditt reaktiva formulär
- Lägga till Async anpassade valideringar till ditt reaktiva formulär
- Återställa värdet på ett formulär
Använda tredjepartsbibliotek
Lektion 09
- Introduktion till avsnittet
- Skapa ett Angular CLI-projekt med SCSS som basstil
- Introducera Material Design Bootstrap i ditt Angular CLI-projekt
- Lägga till en navigeringsfält i din sidhuvud
- Lägger till knappar med Material Design
- Lägga till Cards
- Använda Material Design-rullgardinsmenyer och formulärinmatningar
- Introduktion av Angular Material i ditt Angular CLI-projekt, ovanpå MDB
- Lägger till radioknappar, skjutreglage, slider, förloppsindikator och spinner
- Introduktion till Firebase
- Skapa en app med hjälp av Firebase-konsolen
- Sätt upp ditt Angular CLI projekt för att supporta Firebase
- Interagera med Firebase Realtime Database, med hjälp av metoder i AngularFireList
- Lägga till och läsa Data from Realtime Database i Firebase
- Uppdatera och radera Data från Realtime Database i Firebase
Vem bör anmäla sig till det här programmet?
Det finns inga förkunskapskrav för att delta i denna certifieringsutbildning i Angular. En certifieringskurs i Angular är idealisk för personer som vill bygga på eller förbättra sina kunskaper i Angular, ett populärt JavaScript-ramverk för att skapa dynamiska webbapplikationer. Här är några som kan ha störst nytta av kursen:
UI-utvecklare
Teknisk projekt-/produktchef
Fullstack-webbutvecklare
Kvalitetssäkring
Studenter i grundutbildnings-/avancerade program
Uttalanden
Licensiering och ackreditering
Angular-certifieringsträningskursen erbjuds av Simplilearn enligt Partnerprogramavtalet och uppfyller kraven i Licensavtalet. AVC marknadsför denna kurs på uppdrag av Simplilearn.
Aktiepolicy
Simplilearn tillhandahåller inte boende på grund av en funktionsnedsättning eller medicinskt tillstånd hos någon student. Kandidater uppmuntras att kontakta AVC för vägledning och stöd under hela anpassningsprocessen.
Vanliga frågor
Behöver du en företagslösning eller integration av LMS?
Hittade du inte kursen eller programmet som skulle passa för ditt företag? Behöver du LMS-integration? Skriv till oss! Vi löser det!