APLIKIMI DHE WEB ZHVILLIMI
Angular 15 Programimi
GJATËSIA 5 dite
VERSIONI 15
PSE TA STUDONI KËTË KURSI
Ky kurs trajnimi intensiv dhe gjithëpërfshirës Angular 15 u ofron pjesëmarrësve aftësi që mund t'i përdorin menjëherë në punën e tyre. Do të mësoni bazat e zhvillimit të Angular 15 si jonet e aplikacionit të shfletuesit me një faqe, të përgjegjshme webfaqet dhe jonet hibride të aplikacioneve celulare.
Ky kurs është një kombinim i të mësuarit teorik dhe laboratorëve praktik që përfshin një jon hyrje në Angular, e ndjekur nga TypeScript, komponentët, ives direkte, shërbimet, HTTPClient, testimin dhe korrigjimin e gabimeve.
Shënim: Ne gjithashtu mund të ofrojmë trajnime për versionet e tjera të Angular. Ju lutemi na kontaktoni për të bërë një kërkesë ose për të regjistruar interesin tuaj.
ANGULAR AT LUMIFY WORK
ÇFARË DO TË MËSONI
Me përfundimin me sukses të këtij kursi, ju do të keni njohuri për:
- Zhvilloni jonet e aplikacionit këndor me një faqe duke përdorur Typescript
- Vendosni një mjedis të plotë zhvillimi Angular
- Krijoni komponentë, ives direkte, shërbime, tuba, formularë dhe verifikues të personalizuar
- Trajtoni detyrat e avancuara të marrjes së të dhënave të rrjetit duke përdorur Observables
- Konsumoni të dhëna nga REST web shërbimet që përdorin Klientin Angular HTTP
- Trajtoni jonet e lidhjes push-data duke përdorur WebProtokolli i prizës
- Punoni me Angular Pipes për të formatuar të dhënat
- Përdorni veçori të avancuara të ruterit të komponentëve këndorë
- Testoni dhe korrigjoni jonet e aplikacionit këndor duke përdorur mjete të integruara
- Punoni me Angular CLI
Instruktori im ishte i shkëlqyeshëm duke qenë në gjendje të vendoste skenarë në raste të botës reale që lidheshin me situatën time specifike.
Më bënë të ndihesha i mirëpritur që nga momenti kur mbërrita dhe aftësia për t'u ulur si grup jashtë klasës për të diskutuar situatat tona dhe qëllimet tona ishte jashtëzakonisht e vlefshme.
Mësova shumë dhe ndjeva se ishte e rëndësishme që synimet e mia duke ndjekur këtë kurs të përmbusheshin.
Punë e shkëlqyer ekipi i Lumify Work.
AMANDA NICOL
MENAXHER I SHËRBIMEVE TË MBËSHTETJES – HEALTH WORLD LIMITED
LËNDËT E KURSIT
- Prezantimi i Angular
• Çfarë është Angular?
• Karakteristikat qendrore të kornizës këndore
• Rastet e përshtatshme të përdorimit
• Blloqet e ndërtimit të një aplikacioni këndor
• Arkitektura bazë e një aplikacioni këndor
• Instalimi dhe përdorimi i Angular
• Anatomia e një joni të aplikimit këndor
• Ekzekutimi i jonit të aplikacionit
• Ndërtimi dhe vendosja e aplikacionit
• Angular për Aplikacionet Native Mobile - Hyrje në TypeScript
• Gjuhët e programimit për përdorim me Angular
• Sintaksa TypeScript
• Redaktorët e programimit
• Sistemi i tipit – Përcaktimi i variablave
• Sistemi i tipit – Përcaktimi i vargjeve
• Llojet bazë Primit ive
• Shkruani jonet e funksionit
• Lloji Konkluzion
• Përcaktimi i klasave
• Metodat e klasës
• Kontrolli i dukshmërisë
• Ndërtuesit e klasave
• Konstruktorët e klasave – Forma alternative
• Fushat e panicializuara
• Ndërfaqet
• Puna me modulet ES6
• var vs le
• Funksionet me shigjeta
• Sintaksa kompakte e funksionit të shigjetës
• Vargjet e shablloneve
• Gjenerikët në klasë
• Gjenerikët në Funksion jon - Komponentët
• Çfarë është një Komponent?
• Një Shembullample Komponenti
• Krijoni një komponent duke përdorur Angular CLI
• Klasa e komponentëve
• Zbukuruesi @Component
• Regjistrimi i një komponenti në modulin e tij
• Modeli i Komponentit
• Pshample: Modeli HelloComponent
• Pshample: Klasa HelloComponent
• Përdorimi i një komponenti
• Ekzekutoni aplikacionin
• Hierarkia e komponentëve
• Komponenti i rrënjës së jonit të aplikacionit
• Bootstrap File
• Grepa të ciklit jetësor të komponentit
• Pshample grepa të ciklit jetësor
• Stilet CSS - Modelet e komponentëve
• Modelet
• Vendndodhja e shabllonit
• Sintaksa e Mustache {{ }}
• Vendosja e vetive të elementit DOM
• Vendosja e tekstit të trupit të elementit
• Lidhja e ngjarjeve
• Trajtuesi i ngjarjeve të shprehjes
• Parandaloni trajtimin e paracaktuar
• Direktivat e atributeve
• Aplikoni stilet duke ndryshuar klasat CSS
• Pshample: ngClass
• Aplikimi i stileve direkt
• Direktivat Strukturore
• Ekzekutoni modelin me kusht
• Pshample: ngNëse
• Looping duke përdorur ngFor
• ngPër variabla lokale
• Manipulimi i Koleksionit
• Pshample – Fshirja e një artikulli
• Ndjekja e artikullit me ngFor
• Ndërrimi i elementeve me ngSwitch
• Elementet e grupimit
• Variabli i referencës së shabllonit - Komunikimi ndërmjet komponentëve
• Bazat e Komunikimit
• Arkitektura e rrjedhës së të dhënave
• Përgatitja e fëmijës për të marrë të dhëna
• Dërgoni të dhëna nga prindi
• Më shumë rreth cilësimeve të vetive
• Ngjarja e shkrepjes nga një komponent
• @Output() P.shample – Komponenti fëmijë
• @Output() P.shample – Komponenti mëmë
• Lidhja e plotë me dy drejtime
• Vendosja e lidhjes së të dhënave në dy drejtime në prind - Shablloni dhe Formularët e Drejtuar
• Format e drejtuara nga shabllonet
• Moduli i Importimit të Formave
• Qasja bazë
• Vendosja e një formulari
• Marrja e të dhënave të përdoruesit
• Hiqja e atributit ngForm
• Inicializoni formularin
• Lidhja e të dhënave në dy drejtime
• Vlefshmëria e formularit
• Angular Validators
• Shfaqja e gjendjes së jonit të vlefshëm duke përdorur klasa
• Llojet e hyrjes shtesë
• Kutitë e kontrollit
• Zgjidhni (Drop Down) Fushat
• Opsionet e interpretimit për Zgjidh (Drop Down)
• Fushat e datës
• Butonat e radios - Format Reaktive
• Format Reaktive Mbiview
• Blloqet e Ndërtimit
• Importo Modulin e Formave Reaktive
• Ndërtoni një formular
• Dizajnoni shabllonin
• Marrja e vlerave hyrëse
• Inicializimi i fushave hyrëse
• Vendosja e vlerave të formularit
• Abonimi te Ndryshimet e hyrjes
• Vleresimi
• Validues të integruar
• Duke shfaqur gabimin e vlefshmërisë
• Validator i personalizuar
• Përdorimi i një Validatori të personalizuar
• Furnizimi i konfigurimit te Validatori i personalizuar
• FormArray – Shtoni në mënyrë dinamike të dhëna
• FormArray – Klasa e Komponentit
• FormArray – Modeli
• FormArray – Vlerat
• Nën-FormGroups – Klasa e komponentëve
• Nën-FormGroups – Shablloni HTML
• Pse përdorni Nën-FormGroups - Shërbimet dhe Injeksioni i Varësisë
• Çfarë është një shërbim?
• Krijimi i një shërbimi bazë
• Klasa e Shërbimit
• Çfarë është Injeksioni i Varësisë?
• Injektimi i një shembulli shërbimi
• Injektorë
• Hierarkia e injektorëve
• Regjistrimi i një Shërbimi me Root Injector
• Regjistrimi i një shërbimi me një injeksion të komponentit
• Regjistroni një shërbim me një injektor të modulit të veçorive
• Ku të regjistrohet një shërbim?
• Injeksioni i varësisë në objekte të tjera
• Sigurimi i një zbatimi alternativ
• Injeksioni i varësisë dhe @Host
• Injeksion i varësisë dhe @Opsionale - Klienti HTTP
• Klienti Angular HTTP
• Përdorimi i klientit HTTP – Mbiview
• Importoni HttpClientModule
• Shërbimi duke përdorur HttpClient
• Bërja e një kërkese GET
• Çfarë bën një objekt i vëzhgueshëm?
• Përdorimi i shërbimit në një komponent
• Komponenti i Klientit të Shërbimit të People
• Trajtimi i gabimeve
• Përshtatja e objektit të gabimit
• Bërja e një Kërkese POST
• Bërja e një Kërkese PUT
• Bërja e një kërkese për FSHIJE - Tuba dhe formatimi i të dhënave
• Çfarë janë tubacionet?
• Tuba të integruar
• Përdorimi i tubave në shabllonin HTML
• Tuba për zinxhir
• Tuba të ndërkombëtarizuara (i18n)
• Ngarkimi i të dhënave lokale
• Data Pipe
• Numri Pipe
• Tub valutor
• Krijoni një tub të personalizuar
• Tub me porosi Example
• Përdorimi i tubave të personalizuar
• Duke përdorur një tub me ngFor
• Një tub filtri
• Kategoria e tubave: i pastër dhe i papastër
• Pure Pipe Example
• Tub i papastër Example - Hyrje në aplikacionet me një faqe
• Çfarë është një jon i aplikacionit me një faqe (SPA)
• Tradicionale Web Aplikimi
• Rrjedha e punës SPA
• Advani i aplikacionit me një faqetages
• HTML5 History API
• Sfidat SPA
• Zbatimi i SPA-ve duke përdorur Angular - Ruteri i komponentit këndor
• Ruteri i komponentëve
• View Navigimi
• API Angular Router
• Krijimi i një aplikacioni të aktivizuar me ruter
• Pritja e komponentëve të rrugës
• Lundrimi duke përdorur lidhje dhe butona
• Navigacion programatik
• Parametrat e rrugës së kalimit
• Lundrimi me Parametrat e Rrugës
• Marrja e vlerave të parametrave të rrugës
• Marrja e parametrit të rrugës në mënyrë sinkronike
• Marrja e një parametri të rrugës në mënyrë asinkrone
• Parametrat e pyetjes
• Furnizimi i parametrave të pyetjeve
• Marrja e parametrave të pyetjeve në mënyrë asinkrone
• Probleme me manualin URL hyrje dhe Shënim - Klient i avancuar HTTP
• Opsionet e Kërkesës
• Kthimi i një objekti HttpResponse
• Vendosja e titujve të kërkesave
• Krijimi i vëzhguesve të rinj
• Krijimi i një vëzhguesi të thjeshtë
• Metoda e konstruktorit të vëzhgueshëm
• Operatorët e vëzhgueshëm
• Operatorët e hartës dhe filtrit
• Operatori flatMap().
• Operatori tap().
• Kombinatori zip().
• Memoria e përgjigjes HTTP
• Kryerja e thirrjeve të njëpasnjëshme HTTP
• Kryerja e thirrjeve paralele
• Personalizimi i objektit të gabimit me catchError()
• Gabim në Pipeline
• Rikuperimi i gabimeve - Modulet këndore
• Pse Angular Module?
• Anatomia e një klase moduli
• Vetitë @NgModule
• Modulet e veçorive
• Pshample Struktura e Modulit
• Krijoni një modul domeni
• Krijoni një çift Modulesh të Drejtuar/Rutim
• Krijoni një modul shërbimi
• Krijimi i moduleve të përbashkëta
• Përdorimi i një moduli nga tjetri - Drejtim i avancuar
• Moduli i veçorive i aktivizuar i rrugëzimit
• Përdorimi i modulit të veçorive
• Dembele duke ngarkuar modulin e veçorive
• Krijimi i lidhjeve për komponentët e modulit të veçorive
• Më shumë Rreth Lazy Loading
• Parangarkimi i moduleve
• Lidhja routerLinkActive
• Itinerari i parazgjedhur
• Shtegu i rrugës me shkronja të egra
• ridrejtojTe
• Rrugët e fëmijëve
• Përcaktimi i rrugëve të fëmijëve për rrugët e fëmijëve
• Lidhje për rrugët e fëmijëve
• Rojet e lundrimit
• Krijimi i Zbatimeve të Gardës
• Përdorimi i rojeve në një rrugë - Testimi i njësisë së aplikacioneve këndore
• Testimi i njësisë së objekteve këndore
• Mjetet e testimit
• Hapat tipikë të testimit
• Rezultatet e testit
• Jasmine Test Suits
• Specifikimet e Jasemines (Testet e njësisë)
• Pritshmëritë (jonet e pohimit)
• Ndeshjet
• Pshamples of Përdorimi i Matchers
• Përdorimi i jo Pronës
• Konfigurimi dhe prishja në paketat e testimit të njësive
• Pshample të funksioneve paraÇdo dhe pasÇdo
• Moduli testues këndor
• Pshample Moduli i Testit Angular
• Testimi i një Shërbimi
• Injektimi i një shembulli shërbimi
• Testoni një metodë sinkrone
• Testoni një metodë asinkrone
• Përdorimi i Klientit Mock HTTP
• Furnizimi i përgjigjes së konservuar
• Testimi i një Komponenti
• Moduli i Testimit të Komponentit
• Krijimi i një Instance Komponenti
• Klasa ComponentFixture
• Testet e komponentëve bazë
• Klasa DebugElement
• Simulimi i ndërveprimit me përdoruesit - Korrigjimi
• Mbiview i korrigjimit këndor
• Viewduke përdorur Kodin TypeScript në Debugger
• Përdorimi i fjalës kyçe të korrigjuesit
• Regjistrimi i korrigjimit
• Çfarë është Angular DevTools?
• Përdorimi i Angular DevTools
• Angular DevTools – Struktura e Komponentit
• Angular DevTools – Ndrysho jonin e ekzekutimit të zbulimit
• Kapja e gabimeve sintaksore
PËR KË ËSHTË KURSI?
Ky kurs synon këdo që ka nevojë të mësojë bazat e zhvillimit të Angular 15 dhe ta zbatojë atë menjëherë në krijimin web aplikacionet.
Ne gjithashtu mund të ofrojmë dhe personalizojmë këtë kurs trajnimi për grupe më të mëdha – duke kursyer kohë, para dhe burime të organizatës suaj. Për më shumë informacion, ju lutemi na kontaktoni me email në ph.training@lumifywork.com
Kushtet paraprake
- Web Përvoja e zhvillimit duke përdorur HTML, CSS dhe JavaScript kërkohet për të përfituar sa më shumë nga ky kurs Angular
- Njohja e shfletuesit DOM është gjithashtu e dobishme
- Nuk kërkohet përvojë paraprake e Angular ose AngularJS
Furnizimi i këtyre kurseve nga Lumify Work rregullohet nga termat dhe kushtet e rezervimit.
Ju lutemi lexoni me kujdes termat dhe kushtet përpara se të regjistroheni në këtë kurs, pasi regjistrimi në kurs është i kushtëzuar me pranimin e këtyre kushteve.
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
Dokumentet / Burimet
 |
Programimi i LUMIFY WORK Angular 15 [pdfUdhëzuesi i përdoruesit Angular 15 Programim, Programim |
