PRAŠYMAS IR WEB PLĖTRA
Angular 15 programavimas
ILGIS 5 dienų
VERSIJA 15
KODĖL STUDIJUSI ŠĮ KURSĄ
Šis intensyvus ir išsamus Angular 15 mokymo kursas suteikia dalyviams įgūdžių, kuriuos jie gali iš karto panaudoti savo darbe. Sužinosite „Angular 15“ kūrimo pagrindus, pvz., vieno puslapio naršyklės taikomąsias programas, reaguojančias websvetaines ir hibridines mobiliąsias programas.
Šis kursas yra teorinio mokymosi ir praktinių laboratorijų derinys, į kurį įeina įvadas į Angular, po kurio pateikiamas TypeScript, komponentai, nurodymai, paslaugos, HTTPClient, testavimas ir derinimas.
Pastaba: Taip pat galime surengti mokymus apie kitas Angular versijas. Prašome susisiekti su mumis ir pateikti užklausą arba užregistruoti susidomėjimą.
KAMPINIS IR LUMIFY DARBAS
KĄ IŠMOKSITE
Sėkmingai baigę šį kursą, turėsite žinių:
- Sukurkite vieno puslapio kampines programas naudodami „Typescript“.
- Sukurkite visą Angular kūrimo aplinką
- Kurkite komponentus, nurodymus, paslaugas, vamzdžius, formas ir pasirinktinius tikrintuvus
- Tvarkykite išplėstines tinklo duomenų gavimo užduotis naudodami Observables
- Naudoti duomenis iš REST web paslaugas naudojant kampinį HTTP klientą
- Tvarkykite „push-data“ prijungimo jonus naudodami WebLizdų protokolas
- Norėdami formatuoti duomenis, dirbkite su kampiniais vamzdžiais
- Naudokite išplėstines Angular Component Router funkcijas
- Išbandykite ir derinkite Angular aplikacijų jonus naudodami integruotus įrankius
- Darbas su Angular CLI
Mano dėstytojas buvo puikus, galėdamas pritaikyti scenarijus į realaus pasaulio atvejus, susijusius su mano konkrečia situacija.
Nuo tada, kai atvykau, jaučiausi laukiamas, o galimybė susėsti kaip grupė už klasės, aptarti mūsų situacijas ir tikslus buvo nepaprastai vertinga.
Daug išmokau ir jaučiau, kad svarbu, kad mano tikslai lankydamiesi šiame kurse būtų pasiekti.
Puikus darbas Lumify Work komanda.
AMANDA NICOL
IT PAGALBOS PASLAUGŲ VADOVAS – HEALTH WORLD LIMITED
KURSŲ DALYKAI
- Pristatome Angular
• Kas yra kampinis?
• Centrinės kampinio karkaso ypatybės
• Tinkami naudojimo atvejai
• Kampinio taikymo blokai
• Pagrindinė kampinio taikymo architektūra
• Angular montavimas ir naudojimas
• Kampinės aplikacijos anatomija
• Programos paleidimas
• Programos kūrimas ir diegimas
• Kampinis vietinėms programėlėms mobiliesiems - Įvadas į TypeScript
• Programavimo kalbos, skirtos naudoti su Angular
• TypeScript sintaksė
• Programavimo redaktoriai
• Tipų sistema – apibrėžiantys kintamuosius
• Tipų sistema – apibrėžiantys masyvus
• Pagrindiniai primityviai tipai
• Įveskite Function ions
• Tipo išvada
• Klasių apibrėžimas
• Klasės metodai
• Matomumo kontrolė
• Klasių konstruktoriai
• Klasių konstruktoriai – alternatyvi forma
• Neinicializuoti laukai
• Sąsajos
• Darbas su ES6 moduliais
• var vs let
• Rodyklės funkcijos
• Rodyklės funkcija Kompaktiška sintaksė
• Šablonų eilutės
• Generics in Class
• Generics in Function ion - Komponentai
• Kas yra komponentas?
• Buvample Komponentas
• Komponento kūrimas naudojant Angular CLI
• Komponentų klasė
• @Component Decorator
• Komponento registravimas jo modulyje
• Komponento šablonas
• Pvzample: HelloComponent šablonas
• Pvzample: HelloComponent klasė
• Komponento naudojimas
• Paleiskite programą
• Komponentų hierarchija
• Taikomosios programos šakninis komponentas
• Bootstrap File
• Komponentų gyvavimo ciklo kabliukai
• Pvzample Lifecycle Hooks
• CSS stiliai - Komponentų šablonai
• Šablonai
• Šablono vieta
• Ūsai {{ }} sintaksė
• DOM elemento ypatybių nustatymas
• Nustatymo elemento turinys
• Įvykių įrišimas
• Išraiškos įvykių tvarkytuvas
• Užkirsti kelią numatytam tvarkymui
• Atributų direktyvos
• Taikykite stilius keisdami CSS klases
• Pvzample: ngClass
• Tiesioginis stilių taikymas
• Struktūrinės direktyvos
• Sąlygiškai vykdyti šabloną
• Pvzample: ngJei
• Ciklo sudarymas naudojant ngFor
• ngVietiniams kintamiesiems
• Manipuliavimas Kolekcija
• Pvzample – elemento ištrynimas
• Elementų sekimas naudojant ngFor
• Elementų keitimas naudojant ngSwitch
• Elementų grupavimas
• Šablono nuorodos kintamasis - Komunikacija tarp komponentų
• Bendravimo pagrindai
• Duomenų srauto architektūra
• Vaiko paruošimas gauti duomenis
• Siųsti duomenis iš tėvų
• Daugiau apie ypatybių nustatymą
• Įvykio suaktyvinimas iš komponento
• @Output() Pvzample – Vaiko komponentas
• @Output() Pvzample – Parent Component
• Visas dvipusis įrišimas
• Dviejų krypčių duomenų susiejimo nustatymas pirminėje programoje - Šablonai ir valdomos formos
• Šablonu pagrįstos formos
• Importavimo formų modulis
• Pagrindinis požiūris
• Formos nustatymas
• Vartotojo įvesties gavimas
• Praleidžiamas ngForm atributas
• Inicijuoti formą
• Dviejų krypčių duomenų surišimas
• Formos patvirtinimas
• Angular Validators
• Rodymas patvirtinimo būsenos naudojant klases
• Papildomi įvesties tipai
• Žymės langeliai
• Pasirinkite (išskleidžiamąjį) laukus
• „Select“ atvaizdavimo parinktys (išskleidžiamasis meniu)
• Datos laukai
• Radijo mygtukai - Reaktyvios formos
• Reaktyviosios formosview
• Statybiniai blokai
• Importuoti reaktyvių formų modulį
• Sukurkite formą
• Sukurkite šabloną
• Įvesties reikšmių gavimas
• Įvesties laukų inicijavimas
• Formos reikšmių nustatymas
• Įvesties pakeitimų prenumerata
• Patvirtinimas
• Integruoti tikrintuvai
• Rodoma patvirtinimo klaida
• Custom Validator
• Naudojant pasirinktinį tikrintuvą
• Konfigūracijos teikimas pasirinktiniam tikrintuvui
• FormArray – dinamiškai pridėti įvesčių
• FormArray – komponentų klasė
• FormArray – šablonas
• FormArray – reikšmės
• Sub FormGroups – komponentų klasė
• Sub FormGroups – HTML šablonas
• Kodėl naudoti subformų grupes - Paslaugos ir priklausomybės injekcija
• Kas yra paslauga?
• Pagrindinės paslaugos kūrimas
• Paslaugų klasė
• Kas yra priklausomybės injekcija?
• Paslaugos egzemplioriaus suleidimas
• Purkštukai
• Purkštukų hierarchija
• Paslaugos registravimas naudojant Root Injector
• Paslaugos registravimas naudojant komponento purkštuką
• Užregistruokite paslaugą su funkcijų modulio purkštuvu
• Kur registruoti paslaugą?
• Priklausomybės injekcija kituose artefaktuose
• Alternatyvaus įgyvendinimo teikimas
• Priklausomybės injekcija ir @Host
• Priklausomybės injekcija ir @Neprivaloma - HTTP klientas
• Kampinis HTTP klientas
• Naudojant HTTP klientą – baigtaview
• Importuoti HttpClientModule
• Paslauga naudojant „HttpClient“.
• GET užklausos pateikimas
• Ką veikia stebimas objektas?
• Paslaugos naudojimas komponente
• „PeopleService“ kliento komponentas
• Klaidų tvarkymas
• Klaidos objekto pritaikymas
• POST užklausos pateikimas
• PUT užklausos pateikimas
• Ištrinti užklausą - Vamzdžiai ir duomenų formatavimas
• Kas yra vamzdžiai?
• Įmontuoti vamzdžiai
• Vamzdžių naudojimas HTML šablone
• Vamzdžių sujungimas grandinėmis
• Tarptautiniai jonizuoti vamzdžiai (i18n)
• Įkeliami lokalės duomenys
• Data Pipe
• Skaičius Pipe
• Valiutos vamzdis
• Sukurti pasirinktinį vamzdį
• Custom Pipe Example
• Naudojant pasirinktinius vamzdžius
• Vamzdžio naudojimas su ngFor
• Filtro vamzdis
• Vamzdžių kategorija: grynas ir nešvarus
• Pure Pipe Example
• Nešvarus vamzdis Example - Įvadas į vieno puslapio programas
• Kas yra vieno puslapio programa (SPA)
• Tradicinis Web Taikymas
• SPA darbo eiga
• Single Page Application Advantages
• HTML5 istorijos API
• SPA iššūkiai
• SPA įrengimas naudojant Angular - Kampinio komponento maršrutizatorius
• Komponentinis maršrutizatorius
• View Navigacija
• Angular Router API
• Maršrutizatoriaus įgalintos programos kūrimas
• Nukreiptų komponentų talpinimas
• Naršymas naudojant nuorodas ir mygtukus
• Programinė navigacija
• Pravažiavimo maršruto parametrai
• Navigacija su maršruto parametrais
• Maršruto parametrų reikšmių gavimas
• Sinchroninis maršruto parametro gavimas
• Asinchroninis maršruto parametro gavimas
• Užklausos parametrai
• Užklausos parametrų teikimas
• Asinchroninis užklausos parametrų gavimas
• Problemos su vadovu URL įrašas ir žymėjimas - Išplėstinis HTTP klientas
• Užklausos parinktys
• HttpResponse objekto grąžinimas
• Užklausų antraščių nustatymas
• Naujų stebimų objektų kūrimas
• Paprasto stebimo objekto kūrimas
• Stebimo konstruktoriaus metodas
• Stebimi operatoriai
• Žemėlapis ir filtras Operatoriai
• FlatMap() operatorius
• Tap() operatorius
• zip() kombinatorius
• HTTP atsako kaupimas talpykloje
• Nuosekliųjų HTTP skambučių atlikimas
• Skambinimas lygiagrečiai
• Klaidos objekto tinkinimas naudojant catchError()
• Klaida vamzdyne
• Klaidų atkūrimas - Kampiniai moduliai
• Kodėl kampiniai moduliai?
• Modulio klasės anatomija
• @NgModule Properties
• Funkcijų moduliai
• Pvzample Modulio struktūra
• Sukurti domeno modulį
• Sukurkite maršruto / maršruto parinkimo modulių porą
• Sukurti paslaugų modulį
• Bendrųjų modulių kūrimas
• Vieno modulio naudojimas iš kito - Išplėstinis maršruto parinkimas
• Routing Enabled Feature Module
• Funkcijos modulio naudojimas
• Tingus funkcijų modulio įkėlimas
• Funkcijų modulio komponentų nuorodų kūrimas
• Daugiau apie tingų įkėlimą
• Išankstinio įkėlimo moduliai
• routerLinkActive susiejimas
• Numatytasis maršrutas
• Pakaitos simbolio maršruto kelias
• redirectTo
• Vaikų maršrutai
• Vaikų maršrutų nustatymas vaikų maršrutams
• Vaikų maršrutų nuorodos
• Navigacijos apsauga
• Apsaugos įgyvendinimų kūrimas
• Apsaugų naudojimas maršrute - Vieneto testavimo kampinės programos
• Kampinių artefaktų matavimo vienetas
• Testavimo įrankiai
• Tipiniai testavimo žingsniai
• Testo rezultatai
• Jasmine Test Suite
• Jazminų specifikacijos (vieneto testai)
• Lūkesčiai (teigimo jonai)
• Degtukai
• Pvzampatitikmenų naudojimas
• Ne nuosavybės naudojimas
• Sąranka ir išardymas vienetų testavimo komplektuose
• Pvzample of beforeEach ir afterEach Functions
• Kampinio bandymo modulis
• Pvzample kampinio bandymo modulis
• Paslaugos testavimas
• Paslaugos egzemplioriaus suleidimas
• Išbandykite sinchroninį metodą
• Išbandykite asinchroninį metodą
• Mock HTTP Client naudojimas
• Išsaugoto atsakymo teikimas
• Komponento testavimas
• Komponentų testavimo modulis
• Komponento egzemplioriaus kūrimas
• Component Fixture klasė
• Pagrindinių komponentų testai
• DebugElement klasė
• Vartotojo sąveikos modeliavimas - Derinimas
• Baigtaview kampinio derinimo
• View„TypeScript“ kodo derinimo programoje
• Derinimo priemonės raktinio žodžio naudojimas
• Derinimo registravimas
• Kas yra Angular DevTools?
• Naudojant Angular DevTools
• Angular DevTools – komponentų struktūra
• Angular DevTools – pakeisti aptikimo jonų vykdymo joną
• Sintaksės klaidų gaudymas
KAM SKIRTA KURSAS?
Šis kursas skirtas visiems, kuriems reikia išmokti Angular 15 kūrimo pagrindus ir nedelsiant juos pritaikyti kuriant. web programas.
Taip pat galime pristatyti ir pritaikyti šį mokymo kursą didesnėms grupėms – taupydami jūsų organizacijos laiką, pinigus ir išteklius. Norėdami gauti daugiau informacijos, susisiekite su mumis el ph.training@lumifywork.com
REIKALAVIMAI
- Web Norint išnaudoti visas šio Angular kurso galimybes, reikalinga kūrimo patirtis naudojant HTML, CSS ir JavaScript
- Naršyklės DOM žinios taip pat praverčia
- Ankstesnė Angular ar AngularJS patirtis nebūtina
Šių „Lumify Work“ kursų tiekimą reglamentuoja užsakymo sąlygos.
Prieš užsiregistruodami į šiuos kursus, atidžiai perskaitykite sąlygas ir sąlygas, nes registracija į kursus priklauso nuo to, kad sutinkate su šiomis sąlygomis.
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
Dokumentai / Ištekliai
 |
LUMIFY WORK Angular 15 programavimas [pdfVartotojo vadovas Kampinis 15 programavimas, programavimas |
