LUMIFY WORK Angular 12 Forritun

AF HVERJU að læra þetta námskeið

Þetta yfirgripsmikla Angular 12 forritunarnámskeið er sambland af fræðilegu námi og praktískum tilraunum sem felur í sér kynningu á Angular, fylgt eftir með TypeScript, íhlutum, tilskipunum, þjónustu, HTTP viðskiptavinum, prófunum og villuleit.
Námskeiðið er stútfullt af gagnlegum og hagnýtum upplýsingum sem þú getur notað strax í vinnu þína. Lærðu grunnatriði grunnþróunar Angular 12 eins og einnar síðu vafraforrit, móttækileg websíður og blendingur farsímaforrita.
Athugið: Við getum líka veitt þjálfun á öðrum útgáfum af Angular. Vinsamlegast hafðu samband við okkur til að gera fyrirspurn eða skrá áhuga þinn.

ÞAÐ sem þú munt læra
Að loknu þessu námskeiði muntu geta:

• Þróaðu einnar síðu Angular forrit með því að nota Typescript
• Settu upp fullkomið Angular þróunarumhverfi
• Búðu til íhluti, tilskipanir, þjónustu, pípur, eyðublöð og sérsniðna sannprófunaraðila
• Meðhöndla háþróuð netgagnaöflunarverkefni með því að nota Observables Neyta gagna frá REST web þjónustu sem notar Angular HT TP viðskiptavin. Meðhöndla push-gagnatengingar með því að nota WebSockets siðareglur
• Vinna með Angular Pipes til að forsníða gögn
• Notaðu háþróaða Angular Component Router eiginleika
• Prófaðu og kemba Angular forrit með innbyggðum verkfærum.

NÁMSKEIÐI

Kafli 1. Kynning á Angular

• Hvað er Angular?
• Aðaleiginleikar Angular Framework Viðeigandi notkunartilvik
• Byggingareiningar Angular forrits Grunnarkitektúr Angular forrits Uppsetning og notkun Angular
• Líffærafræði skörprar forrits sem keyrir forritið
• Byggja og dreifa forritinu Angular fyrir innfædd farsímaforrit
• Samantekt

Kafli 2. Inngangur að TypeScript

• Forritunarmál til notkunar með Angular TypeScript setningafræði
• Forritunarritstjórar
• Tegundarkerfið - Skilgreina breytur
• Tegundarkerfið - Skilgreina fylki
• Grunn frumstæðar gerðir
• Sláðu inn aðgerðir
• Tegund ályktun
• Skilgreina flokka
• Class Aðferðir
• Skyggnistýring
• Smiðir í flokki
• Bekkjarsmiðir – Óuppsettir reitir til vara
• Viðmót
• Vinna með ES6 einingar
• var vs let
• Örvar aðgerðir
• Arrow Function Compact Syntax Template Strings
• Samheitalyf í flokki
• Samheitalyf í notkun
• Samantekt

Kafli 3. Íhlutir

• Hvað er hluti?
• Fyrrverandiample Hluti
• Að búa til íhlut með því að nota Angular CLI
• Íhlutaflokkurinn
• @Component skreytandinn
• Að skrá íhlut á sniðmát fyrir einingahluta
• Example: HelloComponent sniðmát
• Example: HelloComponent flokkurinn með íhlut
• Keyra forritið
• Íhlutastigveldi
• Rótarhluti forritsins
• The Bootstrap File
• Íhlutalífferilskrókar Example Lifecycle Hooks
• CSS stíll
• Samantekt

Kafli 4. Íhlutasniðmát

• Sniðmát
• Staðsetning sniðmáts
• Yfirvaraskeggið {{ }} Setningafræði
• Stilling DOM Element Properties
• Stilling frumefnistexta
• Atburðabinding
• Expression Event Handler
• Koma í veg fyrir sjálfgefna meðhöndlun
• Eiginleikatilskipanir
• Notaðu stíla með því að breyta CSS flokkum
• Example: ngClass
• Að beita stílum beint
• Byggingartilskipanir
• Skilyrt keyra sniðmát
• Example: ngEf
• Looping Notkun ngFor
• ngFyrir staðbundnar breytur
• Meðhöndla safnið Example – Að eyða hlut
• Atriðaraking með ngTil að skipta um þætti með ngSwitch Grouping Elements
• Samantekt breytu tilvísunar sniðmáts

Kafli 5. Samskipti milli íhluta

• Grunnatriði samskipta
• Gagnaflæðisarkitektúrinn
• Að undirbúa barnið til að taka á móti gögnum
• Sendu gögn frá foreldri
• Meira um að setja upp eiginleika
• Hleypaviðburður frá íhlut
• @Output() Dæmiample – Child Component @Output() Dæmiample – Foreldri hluti
• Full tvíhliða binding
• Setja upp tvíhliða gagnabindingu í foreldri
• Samantekt

Kafli 6. Sniðmátadrifin eyðublöð

• Sniðmátadrifin eyðublöð
• Flytja inn eyðublöðareining
• Grunnaðferð
• Að setja upp eyðublað
• Að sækja notandainntak
• Sleppir ngForm eigindi
• Frumstilla eyðublaðið
• Tvíhliða gagnabinding
• Löggilding eyðublaða
• Angular Validators
• Sýnir staðfestingarástand með því að nota flokka viðbótartegundir inntaks
• Gátreitir
• Veldu (Flati niður) reiti
• Sýningarvalkostir fyrir valið (valmyndaval) dagsetningu reiti
• Útvarpshnappar
• Samantekt

Kafli 7. Reactive Forms

• Hvarfandi eyðublöð lokiðview
• Byggingarsteinarnir
• Flytja inn ReactiveFormsModule
• Búðu til eyðublað
• Hannaðu sniðmátið
• Að fá inntaksgildi
• Frumstilling á innsláttarreitum
• Stilla eyðublaðsgildi
• Gerast áskrifandi að inntaksbreytingum
• Staðfesting
• Innbyggðir staðfestingaraðilar
• Sýnir staðfestingarvillu
• Sérsniðin staðfestingaraðili
• Notkun sérsniðins staðfestingartækis
• Útvegar stillingar í Custom Validator
• FormArray – Bættu inntakum við á virkan hátt
• FormArray – Hlutaflokkurinn
• FormArray – Sniðmátið
• FormArray - Gildi
• Undirformhópar – íhlutaflokkur
• Sub FormGroups – HTML sniðmát
• Af hverju að nota undirformhópa
• Samantekt

Kafli 8. Þjónusta og fíkniefnasprauta

• Hvað er þjónusta?
• Að búa til grunnþjónustu
• Þjónustuflokkurinn
• Hvað er Dependency Injection?
• Sprauta inn þjónustutilvik
• Sprautur
• Stigveldi inndælingartækis
• Skráning á þjónustu með Root Injector
• Skráning á þjónustu með inndælingartæki íhluta
• Skráðu þjónustu með eiginleikaeiningunni
• Hvar á að skrá þjónustu?
• Ósjálfstæðissprautun í öðrum gripum sem veitir aðra framkvæmd háðsprautu og @Host
• Dependency Injection og @Valfrjálst
• Samantekt

Kafli 9. HTTP viðskiptavinur

• Angular HT TP viðskiptavinurinn
• Notkun HT TP viðskiptavinarins – yfirview
• Flytur inn HttpClientModule
• Þjónusta sem notar HttpClient
• Að gera GET beiðni
• Hvað gerir sýnilegur hlutur?
• Notkun þjónustunnar í íhlut
• Villumeðhöndlun íhluta viðskiptavinar PeopleService
• Aðlaga villuhlutinn
• Að gera POST beiðni
• Að gera PUT beiðni
• Að leggja fram DELETE beiðni

Kafli 10. Lagnir og gagnasnið

• Hvað eru rör?
• Innbyggð rör
• Notkun rör í HTML sniðmát keðjupípur
• Internationalized Pipes (i18n) Hleður staðargögn
• Dagsetningin Pipe
• Númerið Pipe
• Gjaldeyrispípa
• Búðu til sérsniðna pípu
• Sérsniðin rör Example
• Notaðu sérsniðnar rör
• Notkun pípa með ngFor
• Síupípa
• Pípuflokkur: Hreint og óhreint
• Samantekt
• Pure Pipe Example
• Óhreint rör Example
• Samantekt

Kafli 11. Inngangur að forritum á einni síðu

• Hvað er einni síðu umsókn (SPA) hefðbundið Web Umsókn
• SPA vinnuflæði
• Forrit á einni síðu Advantages HTML5 History API
• SPA áskoranir
• Innleiðing SPA með því að nota Angular Summary

Kafli 12. Angular Component Router

• Component Router
• View Leiðsögn
• Angular Router API
• Að búa til forrit sem er virkt fyrir leið
• Hýsing leiða íhlutanna
• Leiðsögn með hlekkjum og hnöppum
• Forritunarleiðsögn
• Farið framhjá leiðarbreytum
• Siglingar með leiðarbreytum
• Að fá leiðarfæribreytugildi
• Að sækja leiðarbreytu samstillt
• Að sækja leiðarfæribreytu ósamstilltur
• Fyrirspurnarfæribreytur
• Birtir fyrirspurnarfæribreytur
• Sækir fyrirspurnarfæribreytur ósamstilltur
• Vandamál með handbók URL færsla og bókamerki
• Samantekt

Kafli 13. Háþróaður HTTP viðskiptavinur

• Beiðni um valkosti
• Skila HttpResponse hlut
• Stilling beiðnihausa
• Að búa til nýja sýnilega hluti
• Að búa til einfalt sýnilegt
• The Observable Constructor Method. Observable Operators
• Kortið og sían Rekstraraðilar
• FlatMap() stjórnandinn
• Tap() stjórnandi
• The zip() samsettari
• Skyndiminni HT TP svar
• Hringt í röð HT TP símtöl
• Hringja samhliða símtöl
• Aðlaga villuhlut með catchError()
• Villa í Pipeline
• Villubata
• Samantekt

Kafli 14. Hornaeiningar

• Af hverju Angular Modules?
• Líffærafræði einingaflokks
• @NgModule Eiginleikar
• Eiginleikaeiningar
• Example Module Uppbygging
• Búðu til lénseiningu
• Búðu til leiðar/leiðareiningarpar
• Búðu til þjónustueiningu
• Að búa til sameiginlegar einingar

Kafli 15. Ítarleg leiðargerð

• Leiðarvirkja eiginleikaeining
• Að nota eiginleikaeininguna
• Latur að hlaða eiginleikaeiningunni
• Að búa til tengla fyrir eiginleikaeininguna
• Meira um Lazy Loading
• Forhleðsla einingar
• Sjálfgefin leið
• Wildcard Route Path
• beina til
• Barnaleiðir
• Skilgreina barnaleiðir
• fyrir Barnaleiðir
• Tenglar fyrir barnaleiðir
• Siglingaverðir
• Að búa til útfærslur verndar
• Notkun verðir á leið
• Samantekt

Kafli 16. Einingaprófun Hornaforrit

• Einingaprófun hyrndra gripa
• Prófunarverkfæri
• Dæmigert prófunarskref
• Niðurstöður prófs
• Jasmine Test Suites
• Jasmine sérstakur (einingapróf)
• Væntingar (fullyrðingar)
• Matchers
• Examples af Using Matchers
• Notkun ekki eign
• Uppsetning og niðurrif í Unit Test Suites
• Example of beforeHver og afterHver virka
• Hornprófunareining
• Example Angular Test Module
• Að prófa þjónustu
• Sprauta inn þjónustutilvik
• Prófaðu samstillta aðferð
• Prófaðu ósamstillta aðferð
• Notkun Mock HT TP Client
• Veitir niðursoðinn svar
• Að prófa íhlut
• Hlutaprófunareining
• Að búa til íhlutatilvik
• ComponentFixture Class
• Grunnpróf íhluta
• DebugElement flokkurinn
• Hermir eftir samskiptum notenda
• Samantekt

Kafli 17. Villuleit

• Yfirview af Angular Debugging
• Viewmeð TypeScript kóða í aflúsara
• Að nota leitarorð villuleitar
• Villuleita skráningu
• Hvað er Angular DevTools?
• Notkun Angular DevTools
• Angular DevTools – Íhlutauppbygging
• Angular DevTools – Framkvæmd breytingaskynjunar
• Að ná setningafræðivillum
• Samantekt

Lab æfingar

• Lab 1. Inngangur að Angular
• Lab 2. Kynning á TypeScript
• Rannsóknarstofa 3. Kynning á íhlutum
• Lab 4. Hlutasniðmát
• Lab 5. Búðu til myndagalleríhlut
• Lab 6. Sniðmátsdrifin form
• Lab 7. Búðu til Breytingareyðublað
• Lab 8. Reactive Form
• Rannsóknarstofa 9. Þróaðu þjónustu
• Rannsóknarstofa 10. Þróaðu HT TP viðskiptavin
• Lab 11. Notaðu rör
• Lab 12. Grunnforrit á einni síðu með því að nota Router Lab 13. Búðu til forrit á einni síðu (SPA)
• Lab 14. Háþróaður HT TP viðskiptavinur
• Lab 15. Notkun Angular Bootstrap
• Lab 16. Lazy Module Loading
• Rannsóknarstofa 17. Ítarleg leiðargerð
• Rannsóknarstofa 18. Einingaprófun
• Rannsóknarstofa 19. Kembiforrit á hornforritum

Fyrir hverja er námskeiðið?
Þetta námskeið er ætlað öllum sem þurfa að læra grunnatriði Angular 12 þróunar og beita því til að skapa web umsóknir strax. Við getum líka afhent og sérsniðið þetta þjálfunarnámskeið fyrir stærri hópa - sem sparar fyrirtækinu þínu tíma, peninga og fjármagn.

Forsendur
Web Þróunarreynsla með því að nota HTML, CSS og JavaScript er nauðsynleg til að fá sem mest út úr þessu Angular námskeiði. Þekking á vafranum DOM er einnig gagnleg. Fyrri Angular reynslu, með AngularJS eða hvaða útgáfu sem er af Angular, er ekki nauðsynleg.
https://www.lumifywork.com/en-au/courses/angular-12-programming/

Skjöl / auðlindir

LUMIFY WORK Angular 12 Forritun [pdfNotendahandbók Angular 12 Forritun, Angular, 12 Forritun, Forritun

Heimildir

• Notendahandbók