APLIKAZIOA ETA WEB GARAPENA
Angular 15 Programazioa
LUZERA 5 egun
BERTSIOA 15
ZERGATIK IKASTEKO IKASTARO HAU
Angular 15 prestakuntza-ikastaro trinko eta integral honek bere lanean berehala erabil ditzaketen trebetasunak eskaintzen dizkie bertaratuei. Angular 15 garapenaren oinarriak ikasiko dituzu, hala nola orrialde bakarreko arakatzaileen aplikazioak, responsive. webguneak eta aplikazio mugikor hibridoak.
Ikastaro hau ikaskuntza teorikoaren eta laborategi praktikoen konbinazioa da, Angular-en sarrera bat barne hartzen duena, eta ondoren TypeScript, osagaiak, zuzenbideak, zerbitzuak, HTTPClient, probak eta arazketa.
Oharra: Angularren beste bertsio batzuei buruzko prestakuntza ere eman dezakegu. Mesedez, jarri gurekin harremanetan kontsulta bat egiteko edo zure interesa erregistratzeko.
ANGULAR LUMIFY LANEAN
ZER IKASIKO DUZU
Ikastaro hau arrakastaz amaitzean, honako ezagutza hauek izango dituzu:
- Orri bakarreko aplikazio angeluarrak garatzea Typescript erabiliz
- Konfiguratu Angular garapen-ingurune osoa
- Sortu osagaiak, zuzenak, zerbitzuak, kanalizazioak, inprimakiak eta baliozkotzaile pertsonalizatuak
- Kudeatu sareko datuak berreskuratzeko zeregin aurreratuak Observables erabiliz
- Kontsumitu REST-eko datuak web zerbitzuak Angular HTTP Bezeroa erabiliz
- Kudeatu push-data konexio ioiak erabiliz WebSocket protokoloa
- Lan egin Angular Pipes-ekin datuak formateatzeko
- Erabili Angular Component Router eginbide aurreratuak
- Aplikazio angeluarrak probatu eta arazketa integratutako tresnak erabiliz
- Lan egin Angular CLI-rekin
Nire irakaslea bikaina izan zen nire egoera zehatzarekin erlazionatutako mundu errealeko kasuetan eszenatokiak jartzeko gai izatea.
Iritsi nintzenetik ongi etorria sentiarazi zidaten eta ikasgelatik kanpo taldean esertzeko gaitasuna gure egoerak eta gure helburuak eztabaidatzeko oso baliotsua izan zen.
Asko ikasi nuen eta garrantzitsua iruditzen zitzaidan ikastaro honetara joatea nire helburuak betetzea.
Lan bikaina Lumify Lan taldea.
AMANDA NICOL
IT LAGUNTZA ZERBITZUEN ZUZENDARITZA – HEALTH WORLD LIMITED
IKASTAROKO IRAKASGAIAK
- Angular aurkezten
• Zer da Angular?
• Esparru angelurraren ezaugarri zentralak
• Erabilera kasu egokiak
• Aplikazio angeluar baten eraikuntza-blokeak
• Aplikazio angeluar baten oinarrizko arkitektura
• Angular instalatzea eta erabiltzea
• Aplikazio angeluar baten anatomia
• Aplikazioa martxan jartzea
• Aplikazioa eraikitzea eta hedatzea
• Angular natibo mugikorretarako aplikazioetarako - TypeScript-en sarrera
• Angularrekin erabiltzeko programazio-lengoaiak
• TypeScript sintaxia
• Programazio-editoreak
• Mota Sistema – Aldagaiak definitzea
• Mota-sistema – Array definitzea
• Oinarrizko Primitibo Motak
• Idatzi Funt ioiak
• Inferentzia mota
• Klaseak zehaztea
• Klase metodoak
• Ikusgarritasunaren Kontrola
• Klase eraikitzaileak
• Klase eraikitzaileak – Ordezko formularioa
• Hasieratu gabeko eremuak
• Interfazeak
• ES6 Moduluekin lan egitea
• var vs utzi
• Gezi-funtzioak
• Gezi Funtzio Sintaxi trinkoa
• Txantiloi-kateak
• Klasean generikoak
• Generikoa Funt ionean - Osagaiak
• Zer da Osagai bat?
• Adibample Osagaia
• Osagai bat sortzea Angular CLI erabiliz
• Osagaien Klasea
• @Osagaien dekoratzailea
• Osagai bat bere moduluan erregistratzea
• Osagaien txantiloia
• Adibample: HelloComponent txantiloia
• Adibample: HelloComponent Klasea
• Osagai bat erabiltzea
• Exekutatu aplikazioa
• Osagaien hierarkia
• Aplikazioaren erro osagaia
• Bootstrap File
• Osagaien Bizi-zikloko kakoak
• Adibample Lifecycle Hooks
• CSS estiloak - Osagaien txantiloiak
• Txantiloiak
• Txantiloiaren kokapena
• Bibote {{ }} sintaxia
• DOM elementuaren propietateak ezartzea
• Elementuaren gorputz-testua ezartzea
• Gertaeraren lotura
• Adierazpen Gertaeren Kudeatzailea
• Saihestu lehenetsitako manipulazioa
• Atributuen Zuzentarauak
• Aplikatu estiloak CSS klaseak aldatuz
• Adibample: ngClass
• Estiloak zuzenean aplikatzea
• Zuzentarau Egituralak
• Baldintzapean Exekutatu Txantiloia
• Adibample: ngIf
• Looping ngFor erabiliz
• ngFor Tokiko Aldagaiak
• Bilduma manipulatzea
• Adibample – Elementu bat ezabatzea
• Elementuen jarraipena ngFor-ekin
• Elementuak ngSwitch-ekin trukatzea
• Elementuak taldekatzea
• Txantiloiaren erreferentzia aldagaia - Osagaien arteko komunikazioa
• Komunikazioaren Oinarriak
• Datu-fluxuaren arkitektura
• Haurra Datuak Jasotzeko Prestatzea
• Gurasoaren datuak bidali
• Propietateak ezartzeari buruz gehiago
• Osagai batetik Gertaera jaurtitzea
• @Output() Adibample – Haurren osagaia
• @Output() Adibample – Gurasoen osagaia
• Bi norabideko lotura osoa
• Bi norabideko datu-lotura konfiguratzea Gurasoan - Inprimakiak eta txantiloiak
• Txantiloi gidatutako inprimakiak
• Inprimakiak inportatzeko modulua
• Oinarrizko Ikuspegia
• Inprimaki bat konfiguratzea
• Erabiltzaileen sarrerak lortzea
• ngForm atributua ezabatzea
• Hasieratu Inprimakia
• Datu bikoitzeko lotura
• Formularioaren baliozkotzea
• Balidatzaile angeluarrak
• Balidazio-egoera bistaratzea Klaseak erabiliz
• Sarrera-mota gehigarriak
• Kontrol-laukiak
• Hautatu (Goitik behera) Eremuak
• Hautatzeko errendatze-aukerak (gotibehera)
• Data eremuak
• Irrati-botoiak - Forma erreaktiboak
• Forma erreaktiboak baino gehiagoview
• Eraikuntza-blokeak
• Inportatu Reactive FormsModulea
• 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 erabiltzea
• 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 Azpi FormGroups - Zerbitzuak eta Mendekotasun Injekzioa
• Zer da Zerbitzu bat?
• Oinarrizko Zerbitzua sortzea
• Zerbitzu Klasea
• Zer da Mendekotasun Injekzioa?
• Zerbitzu-instantzia bat injektatzea
• Injektoreak
• Injektoreen hierarkia
• Root Injector-arekin Zerbitzu bat erregistratzea
• Osagai baten injektore batekin Zerbitzu bat erregistratzea
• Erregistratu Zerbitzu bat Ezaugarri Modulu Injector batekin
• Non erregistratu Zerbitzu bat?
• Mendekotasun-injekzioa Beste Artefaktu batzuetan
• Ordezko Ezarpena ematea
• Dependency Injection eta @Host
• Mendekotasun Injekzioa eta @Aukera - HTTP bezeroa
• Angular HTTP Bezeroa
• HTTP Bezeroa erabiltzea – Gainetikview
• HttpClientModule inportatu
• Zerbitzua HttpClient erabiliz
• GET Eskaera egitea
• Zer egiten du Objektu Behagarri batek?
• Zerbitzua osagai batean erabiltzea
• PeopleService Bezeroaren osagaia
• Akatsen kudeaketa
• Errore-objektua pertsonalizatzea
• POST Eskaera egitea
• PUT Eskaera egitea
• EZABATZEKO Eskaera egitea - Tutuak eta datuen formatua
• Zer dira Hodiak?
• Eraikitako Hodiak
• Pipes erabiltzea HTML txantiloian
• Hodiak kateatzea
• Nazioarteko hodiak (i18n)
• Tokiko datuak kargatzea
• Data Pipea
• Zenbakia Hodia
• Moneta Pipa
• Sortu Tutu pertsonalizatua
• Tutu pertsonalizatua Adibample
• Hodi pertsonalizatuak erabiltzea
• Pipe bat ngFor-ekin erabiltzea
• Iragazki-hodi bat
• Hodien Kategoria: Pura eta Impure
• Pure Pipe Adibample
• Hodi hutsa Adibample - Orrialde bakarreko aplikazioen sarrera
• Zer da orrialde bakarreko aplikazioa (SPA)
• Tradizionala Web Aplikazioa
• SPA Workflow
• Orrialde bakarreko aplikazioaren aurrerapenatages
• HTML5 History APIa
• SPA Erronkak
• SPA-ak Angular erabiliz ezartzea - Osagai angeluarren bideratzailea
• Osagaien bideratzailea
• View Nabigazioa
• Angular Router APIa
• Router 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 ematea
• Kontsulten parametroak modu asinkronoan berreskuratzea
• Eskuliburuarekin arazoak URL sarrera eta Bookmarking - HTTP Bezero aurreratua
• Aukerak eskatu
• 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
• HTTP erantzuna cachean gordetzea
• HTTP dei sekuentzialak egitea
• Dei paraleloak egitea
• Errore-objektua catchError()-rekin pertsonalizatzea
• Pipeline-n errorea
• Erroreak berreskuratzea - Modulu angeluarrak
• Zergatik modulu angeluarrak?
• Modulu Klase baten anatomia
• @NgModule Propietateak
• Ezaugarri moduluak
• Adibample Moduluaren Egitura
• Sortu Domeinu Modulua
• Sortu bideratu/bideratze modulu bikotea
• Sortu Zerbitzu Modulua
• Modulu komunak sortzea
• Modulu bat beste batetik erabiltzea - Bideratze aurreratua
• Bideratze gaituta eginbide-modulua
• Ezaugarrien Modulua erabiltzea
• Ezaugarrien modulua kargatzea alferra
• Ezaugarri moduluaren osagaietarako estekak sortzea
• Karga alferrari buruz gehiago
• Aurrez kargatzeko moduluak
• routerLinkActive lotura
• Ibilbide lehenetsia
• Komodinen Ibilbidearen bidea
• birbideratuTo
• Haurren Ibilbideak
• Haurrentzako ibilbideak zehaztea
• Haurren Ibilbideetarako estekak
• Nabigazio-guardiak
• Guardia Inplementazioak sortzea
• Ibilbide batean Guardiak erabiltzea - Aplikazio angeluarrak probatzeko unitateak
• Artefaktu angeluarrak probatzeko unitateak
• Proba tresnak
• Proba-urrats tipikoak
• Proben emaitzak
• Jasmine Test Suites
• Jasmine zehaztapenak (unitate-probak)
• Itxaropenak (Baieztapen ioiak)
• Partiduak
• AdibampBaterakinak erabiltzearen fitxategiak
• Not Propietatea erabiltzea
• Konfiguratu eta desmuntatu Unit Test Suite-n
• Adibample of beforeEach and afterEach Funtzio
• Saiakuntza angeluarren modulua
• Adibample Angular Test Modulua
• Zerbitzu bat probatzea
• Zerbitzu-instantzia bat injektatzea
• Metodo sinkrono bat probatu
• Probatu metodo asinkrono bat
• Mock HTTP 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 - Arazketa
• Amaituview Angular Arazketarena
• ViewDebugger-en TypeScript kodea sartzen
• Araztearen gako-hitza erabiltzea
• Araztu erregistroa
• Zer da Angular DevTools?
• Angular DevTools erabiltzea
• Angular DevTools – Osagaien Egitura
• Angular DevTools - Aldaketa Detektatzeko ioia Exekutatzeko
• Sintaxi akatsak harrapatzea
NORENTZAT DA IKASTAROA?
Ikastaro hau Angular 15 garapenaren oinarriak ikasi eta sorkuntzan berehala aplikatu behar dituen edonori zuzenduta dago. web aplikazioak.
Prestakuntza-ikastaro hau talde handientzat ere eman eta pertsonaliza dezakegu, zure erakundearen denbora, dirua eta baliabideak aurreztuz. Informazio gehiago nahi izanez gero, jar zaitez gurekin harremanetan helbide elektronikoaren bidez ph.training@lumifywork.com
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 edo AngularJS aldez aurretiko esperientziarik
Lumify Work-ek ikastaro honen hornikuntza erreserba-baldintzek arautzen dute.
Mesedez, irakurri arretaz zehaztapenak eta baldintzak ikastaro honetan izena eman aurretik, ikastaroan izena ematea baldintza hauek onartzearen baldintzapean baitago.
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
Dokumentuak / Baliabideak
 |
LUMIFY WORK Angular 15 Programazioa [pdfErabiltzailearen gida Angular 15 Programazioa, Programazioa |
