PRIMJENA I WEB RAZVOJ
Angular 15 Programiranje
DULJINA 5 dana
VERZIJA 15
ZAŠTO UČITI OVAJ TEČAJ
Ovaj intenzivni i sveobuhvatni Angular 15 tečaj obuke polaznicima pruža vještine koje mogu odmah koristiti u svom radu. Naučit ćete osnove Angular 15 razvoja kao što su aplikacije preglednika na jednoj stranici, responzivni webstranice i hibridne mobilne aplikacije.
Ovaj je tečaj kombinacija teorijskog učenja i praktičnih laboratorija koji uključuje uvod u Angular, nakon čega slijedi TypeScript, komponente, izravne datoteke, usluge, HTTPClient, testiranje i otklanjanje pogrešaka.
Bilješka: Također možemo pružiti obuku na drugim verzijama Angulara. Kontaktirajte nas kako biste postavili upit ili prijavili svoj interes.
KUTNI NA LUMIFY RADU
ŠTO ĆETE NAUČITI
Nakon uspješnog završetka ovog tečaja, imat ćete znanje za:
- Razvijte kutne aplikacije za jednu stranicu koristeći Typescript
- Postavite kompletno Angular razvojno okruženje
- Stvorite komponente, izravne ive, usluge, cijevi, 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 HTTP klijenta
- Rukovati ionima veze push-data pomoću WebSocket protokol
- Radite s kutnim cijevima za formatiranje podataka
- Koristite napredne značajke Angular Component Router
- Testirajte i otklonite pogreške kutnih aplikacija pomoću ugrađenih alata
- Radite s Angular CLI
Moj je instruktor bio sjajan jer je mogao staviti scenarije u stvarne primjere koji su se odnosili na moju specifičnu situaciju.
Osjećao sam se dobrodošlo od trenutka kada sam stigao, a mogućnost da sjedimo kao grupa izvan učionice i razgovaramo o našim situacijama i ciljevima bila je iznimno vrijedna.
Puno sam naučio i smatrao sam važnim da su moji ciljevi pohađanjem ovog tečaja ispunjeni.
Sjajan posao Lumify Radni tim.
AMANDA NICOL
VODITELJ USLUGA IT PODRŠKE – HEALTH WORLD LIMITED
NASTAVNI PREDMETI
- Predstavljamo Angular
• Što je Angular?
• Središnje značajke kutnog okvira
• Odgovarajući slučajevi uporabe
• Sastavni blokovi kutne aplikacije
• Osnovna arhitektura kutne aplikacije
• Instaliranje i korištenje Angulara
• Anatomija kutne aplikacije
• Pokretanje aplikacije
• Izrada i implementacija aplikacije
• Angular za izvorne mobilne aplikacije - Uvod u TypeScript
• Programski jezici za korištenje s Angularom
• TypeScript sintaksa
• Urednici programiranja
• Sustav tipova – definiranje varijabli
• Sustav tipova – definiranje nizova
• Osnovni primitivni tipovi
• Upišite Function ions
• Tipski zaključak
• Definiranje klasa
• Metode razreda
• Kontrola vidljivosti
• Konstruktori klasa
• Konstruktori klase – alternativni oblik
• Neinicijalizirana polja
• Sučelja
• Rad s ES6 modulima
• var vs let
• Funkcije strelica
• Kompaktna sintaksa funkcije strelice
• Nizovi predložaka
• Generici u klasi
• Generici u funkciji - Komponente
• Što je komponenta?
• Bivšaample komponenta
• Stvaranje komponente pomoću Angular CLI
• Klasa komponente
• @Component Decorator
• Registriranje komponente na njezin modul
• Predložak komponente
• prample: predložak HelloComponent
• prample: klasa HelloComponent
• Korištenje komponente
• Pokrenite aplikaciju
• Hijerarhija komponenti
• Korijenska komponenta aplikacije
• Bootstrap File
• Kuke životnog ciklusa komponente
• prample Lifecycle Hooks
• CSS stilovi - Predlošci komponenti
• Predlošci
• Lokacija predloška
• Sintaksa Moustache {{ }}
• Postavljanje svojstava DOM elementa
• Postavljanje teksta tijela elementa
• Uvezivanje događaja
• Rukovatelj događajima izraza
• Spriječite zadano rukovanje
• Direktive o atributima
• Primijenite stilove promjenom CSS klasa
• prample: ngClass
• Izravna primjena stilova
• Strukturne direktive
• Predložak uvjetne izvedbe
• prample: ngIf
• Petlja korištenjem ngFor
• ngZa lokalne varijable
• Manipuliranje zbirkom
• prample – Brisanje stavke
• Praćenje predmeta s ngFor
• Zamjena elemenata pomoću ngSwitch
• Grupiranje elemenata
• Varijabla reference predloška - 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 – Dijete komponenta
• @Output() Nprample – Nadređena komponenta
• Potpuni dvosmjerni uvez
• Postavljanje dvosmjernog povezivanja podataka u Nadređenom - Obrasci vođeni predlošcima
• Obrasci vođeni predlošcima
• Modul za uvoz obrazaca
• Osnovni pristup
• Postavljanje obrasca
• Dobivanje unosa korisnika
• Izostavljanje atributa ngForm
• Inicijalizirajte obrazac
• Dvosmjerno povezivanje podataka
• Provjera valjanosti obrasca
• Kutni validatori
• Prikaz stanja valjanosti korištenjem klasa
• Dodatne vrste unosa
• Potvrdni okviri
• Odaberite (padajući izbornik) polja
• Mogućnosti prikazivanja za odabir (padajući izbornik)
• Datumska polja
• Radio gumbi - Reaktivni oblici
• Reactive Forms Overview
• Građevni blokovi
• Import Reactive FormsModule
• Konstruirajte obrazac
• Dizajnirajte predložak
• Dobivanje ulaznih vrijednosti
• Inicijalizacija polja za unos
• Postavljanje vrijednosti obrasca
• Pretplata na promjene 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 ulaza
• FormArray – klasa komponente
• FormArray – Predložak
• FormArray – Vrijednosti
• Sub FormGroups – klasa komponente
• Sub FormGroups – HTML predložak
• Zašto koristiti Sub FormGroups - Usluge i ubrizgavanje ovisnosti
• Što je usluga?
• Stvaranje osnovne usluge
• Klasa usluge
• Š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?
• Uvođenje ovisnosti u druge artefakte
• Pružanje alternativne implementacije
• Dependency Injection i @Host
• Dependency Injection i @Optional - HTTP klijent
• Angular HTTP klijent
• Korištenje HTTP klijenta – Krajview
• Uvoz HttpClientModule
• Usluga koristeći HttpClient
• Izrada GET zahtjeva
• Što radi vidljivi objekt?
• Korištenje usluge u komponenti
• Klijentska komponenta PeopleService
• Rukovanje pogreškama
• Prilagodba objekta pogreške
• Izrada POST zahtjeva
• Izrada PUT zahtjeva
• Izrada zahtjeva za BRISANJE - Cijevi i oblikovanje podataka
• Što su cijevi?
• Ugrađene cijevi
• Korištenje cijevi u HTML predlošku
• Ulančavanje cijevi
• Internacionalizirane cijevi (i18n)
• Učitavanje podataka o lokalizaciji
• Lula za datume
• Broj Pipe
• Currency Pipe
• Stvorite prilagođenu cijev
• Custom Pipe Example
• Korištenje prilagođenih cijevi
• Korištenje cijevi s ngFor
• Filtarska cijev
• Kategorija lule: čista i nečista
• Pure Pipe Example
• Nečista cijev Example - Uvod u aplikacije s jednom stranom
• Što je Single Page Applicat ion (SPA)
• Tradicionalno Web Primjena
• Tijek rada SPA
• Single Page Application Advantages
• HTML5 History API
• SPA izazovi
• Implementacija SPA-a pomoću Angulara - Angular Component Router
• 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 parametara 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 - Napredni HTTP klijent
• Opcije zahtjeva
• Vraćanje HttpResponse objekta
• Postavljanje zaglavlja zahtjeva
• Stvaranje novih vidljivih
• Stvaranje jednostavne observable
• Metoda Observable Constructor
• Opservabilni operatori
• Operatori karte i filtra
• Operator flatMap().
• Operator tap().
• Kombinator zip().
• Spremanje HTTP odgovora u predmemoriju
• Upućivanje sekvencijalnih HTTP poziva
• Upućivanje paralelnih poziva
• Prilagodba objekta pogreške pomoću catchError()
• Greška u cjevovodu
• Oporavak od pogreške - Kutni moduli
• Zašto kutni moduli?
• Anatomija klase modula
• Svojstva @NgModule
• Moduli značajki
• prample Struktura modula
• Stvorite modul domene
• Stvorite par usmjeravan/modul za usmjeravanje
• Stvorite servisni modul
• Stvaranje zajedničkih modula
• Korištenje jednog modula iz drugog - 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
• Predučitavanje modula
• routerLinkActive vezanje
• Zadana ruta
• Put rute sa zamjenskim znakovima
• preusmjeriti na
• Child Routes
• Definiranje podređenih ruta za podređene rute
• Veze za Child Routes
• Navigacijski stražari
• Stvaranje Guard implementacija
• Korištenje stražara na ruti - 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 (tvrdnja iona)
• Šibice
• prampupute o korištenju podudarnosti
• Korištenje svojstva not
• Postavljanje i rastavljanje u paketima za testiranje jedinica
• prample funkcije beforeEach i afterEach
• Kutni ispitni modul
• prample Kutni ispitni modul
• Testiranje usluge
• Ubacivanje instance usluge
• Testirajte sinkronu metodu
• Testirajte asinkronu metodu
• Korištenje lažnog HTTP 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 - Otklanjanje pogrešaka
• Gotovoview kutnog otklanjanja pogrešaka
• Viewing TypeScript koda u Debuggeru
• Korištenje ključne riječi programa za otklanjanje pogrešaka
• Bilježenje 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
ZA KOGA JE TEČAJ?
Ovaj je tečaj namijenjen svima koji trebaju naučiti osnove Angular 15 razvoja i odmah ih primijeniti na stvaranje web aplikacije.
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. Za više informacija kontaktirajte nas putem e-pošte na ph.training@lumifywork.com
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
- Nije potrebno prethodno iskustvo s Angularom ili AngularJS-om
Opskrba ovog tečaja od strane Lumify Work-a regulirana je odredbama i uvjetima rezervacije.
Molimo vas da pažljivo pročitate odredbe i uvjete prije nego što se upišete na ovaj tečaj, budući da je upis na tečaj uvjetovan prihvaćanjem ovih uvjeta i odredbi.
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
Dokumenti / Resursi
 |
LUMIFY WORK Angular 15 Programiranje [pdf] Korisnički priručnik Angular 15 Programiranje, Programiranje |
