LUMIFY WORK Angular 12 Programazioa
ZERGATIK IKASTEKO IKASTARO HAU
Angular 12 Programazio ikastaro integral hau ikaskuntza teorikoaren eta laborategi praktikoen konbinazioa da, eta Angularren sarrera bat da, eta ondoren TypeScript, osagaiak, zuzentarauak, zerbitzuak, HTTP bezeroa, probak eta arazketa.
Ikastaroa zure lanean berehala aplika dezakezun informazio baliagarri eta ekingarriz beteta dago. Ikasi Angular 12 oinarrizko garapenaren oinarriak, hala nola orrialde bakarreko arakatzaileen aplikazioak, responsive webguneak eta aplikazio mugikor hibridoak.
Oharra: Angularren beste bertsio batzuei buruzko prestakuntza ere eman dezakegu. Mesedez, jarri gurekin harremanetan kontsulta bat egiteko edo zure interesa erregistratzeko.
ZER IKASIKO DUZU
Ikastaro hau arrakastaz amaitzean, gai izango zara:
- Orri bakarreko Angular aplikazioak garatzea Typescript erabiliz
- Konfiguratu Angular garapen-ingurune osoa
- Sortu osagaiak, zuzentarauak, zerbitzuak, kanalizazioak, inprimakiak eta baliozkotzaile pertsonalizatuak
- Kudeatu sareko datuak berreskuratzeko zeregin aurreratuak Observables Consume REST-eko datuak erabiliz web zerbitzuak Angular HT TP Bezeroa erabiliz Kudeatu push-datuen konexioak erabiliz WebEntxufeen protokoloa
- Lan egin Angular Pipes-ekin datuak formateatzeko
- Erabili Angular Component Router eginbide aurreratuak
- Probatu eta arazketa Angular aplikazioak integratutako tresnak erabiliz.
IKASTAROKO IRAKASGAIAK
1. kapitulua. Angularren aurkezpena
- Zer da Angular?
- Esparru angelurraren ezaugarri nagusiak Erabilera-kasu egokiak
- Aplikazio angeluar baten eraikuntza-blokeak Angular aplikazio baten oinarrizko arkitektura Angular instalatzea eta erabiltzea
- Aplikazioa exekutatzen ari den aplikazio angeluar baten anatomia
- Mugikorrerako aplikazio natiboetarako Angular aplikazioa eraiki eta zabaltzea
- Laburpena
2. kapitulua. TypeScript-en sarrera
- Angular TypeScript sintaxiarekin erabiltzeko programazio-lengoaiak
- Programazio Editoreak
- Moten sistema – Aldagaiak definitzea
- Mota-sistema - Array definitzea
- Oinarrizko Primitibo Motak
- Idatzi Funtzioak
- Mota Inferentzia
- Klaseak zehaztea
- Klase metodoak
- Ikusgarritasunaren Kontrola
- Klase eraikitzaileak
- Klase-eraikitzaileak - Inprimaki alternatiboko eremuak
- Interfazeak
- ES6 moduluekin lan egitea
- var vs utzi
- Gezi-funtzioak
- Gezi Funtzioa Sintaxi trinkoa Txantiloi-kateak
- Genericak Klasean
- Funtzioan generikoak
- Laburpena
3. kapitulua. Osagaiak
- Zer da Osagai bat?
- Adibample Osagaia
- Osagai bat sortzea Angular CLI erabiliz
- Osagaien Klasea
- @Osgaien dekoratzailea
- Osagai bat bere moduluko osagaien txantiloian erregistratzea
- Example: HelloComponent txantiloia
- Example: HelloComponent Klasea osagai bat erabiliz
- Exekutatu Aplikazioa
- Osagaien hierarkia
- Aplikazio erroaren osagaia
- Bootstrap File
- Osagaien Bizi-zikloko kakoak Adibample Lifecycle Hooks
- CSS estiloak
- Laburpena
4. kapitulua. Osagaien txantiloiak
- Txantiloiak
- Txantiloiaren kokapena
- Bibote {{ }} sintaxia
- DOM elementuaren propietateak ezartzea
- Elementuaren gorputz-testua ezartzea
- Gertaera lotura
- Adierazpen Gertaeren Kudeatzailea
- Saihestu lehenetsitako kudeaketa
- Atributuen Zuzentarauak
- Aplikatu estiloak CSS klaseak aldatuz
- Example: ngClass
- Estiloak zuzenean aplikatzea
- Egiturazko Zuzentarauak
- Baldintzapean exekutatu txantiloia
- Example: ngIf
- Looping ngFor erabiliz
- ngAldagai lokaletarako
- Bilduma manipulatzea Adibample – Elementu bat ezabatzea
- Elementuen jarraipena ngFor Elementuak trukatzeko ngSwitch Grouping Elements-ekin
- Txantiloi Erreferentzia Aldagaien Laburpena
5. kapitulua. Osagaien arteko komunikazioa
- Komunikazioaren Oinarriak
- Datu-fluxuaren arkitektura
- Haurra datuak jasotzeko prestatzea
- Bidali datuak gurasoengandik
- Gehiago Propietateak ezartzeari buruz
- Osagai batetik gertaera jaurtitzea
- @Irteera() Adibample – Haurraren osagaia @Output() Adibample – Gurasoen osagaia
- Bi norabideko lotura osoa
- Bi norabideko datu-lotura konfiguratzea Gurasoan
- Laburpena
6. kapitulua. Txantiloi gidatutako inprimakiak
- Txantiloi gidatutako inprimakiak
- Inprimakiak inportatzeko modulua
- Oinarrizko Ikuspegia
- Formulario bat konfiguratzea
- Erabiltzaileen sarrera lortzea
- ngForm atributua ezabatzen
- Hasieratu formularioa
- Datu bikoitzeko lotura
- Formularioaren baliozkotzea
- Balidatzaile angeluarrak
- Balidazio-egoera bistaratzea Klaseak erabiliz Sarrera-mota gehigarriak
- Kontrol-laukiak
- Hautatu (Goitik behera) Eremuak
- Hautatu (Goi behera) Data eremuetarako errendatzeko aukerak
- Irrati-botoiak
- Laburpena
7. kapitulua. Forma erreaktiboak
- Forma erreaktiboak baino gehiagoview
- Eraikuntza-blokeak
- Inportatu ReactiveFormsModule
- Inprimaki bat eraiki
- Txantiloia diseinatu
- Sarrera-balioak lortzea
- Sarrera-eremuak hasieratzea
- Inprimaki-balioak ezartzea
- Sarrera aldaketetara harpidetzea
- Balioztatzea
- Balidatzaile integratuak
- Balidazio-errorea erakusten
- Baliozkotzaile pertsonalizatua
- Baliozkotzaile pertsonalizatua erabiliz
- Balidatzaile pertsonalizatuari konfigurazioa hornitzea
- FormArray - Gehitu dinamikoki sarrerak
- FormArray - Osagaien Klasea
- FormArray - Txantiloia
- FormArray - Balioak
- Azpi FormGroups - Osagai klasea
- Azpi FormGroups - HTML txantiloia
- Zergatik erabili Sub FormGroups
- Laburpena
8. kapitulua. Zerbitzuak eta mendekotasun-injekzioa
- Zer da Zerbitzu bat?
- Oinarrizko Zerbitzua sortzea
- Zerbitzu Klasea
- Zer da Mendekotasun Injekzioa?
- Zerbitzu-instantzia bat injektatzea
- Injektagailuak
- Injektoreen hierarkia
- Zerbitzu bat erregistratzea Root Injector-arekin
- Zerbitzu bat erregistratzea Osagai baten injektore batekin
- Erregistratu Zerbitzu bat Ezaugarri Modulu Injector batekin
- Non erregistratu Zerbitzu bat?
- Mendekotasun-injekzioa beste artefaktu batzuetan inplementazio alternatiboa eskaintzen duten mendekotasun-injekzioa eta @Host
- Dependency Injection eta @Optional
- Laburpena
9. kapitulua. HTTP bezeroa
- Angular HT TP bezeroa
- HT TP Bezeroa erabiliz - Amaituview
- HttpClientModule inportatzen
- Zerbitzua HttpClient erabiliz
- GET eskaera egitea
- Zer egiten du Objektu Behagarri batek?
- Zerbitzua osagai batean erabiltzea
- PeopleService Bezeroaren osagaien erroreen kudeaketa
- Errore objektua pertsonalizatzea
- POST eskaera bat egitea
- PUT eskaera egitea
- DELETE eskaera bat egitea
10. kapitulua. Hodiak eta datuen formatua
- Zer dira hodiak?
- Eraikitako Hodiak
- Hodiak erabiltzea HTML txantiloian Hodiak kateatzea
- Hodiak nazioartekotuak (i18n) Tokiko datuak kargatzen
- Data Pipe
- Pipe zenbakia
- Moneta Hodia
- Sortu kanalizazio pertsonalizatua
- Tutu pertsonalizatua Adibample
- Hodi pertsonalizatuak erabiltzea
- Pipe bat ngFor-ekin erabiltzea
- Iragazki-hodi bat
- Hodiaren Kategoria: Pura eta Inpurua
- Laburpena
- Pure Pipe Adibample
- Hodi hutsa Adibample
- Laburpena
11. kapitulua. Orri bakarreko aplikazioen sarrera
- Zer da orrialde bakarreko aplikazioa (SPA) tradizionala Web Aplikazioa
- SPA lan-fluxua
- Orrialde bakarreko aplikazioaren aurrerapenatages HTML5 History APIa
- SPA Erronkak
- SPA-ak inplementatzea Angular Summary erabiliz
12. kapitulua. Osagai angeluarren bideratzailea
- Osagaien bideratzailea
- View Nabigazioa
- Angular Router APIa
- Bideratzaile gaitutako aplikazio bat sortzea
- Bideratutako osagaiak ostatatzea
- Nabigazioa Estekak eta Botoiak erabiliz
- Nabigazio programatikoa
- Ibilbidearen Parametroak gainditzea
- Ibilbide-parametroekin nabigatzea
- Ibilbide-parametroen balioak lortzea
- Ibilbidearen parametroa modu sinkronikoan berreskuratzea
- Ibilbide-parametro bat modu asinkronoan berreskuratzea
- Kontsulta-parametroak
- Kontsulta-parametroak hornitzea
- Kontsulten parametroak modu asinkronoan berreskuratzea
- Eskuliburuarekin arazoak URL sarrera eta Bookmarking
- Laburpena
13. kapitulua. HTTP Bezero aurreratua
- Eskatu Aukerak
- HttpResponse Objektu bat itzultzea
- Eskaeraren goiburuak ezartzea
- Behagarri berriak sortzea
- Behagarri sinple bat sortzea
- Eraikitzaile behagarrien metodoa Eragile behagarriak
- Mapa eta iragazkien Eragileak
- flatMap() Eragilea
- tap() operadorea
- Zip() Konbinatzailea
- HT TP erantzuna cachean gordetzea
- HT TP dei sekuentzialak egitea
- Dei paraleloak egitea
- Errore-objektua catchError()-rekin pertsonalizatzea
- Errore bat Pipeline-n
- Errorea berreskuratzea
- Laburpena
14. kapitulua. Modulu angeluarrak
- Zergatik modulu angeluarrak?
- Modulu Klase baten Anatomia
- @NgModule propietateak
- Ezaugarri moduluak
- Example Moduluaren Egitura
- Sortu Domeinu Modulua
- Sortu bideratu/bideratze modulu bikotea
- Sortu zerbitzu-modulu bat
- Modulu komunak sortzea
15. kapitulua. Bideratze aurreratua
- Bideratze gaituta eginbide-modulua
- Ezaugarrien Modulua erabiliz
- Ezaugarrien modulua kargatzen alferra
- Ezaugarri moduluaren osagaietarako estekak sortzea
- Gehiago Lazy Loading-i buruz
- Aurrez kargatzeko moduluak
- Ibilbide lehenetsia
- Komodinen Ibilbidearen bidea
- Berbideratu
- Haurren Ibilbideak
- Haurren Ibilbideak zehaztea
- Haur Ibilbideetarako
- Haurren Ibilbideetarako estekak
- Nabigazio-guardiak
- Guardia inplementazioak sortzea
- Ibilbide batean Guardiak erabiltzea
- Laburpena
16. kapitulua. Unitate-probaren aplikazio angeluarrak
- Artefaktu angeluarrak probatzeko unitateak
- Saiakuntza tresnak
- Proba ohiko urratsak
- Proben emaitzak
- Jasmine Test Suites
- Jasmine zehaztapenak (unitate probak)
- Itxaropenak (Baieztapenak)
- Partiduak
- ExampBaterakinak erabiltzearen fitxategiak
- not Propietatea erabiliz
- Konfiguratu eta desmuntatu Unit Test Suite-n
- Example of beforeEach and afterEach Funtzio
- Angeluko Proba Modulua
- Example Angular Test Modulua
- Zerbitzu bat probatzea
- Zerbitzu-instantzia bat injektatzea
- Probatu metodo sinkronoa
- Probatu metodo asinkrono bat
- Mock HT TP Bezeroa erabiliz
- Erantzun kontserbatua hornitzea
- Osagai bat probatzea
- Osagaien Proba Modulua
- Osagai-instantzia bat sortzea
- ComponentFixture Klasea
- Oinarrizko osagaien probak
- DebugElement Klasea
- Erabiltzaileen interakzioa simulatzea
- Laburpena
17. kapitulua. Arazketa
- Amaituview Angular Arazketarena
- ViewDebugger-en TypeScript kodea sartzen
- Araztearen gako-hitza erabiliz
- Araztu erregistroa
- Zer da Angular DevTools?
- Angular DevTools erabiliz
- Angular DevTools - Osagaien egitura
- Angular DevTools - Aldaketa detektatzeko exekuzioa
- Sintaxi akatsak harrapatzea
- Laburpena
Laborategiko Ariketak
- 1. laborategia. Angularra sarrera
- 2. laborategia. TypeScript-en sarrera
- 3. Laborategia. Osagaien Sarrera
- Laborategia 4. Osagaien txantiloia
- 5. laborategia. Sortu argazki-galeria osagaia
- 6. laborategia. Txantiloi gidatutako formularioa
- 7. laborategia. Sortu editatzeko inprimakia
- Laborategia 8. Forma erreaktiboa
- 9. laborategia. Zerbitzu bat garatzea
- 10. laborategia. HT TP bezero bat garatzea
- 11. laborategia. Erabili hodiak
- 12. laborategia. Orrialde bakarreko oinarrizko aplikazioa Router erabiliz. 13. laborategia. Orri bakarreko aplikazioa (SPA) eraiki
- 14. laborategia. HT TP bezero aurreratua
- 15. laborategia. Angular Bootstrap erabiltzea
- 16. laborategia. Modulu alferrak kargatzea
- 17. laborategia. Bideratze aurreratua
- 18. laborategia. Unitate-probak
- 19. laborategia. Aplikazio angeluarrak araztea
NORENTZAT DA IKASTAROA?
Ikastaro hau Angular 12 garapenaren oinarriak ikasi eta sorkuntzan aplikatu behar dituen edonori zuzenduta dago. web aplikazioak berehala. Prestakuntza-ikastaro hau talde handientzat ere eman eta pertsonaliza dezakegu, zure erakundearen denbora, dirua eta baliabideak aurreztuz.
AURRETIKO
Web HTML, CSS eta JavaScript erabiliz garapen esperientzia behar da Angular ikastaro honi etekinik handiena ateratzeko. DOM arakatzailea ezagutzea ere erabilgarria da. Ez da beharrezkoa Angular aldez aurretiko esperientzia, AngularJS edo Angularren edozein bertsiorekin.
https://www.lumifywork.com/en-au/courses/angular-12-programming/
Dokumentuak / Baliabideak
 |
LUMIFY WORK Angular 12 Programazioa [pdfErabiltzailearen gida Angular 12 Programazioa, Angular, 12 Programazioa, Programazioa |