LUMIFY WORK Angular 15 Programming User Guide

APPLIKASJE EN WEB ÛNTWIKKELING
Angular 15 Programming
LINGTE 5 dagen
FERZJE 15

Wêrom studearje dizze kursus

Dizze yntinsive en wiidweidige Angular 15-oplieding biedt oanwêzigen feardigens dy't se direkt kinne brûke yn har wurk. Jo sille de fûneminten fan Angular 15-ûntwikkeling leare, lykas browserapplikaasjes op ien pagina, responsyf websites, en hybride mobile applikaasjes.
Dizze kursus is in kombinaasje fan teoretysk learen en praktyske laboratoaren dy't in yntroduksje omfettet ta Angular, folge troch TypeScript, komponinten, direkte iven, tsjinsten, HTTPClient, testen, en debuggen.
Noat: Wy kinne ek training leverje op oare ferzjes fan Angular. Nim dan kontakt mei ús op om in fraach te meitsjen of jo belangstelling te registrearjen.

ANGULAR BY LUMIFY WORK

WAT JO LEARNE

By suksesfolle foltôging fan dizze kursus sille jo de kennis hawwe om:

• Untwikkelje Angular-applikaasjes op ien side mei Typescript
• Stel in folsleine Angular-ûntwikkelingsomjouwing yn
• Meitsje komponinten, direkte ives, tsjinsten, pipes, formulieren en oanpaste validators
• Behannelje avansearre taken foar opheljen fan netwurkgegevens mei Observables
• Ferbrûke gegevens fan REST web tsjinsten mei de Angular HTTP Client
• Behannelje push-gegevens ferbining ionen mei help fan de WebSocket protokol
• Wurkje mei Angular Pipes om gegevens op te meitsjen
• Brûk avansearre funksjes fan Angular Component Router
• Test en debug Angular-applikaasjes mei ynboude ark
• Wurkje mei Angular CLI

Myn ynstrukteur wie geweldich om senario's yn 'e echte wrâld te setten dy't relatearre oan myn spesifike situaasje.
Ik fielde my wolkom fan it momint dat ik oankaam en de mooglikheid om as groep bûten it klaslokaal te sitten om ús situaasjes en ús doelen te besprekken wie ekstreem weardefol.
Ik learde in protte en fielde dat it wichtich wie dat myn doelen troch it bywenjen fan dizze kursus helle waarden.
Geweldich wurk Lumify Wurk team.AMANDA NICOL
IT SUPPORT SERVICES MANAGER - HEALTH WORLD LIMITED

KURSUS FAKEN

1. Yntroduksje fan Angular
   • Wat is Angular?
   • Sintrale eigenskippen fan it Angular Framework
   • Passende gebrûk Cases
   • Bouwblokken fan in Angular Applikaasje
   • Basic Architecture fan in Angular Applikaasje
   • Ynstallearje en brûke Angular
   • Anatomy fan in Angular Applicat ion
   • It útfieren fan de Applikaasje
   • Bouwe en ynsette fan de applikaasje
   • Angular foar Native Mobile Apps
2. Yntroduksje ta TypeScript
   • programmeartalen foar gebrûk mei Angular
   • TypeScript Syntaksis
   • Programming Editors
   • The Type System - Def ining fariabelen
   • The Type System - Def ining Arrays
   • Basic Primitive Soarten
   • Typ yn Funksje ioanen
   • Type Inference
   • Defining Classes
   • Klasse Metoaden
   • Visibility Control
   • Klasse Constructors
   • Klasse Constructors - Alternate Form
   • Uninitialisearre fjilden
   • Schnittstellen
   • Wurkje mei ES6 Modules
   • var vs lit
   • Arrow Functions
   • Arrow Function Compact Syntaksis
   • Template Strings
   • Generics yn klasse
   • Generics yn Funksje ion
3. Components
   • Wat is in komponint?
   • In eksample Component
   • Meitsje in komponint mei Angular CLI
   • De Component Class
   • De @Component Decorator
   • registrearje in komponint oan syn module
   • Component Template
   • Example: HelloComponent Template
   • Example: De HelloComponent Class
   • Mei help fan in komponint
   • Run de Applikaasje
   • Component Hierarchy
   • De Applicat ion Root Component
   • De Bootstrap File
   • Component Lifecycle Haken
   • Example Lifecycle Haken
   • CSS Styles
4. Component Templates
   • Templates
   • Template Lokaasje
   • De snor {{ }} Syntaksis
   • Setting DOM Element Eigenskippen
   • Setting Element Body Text
   • Event Bining
   • Expression Event Handler
   • Foarkom Standert Behanneling
   • Attribute rjochtlinen
   • Styles tapasse troch CSS-klassen te feroarjen
   • Example: ngklasse
   • Styles direkt tapasse
   • strukturele rjochtlinen
   • Betingst útfiere sjabloan
   • Example: ngif
   • Looping Mei help fan ngFor
   • ngFor Lokale fariabelen
   • Manipulearjen fan de kolleksje
   • Example - In item wiskje
   • Item Tracking mei ngFor
   • Eleminten wikselje mei ngSwitch
   • Grouping Eleminten
   • Template Reference Variable
5. Inter Component Communication
   • Kommunikaasje Basics
   • De Data Flow Architecture
   • It tarieden fan it bern om gegevens te ûntfangen
   • Stjoer Gegevens út Parent
   • Mear oer it ynstellen fan eigenskippen
   • Firing Event fan in komponint
   • @Output() Example - Child Component
   • @Output() Example - Parent Component
   • Folsleine Twa Way Binding
   • Ynstelle Two Way Data Binding yn Parent
6. Template en Driven Forms
   • Template Driven Forms
   • Ymportearje Forms Module
   • Basic Oanpak
   • It ynstellen fan in formulier
   • Getting brûkersynfier
   • Welitte ngForm Attribute
   • Inisjalisearje it formulier
   • Two Way Data Binding
   • Form Validation
   • Angular Validators
   • Displaying Validat ion State Using Classes
   • Oanfoljende Ynput Soarten
   • Checkboxes
   • Selektearje (Drop Down) fjilden
   • Rendering opsjes foar selektearje (Drop Down)
   • Datum fjilden
   • Radio Knoppen
7. Reaktive foarmen
   • Reactive Forms Overview
   • De boustiennen
   • Ymportearje Reactive FormsModule
   • Konstruearje in formulier
   • Untwerp it sjabloan
   • Getting Input Wearden
   • Inisjalisearjen fan de ynfierfjilden
   • Setting Form Wearden
   • Abonnemint op Input Feroarings
   • Validaasje
   • Ynboude Validators
   • Showing falidaasje flater
   • Oanpaste Validator
   • Mei help fan in oanpaste Validator
   • Levere konfiguraasje oan oanpaste Validator
   • FormArray - Dynamysk Add Inputs
   • FormArray - De Component Class
   • FormArray - It sjabloan
   • FormArray - Wearden
   • Sub FormGroups - Component Class
   • Sub FormGroups - HTML Template
   • Wêrom Brûk Sub FormGroups
8. Tsjinsten en ôfhinklikens Injection
   • Wat is in tsjinst?
   • In Basic Service oanmeitsje
   • De Service Class
   • Wat is Dependency Injection?
   • Injecting in Service Instance
   • Injectors
   • Injector Hierarchy
   • Registrearje in tsjinst mei de Root Injector
   • registrearje in tsjinst mei in komponint 's Injector
   • Registrearje in tsjinst mei in Feature Module Injector
   • Wêr registrearje in tsjinst?
   • Ofhinklikens ynjeksje yn oare artefakten
   • It jaan fan in alternative ymplemintaasje
   • Ofhinklikens ynjeksje en @Host
   • Ofhinklikens ynjeksje en @Opsjoneel
9. HTTP-kliïnt
   • De Angular HTTP Client
   • Mei help fan de HTTP Client - Overview
   • Ymportearje HttpClientModule
   • Service Using HttpClient
   • It meitsjen fan in GET-fersyk
   • Wat docht in Observable Object?
   • Mei help fan de tsjinst yn in komponint
   • De PeopleService Client Component
   • Flater Handling
   • It oanpassen fan it Flaterobjekt
   • It meitsjen fan in POST Request
   • It meitsjen fan in PUT-fersyk
   • It meitsjen fan in DELETE-fersyk
10. Pipen en gegevensopmaak
    • Wat binne Pipes?
    • Ynboude Pipes
    • Mei help fan Pipes yn HTML Template
    • Chaining Pipes
    • Ynternasjonalisearre pipen (i18n)
    • Loading Locale Data
    • De datum Pipe
    • It nûmer Pipe
    • Faluta Pipe
    • Meitsje in oanpaste Pipe
    • Oanpaste Pipe Example
    • Mei help fan oanpaste Pipes
    • Mei help fan in Pipe mei ngFor
    • In filterpipe
    • Pipe Category: Pure en ûnrein
    • Pure Pipe Example
    • Unrein Pipe Example
11. Yntroduksje ta Single Page Applications
    • Wat is in Single Page Application (SPA)
    • Tradisjoneel Web Oanfraach
    • SPA Workflow
    • Single Page Application Advantages
    • HTML5 Skiednis API
    • SPA Challenges
    • Implementearje SPA's mei Angular
12. De Angular Component Router
    • De komponint Router
    • View Navigaasje
    • De Angular Router API
    • It meitsjen fan in router ynskeakele applikaasje
    • Hosting de Routed Components
    • Navigaasje mei help fan keppelings en knoppen
    • Programmatyske Navigaasje
    • Passing Route Parameters
    • Navigearje mei rûteparameters
    • It krijen fan de rûteparameterwearden
    • It opheljen fan de Route Parameter Synchronously
    • It opheljen fan in Route Parameter Asynchronously
    • Query Parameters
    • Supplying Query Parameters
    • Opheljen Query Parameters Asynchronously
    • Problemen mei Manual URL yngong en Blêdwizer
13. Avansearre HTTP-kliïnt
    • Fersyk Opsjes
    • It weromjaan fan in HttpResponse-objekt
    • Ynstellen fan fersykkoppen
    • Creating New Observables
    • It meitsjen fan in Simple Observable
    • De Observable Constructor Metoade
    • Observable Operators
    • De kaart en filter Operators
    • De flatMap () Operator
    • De tap () Operator
    • De zip () Combinator
    • Caching HTTP Response
    • Making Sequential HTTP Calls
    • Making Parallel Calls
    • Flaterobjekt oanpasse mei catchError()
    • Flater yn Pipeline
    • Flater Recovery
14. Angular modules
    • Wêrom Angular Modules?
    • Anatomy fan in Module Class
    • @NgModule Eigenskippen
    • Feature Modules
    • Example Module Struktuer
    • Meitsje in domein Module
    • Meitsje in Routed / Routing Module Pair
    • Meitsje in Service Module
    • It meitsjen fan mienskiplike modules
    • It brûken fan ien module fan in oar
15. Avansearre Routing
    • Routing Enabled Feature Module
    • Mei help fan de Feature Module
    • Lazy Loading de Feature Module
    • Create Links foar de Feature Module Components
    • Mear oer Lazy Loading
    • Preloading Modules
    • routerLinkActive binding
    • Standert Route
    • Wildcard Route Paad
    • redirectTo
    • Child Routes
    • It definiearjen fan bernrûtes foar bernrûtes
    • Links foar Child Routes
    • Navigaasje Guards
    • Creating Guard Implementations
    • Mei help fan Guards yn in rûte
16. Unit Testing Angular applikaasjes
    • Unit Testing Angular Artifacts
    • Testing Tools
    • Typyske Teststappen
    • Test Results
    • Jasmine Test Suites
    • Jasmine Specs (Unit Tests)
    • Ferwachtings (Bewearde-ionen)
    • Matchers
    • Examples fan it brûken fan Matchers
    • Mei help fan de net Property
    • Opset en Teardown yn Unit Test Suites
    • Example fan beforeEach en afterEach Functions
    • Angular Test Module
    • Example Angular Test Module
    • Testen fan in tsjinst
    • Injecting in Service Instance
    • Test in syngroane metoade
    • Test in asynchronous metoade
    • Mei help fan Mock HTTP Client
    • Supplying Canned Response
    • Testen fan in komponint
    • Component Test Module
    • It meitsjen fan in komponint Instance
    • De ComponentFixture Class
    • Basic Component Tests
    • De DebugElement-klasse
    • Simulearjen fan brûkersynteraksje
17. Debuggen
    • Oerview fan Angular Debuggen
    • Viewing TypeScript Code yn Debugger
    • Mei help fan de debugger Keyword
    • Debug Logging
    • Wat is Angular DevTools?
    • Mei help fan Angular DevTools
    • Angular DevTools - Component Struktuer
    • Angular DevTools - Feroarje Detect ion Execut ion
    • Catching syntaksis flaters

WAT IS DE KURSUS FOAR?

Dizze kursus is rjochte op elkenien dy't de fûneminten fan Angular 15-ûntwikkeling moat leare en it direkt tapasse op it meitsjen web applikaasjes.
Wy kinne dizze oplieding ek leverje en oanpasse foar gruttere groepen - jo organisaasje tiid, jild en middels besparje. Foar mear ynformaasje, nim dan kontakt mei ús op fia e-mail op ph.training@lumifywork.com

FEREISTEN

• Web ûntwikkelingsûnderfining mei HTML, CSS, en JavaScript is nedich om it measte út dizze Angular-kursus te heljen
• Kennis fan 'e browser DOM is ek nuttich
• Gjin foarôfgeande ûnderfining fan Angular of AngularJS is fereaske

It oanbod fan dizze kursus troch Lumify Work wurdt regele troch de boekingsbetingsten en -betingsten.
Lês asjebleaft de betingsten en kondysjes foarsichtich foardat jo ynskriuwe foar dizze kursus e, om't ynskriuwing foar de kursus betingst is fan akseptaasje fan dizze e betingsten en kondysjes.

https://www.lumifywork.com/en-ph/courses/angular-15-programming/ ph.training@lumifywork.com
lumifywork.com
facebook.com/LumifyWorkPh
linkedin.com/company/lumify-work-ph
twitter.com/LumifyWorkPH
youtube.com/@lumifywork