PRIMJENA I WEB RAZVOJ
Angular 15 Programiranje
DUŽINA 5 dana
VERSION 15
ZAŠTO UČITI OVAJ KURS
Ovaj intenzivan i sveobuhvatan kurs obuke za Angular 15 polaznicima pruža vještine koje mogu odmah koristiti u svom radu. Naučit ćete osnove Angular 15 razvoja kao što su aplikacije pretraživača na jednoj stranici, brza reakcija webweb stranice i hibridne mobilne aplikacije.
Ovaj kurs je kombinacija teorijskog učenja i praktičnih laboratorija koji uključuje uvod u Angular, praćen TypeScriptom, komponentama, direktnim datotekama, uslugama, HTTPClientom, testiranjem i otklanjanjem grešaka.
Napomena: Također možemo pružiti obuku o drugim verzijama Angular-a. Molimo kontaktirajte nas kako biste postavili upit ili registrirali svoj interes.
KUTNI NA LUMIFY RADU
ŠTA ĆETE NAUČITI
Nakon uspješnog završetka ovog kursa, imaćete znanja da:
- Razvijte jednostrane Angular aplikacije koristeći Typescript
- Postavite kompletno Angular razvojno okruženje
- Kreirajte komponente, direktne ive, usluge, cijevi, obrasce i prilagođene validatore
- Rukujte naprednim zadacima preuzimanja mrežnih podataka koristeći Observables
- Potrošite podatke iz REST-a web usluge koje koriste Angular HTTP Client
- Rukujte ionima vezanim za push-data koristeći WebProtokol utičnice
- Radite s kutnim cijevima za formatiranje podataka
- Koristite napredne funkcije Angular Component Routera
- Testirajte i otklonite greške Angular aplikacija koristeći ugrađene alate
- Rad sa Angular CLI
Moj instruktor je bio sjajan što je mogao staviti scenarije u slučajeve iz stvarnog svijeta koji se odnose na moju specifičnu situaciju.
Osjećao sam se dobrodošlo od trenutka kada sam stigao, a mogućnost da sjedim kao grupa izvan učionice i razgovaramo o našim situacijama i našim ciljevima je bila izuzetno vrijedna.
Naučila sam mnogo i osjećala sam da je važno da su moji ciljevi pohađanjem ovog kursa ostvareni.
Odličan posao Lumify Work tim.
AMANDA NICOL
MANAGER USLUGA IT PODRŠKE – HEALTH WORLD LIMITED
PREDMETI PREDMETA
- Predstavljamo Angular
• Šta je Angular?
• Centralne karakteristike ugaonog okvira
• Odgovarajući slučajevi upotrebe
• Građevinski blokovi ugaone aplikacije
• Osnovna arhitektura ugaone aplikacije
• Instaliranje i korištenje Angulara
• Anatomija ugaone aplikacije
• Pokretanje aplikacije
• Izrada i implementacija aplikacije
• Angular za izvorne mobilne aplikacije - Uvod u TypeScript
• Programski jezici za upotrebu sa Angularom
• TypeScript sintaksa
• Urednici programiranja
• Sistem tipova – Definisanje varijabli
• Sistem tipova – Definisanje nizova
• Osnovni primitivni tipovi
• Upišite Funkcijski joni
• Tip Inference
• Definiranje klasa
• Metode nastave
• Kontrola vidljivosti
• Konstruktori klasa
• Konstruktori klasa – alternativni oblik
• Neinicijalizirana polja
• Interfejsi
• Rad sa ES6 modulima
• var vs let
• Funkcije sa strelicama
• Kompaktna sintaksa funkcije strelice
• Template String
• Generici u klasi
• Generici u funkciji - Komponente
• Šta je komponenta?
• Prample Component
• Kreiranje komponente koristeći Angular CLI
• Klasa komponenti
• @Component Decorator
• Registriranje komponente u njen modul
• Predložak komponente
• prample: HelloComponent Template
• prample: Klasa HelloComponent
• Korišćenje komponente
• Pokrenite aplikaciju
• Hijerarhija komponenti
• Komponenta korijena aplikacije
• Bootstrap File
• Kuke životnog ciklusa komponente
• prample Lifecycle Hooks
• CSS stilovi - Predlošci komponenti
• Šabloni
• Lokacija predloška
• Sintaksa brkova {{ }}
• Postavljanje svojstava DOM elementa
• Postavljanje teksta tijela elementa
• Vezivanje događaja
• Obrađivač događaja izraza
• Sprečavanje podrazumevanog rukovanja
• Direktive o atributima
• Primijenite stilove promjenom CSS klasa
• prample: ngClass
• Direktna primjena stilova
• Strukturne direktive
• Predložak za uslovno izvršenje
• prample: ngIf
• Petlja koristeći ngFor
• ngZa lokalne varijable
• Manipulisanje kolekcijom
• prample – Brisanje stavke
• Praćenje stavki pomoću ngFor
• Zamena elemenata sa ngSwitch-om
• Grupiranje elemenata
• Referentna varijabla predloška - Interkomponentna komunikacija
• Osnove komunikacije
• Arhitektura protoka podataka
• Priprema djeteta za primanje podataka
• Pošalji podatke od roditelja
• Više o podešavanju svojstava
• Događaj pokretanja iz komponente
• @Izlaz() prample – Podređena komponenta
• @Izlaz() prample – Roditeljska komponenta
• Potpuno dvosmjerno uvezivanje
• Postavljanje dvosmjernog povezivanja podataka u roditelj - Predložak i vođeni obrasci
• Obrasci vođeni šablonima
• Modul za uvoz obrazaca
• Osnovni pristup
• Postavljanje obrasca
• Dobivanje korisničkog unosa
• Izostavljanje atributa ngForm
• Inicijalizirajte obrazac
• Dvosmjerno povezivanje podataka
• Validacija obrasca
• Ugaoni validatori
• Prikaz stanja validacije pomoću klasa
• Dodatne vrste unosa
• Potvrdni okviri
• Odaberite (padajući meni) polja
• Opcije renderiranja za odabir (padajući izbornik)
• Datumska polja
• Radio dugmad - Reaktivni oblici
• Reaktivni obrasci prekoview
• Građevinski blokovi
• Import Reactive FormsModule
• Napravite obrazac
• Dizajnirajte predložak
• Dobivanje ulaznih vrijednosti
• Inicijalizacija polja za unos
• Postavljanje vrijednosti obrasca
• Pretplata na Promjene unosa
• Validacija
• Ugrađeni validatori
• Prikazuje grešku validacije
• Prilagođeni validator
• Korišćenje prilagođenog validatora
• Dostavljanje konfiguracije za prilagođeni validator
• FormArray – Dinamičko dodavanje ulaza
• FormArray – Klasa komponente
• FormArray – Predložak
• FormArray – Vrijednosti
• Podgrupe obrazaca – Klasa komponenti
• Podgrupe obrazaca – HTML šablon
• Zašto koristiti podgrupe obrasca - Usluge i ubrizgavanje zavisnosti
• Šta je usluga?
• Kreiranje osnovne usluge
• Klasa usluge
• Šta je injekcija zavisnosti?
• Ubacivanje instance usluge
• Injektori
• Hijerarhija injektora
• Registriranje usluge s Root Injector-om
• Registracija usluge sa injektorom komponente
• Registrujte uslugu sa injektorom modula karakteristika
• Gdje registrirati uslugu?
• Injekcija zavisnosti u druge artefakte
• Pružanje alternativne implementacije
• Injekcija zavisnosti i @Host
• Injekcija zavisnosti i @Opcionalno - HTTP klijent
• Angular HTTP klijent
• Korišćenje HTTP klijenta – Prekoview
• Uvoz HttpClientModule
• Usluga koristeći HttpClient
• Izrada GET zahtjeva
• Šta radi objekat koji se može posmatrati?
• Korišćenje usluge u komponenti
• Komponenta PeopleService Client
• Rukovanje greškama
• Prilagođavanje objekta Error
• Izrada POST zahtjeva
• Izrada PUT zahtjeva
• Podnošenje zahtjeva za DELETE - Cijevi i formatiranje podataka
• Šta su cijevi?
• Ugrađene cijevi
• Upotreba cijevi u HTML predlošku
• Povezivanje cijevi
• Internacionalizirane cijevi (i18n)
• Učitavanje lokalnih podataka
• Datum Pipe
• Broj cijevi
• Currency Pipe
• Kreirajte prilagođenu cijev
• Custom Pipe Example
• Korištenje prilagođenih cijevi
• Korišćenje cevi sa ngFor
• Cijev za filter
• Kategorija cijevi: čista i nečista
• Pure Pipe Example
• Impure Pipe Example - Uvod u aplikacije na jednoj stranici
• Šta je aplikacija za jednu stranicu (SPA)
• Tradicionalno Web Aplikacija
• SPA radni tok
• Single Page Application Advantages
• HTML5 History API
• SPA izazovi
• Implementacija SPA koristeći Angular - Ugaoni komponentni ruter
• Komponentni ruter
• View Navigacija
• Angular Router API
• Kreiranje aplikacije sa omogućenom ruterom
• Hosting usmjeranih komponenti
• Navigacija pomoću veza i dugmadi
• Programska navigacija
• Prenošenje parametara rute
• Navigacija pomoću parametara rute
• Dobivanje vrijednosti parametara rute
• Sinhrono preuzimanje parametra rute
• Asinkrono preuzimanje parametra rute
• Parametri upita
• Dostavljanje parametara upita
• Asinkrono preuzimanje parametara upita
• Problemi sa Manualom URL unos i označavanje - Napredni HTTP klijent
• Opcije zahtjeva
• Vraćanje HttpResponse objekta
• Postavljanje zaglavlja zahtjeva
• Kreiranje novih opservablea
• Kreiranje jednostavnog uočljivog
• Metoda konstruktora koji se može posmatrati
• Opservable Operators
• Operateri mape i filtera
• Operator flatMap().
• Operator tap().
• Kombinator zip()
• Keširanje HTTP odgovora
• Obavljanje uzastopnih HTTP poziva
• Obavljanje paralelnih poziva
• Prilagođavanje objekta Error sa catchError()
• Greška u cjevovodu
• Oporavak od greške - Ugaoni moduli
• Zašto ugaoni moduli?
• Anatomija klase modula
• Svojstva @NgModule
• Funkcijski moduli
• prample Struktura modula
• Kreirajte modul domene
• Kreirajte par modula za usmjeravanje/usmjeravanje
• Kreirajte servisni modul
• Kreiranje zajedničkih modula
• Korištenje jednog modula od drugog - Napredno rutiranje
• Funkcijski modul omogućen za rutiranje
• Korištenje funkcijskog modula
• Lazy loading the Feature Module
• Kreiranje veza za komponente funkcionalnog modula
• Više o Lazy Loading
• Predučitavanje modula
• routerLinkActive povezivanje
• Zadana ruta
• Putanja zamjenske rute
• preusmjeravanje na
• Dječije rute
• Definiranje podređenih ruta za podređene rute
• Veze za dječje rute
• Čuvari navigacije
• Kreiranje Guard implementacija
• Korištenje čuvara na ruti - Unit Testing Angular Applications
• Unit Testing Angular Artefacts
• Alati za testiranje
• Tipični koraci testiranja
• Rezultati testa
• Jasmine Test Suites
• Specifikacije jasmina (jedinični testovi)
• Očekivanja (Asert ioni)
• Šibice
• prampLes Using Matchers
• Korištenje ne svojstva
• Podešavanje i uklanjanje u paketima za testiranje jedinica
• prample od prijeEach i afterEach funkcija
• Ugaoni test modul
• prample Kutni testni modul
• Testiranje usluge
• Ubacivanje instance usluge
• Testirajte sinhroni metod
• Testirajte asinhroni metod
• Korišćenje lažnog HTTP klijenta
• Isporuka standardnog odgovora
• Testiranje komponente
• Modul za testiranje komponenti
• Kreiranje instance komponente
• Klasa ComponentFixture
• Testovi osnovnih komponenti
• Klasa DebugElement
• Simulacija interakcije korisnika - Otklanjanje grešaka
• Gotovoview Angular Debugging
• Viewunos TypeScript koda u program za ispravljanje pogrešaka
• Korištenje ključne riječi za otklanjanje grešaka
• Debug Logging
• Šta je Angular DevTools?
• Korištenje Angular DevTools
• Angular DevTools – Struktura komponenti
• Angular DevTools – Change Detect ion Execut ion
• Hvatanje sintaksičkih grešaka
KOM JE KURS ZA?
Ovaj kurs je namijenjen svima koji trebaju naučiti osnove Angular 15 razvoja i odmah ih primijeniti na kreiranje web aplikacije.
Također možemo isporučiti i prilagoditi ovaj kurs obuke za veće grupe – štedeći vaše vrijeme, novac i resurse. Za više informacija, kontaktirajte nas putem e-pošte na ph.training@lumifywork.com
PREDUVJETI
- Web Iskustvo u razvoju pomoću HTML-a, CSS-a i JavaScript-a je potrebno da biste izvukli maksimum iz ovog Angular kursa
- Poznavanje DOM pretraživača je takođe korisno
- Nije potrebno prethodno iskustvo u Angularu ili AngularJS-u
Isporuka ovih kurseva od strane Lumify Work-a je regulisana odredbama i uslovima rezervacije.
Molimo vas da pažljivo pročitate odredbe i uslove prije upisa na ovaj kurs, jer je upis na kurs uslovljen prihvatanjem ovih uslova.
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 |
