LUMIFY WORK Angular 12 Korisnički priručnik za programiranje

LUMIFY WORK Angular 12 Programiranje

ZAŠTO UČITI OVAJ TEČAJ

Ovaj sveobuhvatni tečaj programiranja Angular 12 kombinacija je teorijskog učenja i praktičnih laboratorija koji uključuje uvod u Angular, praćen TypeScriptom, komponentama, direktivama, uslugama, HTTP klijentom, testiranjem i otklanjanjem pogrešaka.
Tečaj je prepun korisnih i djelotvornih informacija koje možete odmah primijeniti u svom radu. Naučite osnove osnovnog Angular 12 razvoja kao što su aplikacije preglednika na jednoj stranici, responzivne webweb stranice i hibridne mobilne aplikacije.
Bilješka: Također možemo pružiti obuku na drugim verzijama Angulara. Kontaktirajte nas kako biste postavili upit ili prijavili svoj interes.

ŠTO ĆETE NAUČITI
Nakon uspješnog završetka ovog tečaja, moći ćete:

• Razvijte jednostrane Angular aplikacije koristeći Typescript
• Postavite kompletno Angular razvojno okruženje
• Stvorite komponente, direktive, usluge, kanale, obrasce i prilagođene validatore
• Rukujte naprednim zadacima dohvaćanja mrežnih podataka pomoću Observables Konzumirajte podatke iz REST-a web usluge pomoću Angular HT TP Client Handle push-data veze pomoću WebSocket protokol
• Radite s kutnim cijevima za formatiranje podataka
• Koristite napredne značajke Angular Component Router
• Testirajte i otklanjajte pogreške Angular aplikacija pomoću ugrađenih alata.

NASTAVNI PREDMETI

Poglavlje 1. Predstavljanje Angulara

• Što je Angular?
• Središnje značajke primjerenih slučajeva upotrebe kutnog okvira
• Sastavni blokovi Angular aplikacije Osnovna arhitektura Angular aplikacije Instaliranje i korištenje Angulara
• Anatomija kutne aplikacije Pokretanje aplikacije
• Izrada i implementacija aplikacije Angular za izvorne mobilne aplikacije
• Sažetak

Poglavlje 2. Uvod u TypeScript

• Programski jezici za korištenje s Angular TypeScript sintaksom
• Urednici programiranja
• Sustav tipova – definiranje varijabli
• Sustav tipova – definiranje nizova
• Osnovni primitivni tipovi
• Upišite Funkcije
• Tipski zaključak
• Definiranje klasa
• Metode razreda
• Kontrola vidljivosti
• Konstruktori klasa
• Konstruktori klasa – alternativna neinicijalizirana polja obrasca
• sučelja
• Rad s ES6 modulima
• var vs let
• Funkcije strelica
• Funkcija strelice Kompaktni nizovi predložaka sintakse
• Generici u klasi
• Generici u funkciji
• Sažetak

Poglavlje 3. Komponente

• Što je komponenta?
• Bivšiample komponenta
• Stvaranje komponente pomoću Angular CLI
• Klasa komponente
• @Component Decorator
• Registriranje komponente u njezin predložak komponente modula
• Example: predložak HelloComponent
• Example: Klasa HelloComponent koja koristi komponentu
• Pokrenite aplikaciju
• Hijerarhija komponenti
• Korijenska komponenta aplikacije
• Bootstrap File
• Kuke životnog ciklusa komponente Nprample Lifecycle Hooks
• CSS stilovi
• Sažetak

Poglavlje 4. Predlošci komponenti

• Predlošci
• Lokacija predloška
• Sintaksa brkova {{ }}
• Postavljanje svojstava DOM elementa
• Postavljanje teksta tijela elementa
• Uvezivanje događaja
• Rukovatelj događajima izraza
• Spriječi zadano rukovanje
• Direktive o atributima
• Primijenite stilove promjenom CSS klasa
• Example: ngClass
• Izravna primjena stilova
• Strukturne direktive
• Predložak uvjetne izvedbe
• Example: ngIf
• Petlja pomoću ngFor
• ngZa lokalne varijable
• Manipuliranje zbirkom Nprample – Brisanje stavke
• Praćenje stavki s ng-om za zamjenu elemenata s ngSwitch grupiranjem elemenata
• Sažetak varijable reference predloška

Poglavlje 5. Međukomponentna komunikacija

• Osnove komunikacije
• Arhitektura protoka podataka
• Priprema djeteta za primanje podataka
• Slanje podataka od roditelja
• Više o postavljanju svojstava
• Okidanje događaja iz komponente
• @Output() Nprample – Podređena komponenta @Output() Nprample – Nadređena komponenta
• Potpuni dvosmjerni uvez
• Postavljanje dvosmjernog povezivanja podataka u Nadređenom
• Sažetak

Poglavlje 6. Obrasci vođeni predlošcima

• Obrasci vođeni predlošcima
• Modul za uvoz obrazaca
• Osnovni pristup
• Postavljanje obrasca
• Prihvaćanje unosa korisnika
• Izostavljanje atributa ngForm
• Inicijalizirajte obrazac
• Dvosmjerno povezivanje podataka
• Provjera obrasca
• Kutni validatori
• Prikaz stanja provjere valjanosti korištenjem klasa Dodatne vrste unosa
• Potvrdni okviri
• Odaberite (padajući izbornik) polja
• Opcije iscrtavanja za odabrana (padajuća) polja datuma
• Radio gumbi
• Sažetak

Poglavlje 7. Reaktivni oblici

• Reaktivni oblici završeniview
• The Building Blocks
• Uvezi ReactiveFormsModule
• Konstruirajte obrazac
• Dizajnirajte predložak
• Dobivanje ulaznih vrijednosti
• Inicijalizacija polja za unos
• Postavljanje vrijednosti obrasca
• Pretplata na izmjene unosa
• Validacija
• Ugrađeni validatori
• Prikazuje se pogreška provjere valjanosti
• Prilagođeni Validator
• Korištenje prilagođenog validatora
• Dostavljanje konfiguracije Custom Validatoru
• FormArray – dinamičko dodavanje unosa
• FormArray – klasa komponente
• FormArray – Predložak
• FormArray – Vrijednosti
• Sub FormGroups – Klasa komponenti
• Sub FormGroups – HTML predložak
• Zašto koristiti Sub FormGroups
• Sažetak

Poglavlje 8. Usluge i uvođenje ovisnosti

• Što je usluga?
• Stvaranje osnovne usluge
• Servisna klasa
• Što je ubrizgavanje ovisnosti?
• Ubacivanje instance usluge
• Injektori
• Hijerarhija injektora
• Registriranje usluge s Root Injectorom
• Registriranje usluge s injektorom komponente
• Registrirajte uslugu s Feature Module Injectorom
• Gdje registrirati uslugu?
• Dependency Injection u drugim artefaktima koji pružaju alternativnu implementaciju Dependency Injection i @Host
• Dependency Injection i @Optional
• Sažetak

Poglavlje 9. HTTP klijent

• Angular HT TP klijent
• Korištenje HT TP klijenta – Prijemview
• Uvoz HttpClientModule
• Usluga pomoću HttpClient
• Izrada GET zahtjeva
• Što radi vidljivi objekt?
• Korištenje usluge u komponenti
• Rukovanje pogreškama klijentske komponente PeopleService
• Prilagođavanje objekta pogreške
• Izrada POST zahtjeva
• Izrada PUT zahtjeva
• Izrada zahtjeva za BRISANJE

Poglavlje 10. Cijevi i formatiranje podataka

• Što su cijevi?
• Ugrađene cijevi
• Korištenje cijevi u HTML predlošku Ulančavanje cijevi
• Internacionalizirani kanali (i18n) Učitavanje podataka o lokalizaciji
• Lula za datume
• Broj Pipe
• Currency Pipe
• Stvorite prilagođenu cijev
• Prilagođena cijev Example
• Korištenje prilagođenih cijevi
• Korištenje cijevi s ngFor
• Filtarska cijev
• Kategorija lule: čista i nečista
• Sažetak
• Pure Pipe Example
• Nečista cijev Example
• Sažetak

Poglavlje 11. Uvod u aplikacije s jednom stranom

• Što je tradicionalna aplikacija za jednu stranicu (SPA). Web Primjena
• SPA tijek rada
• Napredna aplikacija za jednu stranicutages HTML5 History API
• SPA izazovi
• Implementacija SPA-a korištenjem kutnog sažetka

Poglavlje 12. Glodalica za kutne komponente

• Komponentni usmjerivač
• View Navigacija
• Angular Router API
• Stvaranje aplikacije s omogućenim usmjerivačem
• Hosting rutiranih komponenti
• Navigacija pomoću poveznica i gumba
• Programska navigacija
• Prosljeđivanje parametara rute
• Navigacija s parametrima rute
• Dobivanje vrijednosti parametara rute
• Sinkrono dohvaćanje parametra rute
• Asinkrono dohvaćanje parametra rute
• Parametri upita
• Dostavljanje parametara upita
• Asinkrono dohvaćanje parametara upita
• Problemi s priručnikom URL unos i označavanje
• Sažetak

Poglavlje 13. Napredni HTTP klijent

• Opcije zahtjeva
• Vraćanje HttpResponse objekta
• Postavljanje zaglavlja zahtjeva
• Stvaranje novih vidljivih
• Stvaranje jednostavne observable
• Metoda opservabilnog konstruktora Opservabilni operatori
• Operatori karte i filtra
• Operator flatMap().
• Operator tap().
• Kombinator zip().
• Predmemoriranje HT TP odgovora
• Upućivanje sekvencijalnih HT TP poziva
• Upućivanje paralelnih poziva
• Prilagodba objekta pogreške s catchError()
• Greška u cjevovodu
• Oporavak od pogreške
• Sažetak

Poglavlje 14. Kutni moduli

• Zašto kutni moduli?
• Anatomija klase modula
• Svojstva @NgModule
• Moduli značajki
• Example Struktura modula
• Stvorite modul domene
• Stvorite par usmjeravan/modul za usmjeravanje
• Stvorite servisni modul
• Stvaranje zajedničkih modula

Poglavlje 15. Napredno usmjeravanje

• Modul značajki s omogućenim usmjeravanjem
• Korištenje modula značajki
• Lijeno učitavanje modula značajki
• Stvaranje poveznica za komponente modula značajki
• Više o Lazy Loading
• Prethodno učitavanje modula
• Zadana ruta
• Put rute sa zamjenskim znakovima
• preusmjeriti na
• Dječje rute
• Definiranje ruta djeteta
• za Child Routes
• Veze za Child Routes
• Navigacijski čuvari
• Stvaranje Guard implementacija
• Korištenje stražara na ruti
• Sažetak

Poglavlje 16. Jedinično testiranje kutnih aplikacija

• Jedinično testiranje kutnih artefakata
• Alati za testiranje
• Tipični koraci testiranja
• Rezultati testa
• Jasmine Test Suites
• Jasmine specifikacije (jedinični testovi)
• Očekivanja (tvrdnje)
• Šibice
• Exampupute o korištenju podudarnosti
• Korištenje svojstva not
• Postavljanje i rastavljanje u paketima za testiranje jedinice
• Example funkcije beforeEach i afterEach
• Kutni ispitni modul
• Example Kutni ispitni modul
• Testiranje usluge
• Ubacivanje instance usluge
• Testirajte sinkronu metodu
• Testirajte asinkronu metodu
• Korištenje lažnog HT TP klijenta
• Pružanje unaprijed pripremljenog odgovora
• Testiranje komponente
• Modul za testiranje komponenti
• Stvaranje instance komponente
• Klasa ComponentFixture
• Testovi osnovnih komponenti
• Klasa DebugElement
• Simulacija interakcije korisnika
• Sažetak

Poglavlje 17. Otklanjanje pogrešaka

• Nadview kutnog otklanjanja pogrešaka
• Viewing TypeScript koda u Debuggeru
• Korištenje programa za otklanjanje pogrešaka Ključna riječ
• Zapisivanje otklanjanja pogrešaka
• Što je Angular DevTools?
• Korištenje Angular DevTools
• Angular DevTools – Struktura komponenti
• Angular DevTools – Izvršenje otkrivanja promjena
• Hvatanje sintaktičkih pogrešaka
• Sažetak

Laboratorijske vježbe

• Lab 1. Uvod u Angular
• Lab 2. Uvod u TypeScript
• Lab 3. Uvod u komponente
• Lab 4. Predložak komponente
• Lab 5. Napravite komponentu galerije fotografija
• Lab 6. Obrazac vođen predloškom
• Lab 7. Napravite obrazac za uređivanje
• Lab 8. Reaktivni oblik
• Lab 9. Razviti uslugu
• Lab 10. Razviti HT TP klijent
• Lab 11. Koristite cijevi
• Lab 12. Osnovna jednostranička aplikacija pomoću usmjerivača Lab 13. Izradite jednostraničnu aplikaciju (SPA)
• Lab 14. Napredni HT TP klijent
• Lab 15. Korištenje Angular Bootstrapa
• Lab 16. Lijeno učitavanje modula
• Lab 17. Napredno usmjeravanje
• Lab 18. Jedinično testiranje
• Lab 19. Debugging Angular aplikacija

ZA KOGA JE TEČAJ?
Ovaj tečaj namijenjen je svima koji trebaju naučiti osnove Angular 12 razvoja i primijeniti ih na kreiranje web aplikacije odmah. Također možemo isporučiti i prilagoditi ovaj tečaj obuke za veće grupe – štedeći vašoj organizaciji vrijeme, novac i resurse.

PREDUVJETI
Web potrebno je razvojno iskustvo u korištenju HTML-a, CSS-a i JavaScripta da biste maksimalno iskoristili ovaj Angular tečaj. Korisno je i poznavanje DOM-a preglednika. Prethodno Angular iskustvo, s AngularJS-om ili bilo kojom verzijom Angulara, nije potrebno.
https://www.lumifywork.com/en-au/courses/angular-12-programming/