UMSÓKN OG WEB ÞRÓUN
Angular 15 forritun
LENGDUR 5 dagar
ÚTGÁFA 15
AF HVERJU að læra þetta námskeið
Þetta ákafa og yfirgripsmikla Angular 15 þjálfunarnámskeið veitir þátttakendum færni sem þeir geta notað strax í starfi sínu. Þú munt læra grundvallaratriði Angular 15 þróunar eins og einnar síðu vafraforrit, móttækilegur websíður og blendingar fyrir farsímaforrit.
Þetta námskeið er sambland af fræðilegu námi og praktískum tilraunastofum sem felur í sér kynningu á Angular, fylgt eftir með TypeScript, íhlutum, beinlínum, þjónustu, HTTPClient, prófun og villuleit.
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.
ANGULAR VIÐ LUMIFY WORK
ÞAÐ sem þú munt læra
Þegar þessu námskeiði er lokið muntu hafa þekkingu til að:
- Þróaðu einnar síðu hyrndar umsóknir með því að nota Typescript
- Settu upp fullkomið Angular þróunarumhverfi
- Búðu til íhluti, beinlínur, þjónustur, pípur, eyðublöð og sérsniðna staðfestingaraðila
- Meðhöndla háþróuð netgagnaöflunarverkefni með því að nota Observables
- Neyta gagna frá REST web þjónustu sem notar Angular HTTP viðskiptavin
- Meðhöndla push-data tengijónir með því að nota WebSocket 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 app jónir með því að nota innbyggð verkfæri
- Vinna með Angular CLI
Leiðbeinandinn minn var frábær að geta sett atburðarás inn í raunveruleg dæmi sem tengdust tilteknum aðstæðum mínum.
Mér fannst ég vera velkomin frá því augnabliki sem ég kom og hæfileikinn til að sitja sem hópur fyrir utan skólastofuna til að ræða aðstæður okkar og markmið var afar dýrmætt.
Ég lærði mikið og fannst mikilvægt að markmiðum mínum með því að fara á þetta námskeið væri náð.
Frábært starf Lumify vinnuteymi.
AMANDA NICOL
STJÓRI ÞAÐ STUÐNINGSÞJÓNUSTU – HEALTH WORLD LIMITED
NÁMSKEIÐI
- Við kynnum Angular
• Hvað er Angular?
• Miðlægir eiginleikar Angular Framework
• Viðeigandi notkunartilvik
• Byggingareiningar skörprar umsóknar
• Grunnarkitektúr Angular forrits
• Uppsetning og notkun Angular
• Líffærafræði Angular Applicat jón
• Keyra forritið
• Byggja og dreifa forritinu
• Angular fyrir Native Mobile Apps - Kynning á TypeScript
• Forritunarmál til notkunar með Angular
• TypeScript setningafræði
• Forritunarritstjórar
• Tegundarkerfið – Skilgreina breytur
• Tegundarkerfið – Skilgreina fylki
• Basic Primit ive Types
• Sláðu inn Funct jónir
• Gerð ályktun
• Skilgreina flokka
• Bekkjaraðferðir
• Skyggnistýring
• Bekkjarsmiðir
• Bekkjarsmiðir – varaform
• Ófrumstilltir reitir
• Viðmót
• Vinna með ES6 einingar
• var vs let
• Örvaaðgerðir
• Arrow Function Compact Syntax
• Sniðmátstrengir
• Samheitalyf í bekknum
• Generics in Funct jón - Íhlutir
• Hvað er hluti?
• Fyrrverandiample Hluti
• Búa til íhlut með því að nota Angular CLI
• Íhlutaflokkurinn
• @Component Decorator
• Að skrá íhlut á einingu sína
• Hlutasniðmát
• Fyrrverandiample: HelloComponent sniðmát
• Fyrrverandiample: HelloComponent Class
• Notkun íhluta
• Keyra forritið
• Stigveldi íhluta
• Rótarhlutinn fyrir forritið
• Bootstrap File
• Krókar fyrir líftíma íhluta
• Fyrrverandiample Lifecycle Hooks
• CSS stíll - Íhluta snið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ðferð
• Eiginleikatilskipanir
• Notaðu stíla með því að breyta CSS flokkum
• Fyrrverandiample: ngClass
• Að beita stílum beint
• Byggingartilskipanir
• Skilyrt keyra sniðmát
• Fyrrverandiample: ngEf
• Looping Notkun ngFor
• ngFyrir staðbundnar breytur
• Meðhöndla safnið
• Fyrrverandiample – Að eyða hlut
• Atriðamæling með ngFor
• Skipta um þætti með ngSwitch
• Flokka þætti
• Tilvísunarbreyta sniðmáts - Samskipti milli íhluta
• Grunnatriði samskipta
• Gagnaflæðisarkitektúrinn
• Að undirbúa barnið til að taka á móti gögnum
• Senda gögn frá foreldri
• Meira um að setja upp eiginleika
• Kveikitilvik frá íhlut
• @Output() Dæmiample – Barnahluti
• @Output() Dæmiample – Foreldri hluti
• Full tvíhliða binding
• Setja upp tvíhliða gagnabindingu í foreldri - Sniðmát og ekið eyðublöð
• Sniðmátadrifin eyðublöð
• Flytja inn eyðublöð
• Grunnaðferð
• Setja upp eyðublað
• Að fá notandainntak
• Að sleppa 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 (valmynd) reiti
• Lýtingarvalkostir fyrir val (valmynd)
• Dagsetningarreitir
• Útvarpshnappar - Viðbragðsform
• Reactive Forms yfirview
• Byggingareiningarnar
• Flytja inn Reactive FormsModule
• 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
• Custom Validator
• Notkun sérsniðins staðfestingartækis
• Að útvega stillingar til sérsniðinna staðfestingaraðila
• FormArray – Bæta inntakum við á breytilegan hátt
• FormArray – Component Class
• FormArray – Sniðmátið
• FormArray – Gildi
• Sub FormGroups – Component Class
• Sub FormGroups – HTML sniðmát
• Af hverju að nota Sub FormGroups - Þjónusta og Dependency Injection
• Hvað er þjónusta?
• Búa til grunnþjónustu
• Þjónustuflokkurinn
• Hvað er Dependency Injection?
• Innspýting þjónustutilviks
• Inndælingartæki
• 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ð eiginleikaeiningu
• Hvar á að skrá þjónustu?
• Dependency Injection in Other Artifacts
• Að útvega aðra útfærslu
• Dependency Injection og @Host
• Dependency Injection og @Valfrjálst - HTTP viðskiptavinur
• Angular HTTP viðskiptavinurinn
• Notkun HTTP viðskiptavinarins – Yfirview
• Flytja inn HttpClientModule
• Þjónusta með HttpClient
• Að gera GET beiðni
• Hvað gerir sýnilegur hlutur?
• Notkun þjónustunnar í íhlut
• Viðskiptavinahlutinn PeopleService
• Villumeðferð
• Sérsníða villuhlutinn
• Að gera POST beiðni
• Að gera PUT beiðni
• Gerðu DELETE beiðni - Lagnir og gagnasnið
• Hvað eru rör?
• Innbyggð rör
• Notkun rör í HTML sniðmáti
• Keðja rör
• Alþjóðleg rör (i18n)
• Hleður staðargögnum
• Dagsetningin Pipe
• Talan Pipe
• Gjaldeyrispípa
• Búðu til sérsniðna pípu
• Sérsniðið rör Example
• Notkun sérsniðinna röra
• Notkun pípa með ngFor
• Síupípa
• Pípuflokkur: Hreint og óhreint
• Pure Pipe Example
• Óhreint rör Example - Kynning á forritum á einni síðu
• Hvað er Single Page Application (SPA)
• Hefðbundið Web Umsókn
• SPA Workflow
• Single Page Application Advantages
• HTML5 History API
• SPA áskoranir
• Innleiðing SPA með því að nota Angular - 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
• Programmatic Navigation
• Farið framhjá leiðarbreytum
• Siglingar með leiðarbreytum
• Að fá leiðarfæribreytugildi
• Að sækja leiðarfæribreytuna samstillt
• Að sækja leiðarfæribreytu ósamstilltur
• Fyrirspurnarfæribreytur
• Útvega fyrirspurnarfæribreytur
• Að sækja fyrirspurnarfæribreytur ósamstilltur
• Vandamál með handbók URL færsla og bókamerki - Háþróaður HTTP viðskiptavinur
• Beiðni um valkosti
• Skila HttpResponse hlut
• Stilla beiðnihausa
• Að búa til nýja sýnilega hluti
• Að búa til einfalt sýnilegt
• The Observable Constructor Method
• Athuganlegir rekstraraðilar
• Kortið og sían Stjórnendur
• FlatMap() stjórnandinn
• Tap() stjórnandi
• The zip() Combinator
• Skyndiminni HTTP svar
• Hringja HTTP símtöl í röð
• Samhliða símtöl
• Að sérsníða villuhlut með catchError()
• Villa í Pipeline
• Villubata - Hyrndar einingar
• Hvers vegna Angular Modules?
• Líffærafræði einingaflokks
• @NgModule Eiginleikar
• Eiginleikaeiningar
• Fyrrverandiample Module Uppbygging
• Búðu til lénseiningu
• Búðu til leiðar-/leiðareiningarpar
• Búa til þjónustueiningu
• Að búa til sameiginlegar einingar
• Notkun eina einingu úr annarri - Háþróuð leið
• Leiðarvirkja eiginleikaeining
• Notkun eiginleikaeiningarinnar
• Latur að hlaða eiginleikaeiningunni
• Að búa til tengla fyrir eiginleikaeininguna
• Meira um Lazy Loading
• Forhleðsla einingar
• routerLinkActive binding
• Sjálfgefin leið
• Wildcard Route Path
• beina Í
• Barnaleiðir
• Skilgreina barnaleiðir fyrir barnaleiðir
• Tenglar fyrir barnaleiðir
• Leiðsögumenn
• Að búa til útfærslur verndar
• Notkun verðir á leið - Unit Testing Angular Applications
• Einingaprófun hyrndra gripa
• Prófunarverkfæri
• Dæmigert prófunarskref
• Niðurstöður prófa
• Jasmine Test Suites
• Jasmine Specs (einingaprófanir)
• Væntingar (fullyrðingarjónir)
• Matchers
• Fyrrverandiamples af Using Matchers
• Notkun ekki eign
• Uppsetning og niðurrif í Unit Test Suites
• Fyrrverandiample of beforeHver og afterHver virka
• Hornprófunareining
• Fyrrverandiample Angular Test Module
• Prófa þjónustu
• Innspýting þjónustutilviks
• Prófaðu samstillta aðferð
• Prófaðu ósamstillta aðferð
• Notkun Mock HTTP Client
• Útvega niðursoðinn svar
• Prófa íhlut
• Íhlutaprófunareining
• Að búa til íhlutatilvik
• ComponentFixture Class
• Grunnþáttapróf
• DebugElement Class
• Herma eftir samskiptum notenda - Villuleit
• Yfirview af Angular Debugging
• Viewmeð TypeScript kóða í aflúsara
• Notkun leitarorðs villuleitar
• Villuleitarskráning
• Hvað er Angular DevTools?
• Notkun Angular DevTools
• Angular DevTools – Component Structure
• Angular DevTools – Change Detect ion Execut ion
• Smitandi setningafræðivillur
Fyrir hverja er námskeiðið?
Þetta námskeið er ætlað öllum sem þurfa að læra grunnatriði Angular 15 þróunar og beita því strax til að skapa web umsóknir.
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. Fyrir frekari upplýsingar, vinsamlegast hafðu samband við okkur með tölvupósti á ph.training@lumifywork.com
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
- Engin fyrri reynsla af Angular eða AngularJS er nauðsynleg
Framboð Lumify Work á þessu námskeiði er stjórnað af bókunarskilmálum.
Vinsamlega lestu skilmálana vandlega áður en þú skráir þig á þetta námskeið e, þar sem innritun á námskeiðið er háð því að þú samþykkir þessa e skilmála og skilyrði.
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
Skjöl / auðlindir
 |
LUMIFY WORK Angular 15 Forritun [pdfNotendahandbók Angular 15 Forritun, Forritun |
