Gida didaktikoa

  • Ikasgaien ebaluazioa
  • Edukiak
  • Liburuak
  • Webguneak
  • Bideoak
  • Ariketak
  • Adibideak

Web garatzaileen egitekoak

Web garatzaileak webguneak eta aplikazioak eraiki, kudeatu eta mantentzen ditu, eta askotan proiektuaren analisiaz, aplikazioaren logikaz, edukien arkitekturaz, eguneratzeez eta segurtasunaz ere arduratzen da.

Bere zeregin adierazgarriena da oinarritzen diren programazio-kodea idaztea, bai web aplikazioaren gunearen funtzionaltasunak (hau da, web aplikazioarekin elkarreraginean egin ditzakegun gauzak: produktuak erostea, edukiak argitaratzea, mezuak bidaltzea, etab.), bai itxura, hau da, gure gailuetan ikusten dugun interfazea.

Interfaze grafikoa eta funtzionalitateak asko aldatzen dira webgune edo web aplikazio baten funtzioaren arabera. Onlineko dendekin, albiste-guneekin, bideojokoen guneekin, enpresen intranetarekin, sare sozialekin, streaming plataformekin, enpresako softwarearekin eta blogekin ditugun erabilera eta interakzioetan baino ez dugu pentsatu behar.

Full-stack garatzaileek bi aldeetan dituzte gaitasunak, eta front-end (bezeroaren aldea) eta back-end (zerbitzariaren aldea) bien garapenaz arduratzen dira.

Front-end garatzaileak erabiltzailearen interfazea garatzeaz eta testatzeaz arduratzen dira nagusiki, hau da, «bezeroaren aldetik» ikusten duguna.

Back-end garatzaileak, aldiz, «zerbitzariaren aldetik» lan egiten dute, hau da, gunean «bastidoreen artean» gertatzen den guztiaz arduratzen dira: gunea funtzionarazten duen aplikazioaren logikatik, datu-baseen kudeaketara.

Iturburu-kodea idazteaz gain, hona hemen web-garatzaileen betebeharrak:
  • Proiekturako beharrezkoak diren funtzionaltasunak eta eskakizunak zehatz-mehatz aztertzea
  • Edukien arkitektura diseinatzea
  • Webgunearen/app-aren funtzionamendua testatzea, bug-ak aurkitzea eta akatsak zuzentzea
  • Arazo teknikoak ebaztea, bai jaurti aurretik, bai erabili bitartean identifikatzen direnak.
  • Erabiltzaile-interfazea UX terminoetan optimizatzea (user experience edo erabiltzaile-esperientzia)
  • Datu-baseak optimizatzea eta datuak mantentzeaz arduratzea
  • Edukiak kudeatzeko sistemak inplementatzea
  • Webgunearen segurtasuna eta egonkortasuna bermatzea
  • Edukiak txertatzea eta elementu grafikoak, bideokoak eta audiokoak integratzea>
  • Hirugarrenen produktuak integratzea, hala nola analisi-tresnak edo CRM softwarea
  • Softwarea eguneratuta edukitzea; bezeroak eskatutako edo erabiltzaileen beharren bilakaerak beharrezkotzat jotzen dituen funtzionalitate berriak inplementatzea, testatzea eta abiaraztea
  • Etengabe prestatzeko denbora aurkitzea, programazio-lengoaia berriak, berrikuntza digitalak eta sektoreko joerak aztertuz

Gaitasun orokorrak

Web Aplikazioen Garapena, Goi-mailako Lanbide Heziketako titulazio bat da. Titulazio horren helburu nagusia web aplikazioak garatzea, ezartzea eta mantentzea da, erabilitako metodoa edozein delarik baina teknologia espezifikoak erabiliz, datuak modu seguruan atzitzea bermatuz eta ezarritako estandarretan exijitutako erabilerraztasuneko, usagarritasuneko eta kalitateko irizpideak betez.

Gaitasun profesionalak, pertsonalak eta sozialak

Titulazio honen jabea gai izango da:
  • Informatika-sistemak konfiguratzeko eta ustiatzeko, eta, horretarako, sistemaren konfigurazio logikoa doitzeko, ezarritako irizpideen eta erabilera-beharren arabera.
  • Sistema, zerbitzu eta aplikazioetako segurtasunarekin lotzen diren teknikak eta prozedurak aplikatzeko, segurtasun-plana beteta.
  • Aplikazio-zerbitzariak kudeatzeko, horien konfigurazioa kasuen arabera egokituta, eta, hala, web aplikazioen garapena eta hedapena ahalbidetzeko.
  • Datu-baseak kudeatzeko, eta, horretarako, horien diseinu logikoa interpretatzeko eta datuen osotasuna, konsistentzia, segurtasuna eta eskuragarritasuna egiaztatzeko.
  • Datu-baseetarako sarbidea duten web aplikazioak garatzeko, zehaztapenetara egokitutako lengoaiak, atzipen-objektuak eta mapaketa-tresnak erabilita.
  • Edukiak web aplikazio baten logikan integratzeko eta zehaztapenetara egokitutako datuak atzituko dituzten osagaiak garatzeko.
  • Web aplikazioetan interfazeak garatzeko estilo-eskuliburuaren arabera, markatzeko lengoaiak eta web-estandarrak erabilita.
  • Web aplikazioetan integratuko diren multimedia-osagaiak garatzeko, eta, horretarako, tresna espezifikoak erabiltzeko eta ezarritako zehaztapenak betetzeko.
  • Web aplikazio baten interfazean multimedia-osagaiak integratzeko, eta aplikazioaren interaktibitatea, erabilerraztasuna eta usagarritasuna analizatzeko.
  • Web zerbitzariaren ingurunean software osagaiak garatzeko eta integratzeko, tresna eta lengoaia espezifikoak erabilita, eta, hala, aplikazioaren zehaztapenak betetzeko.
  • Zerbitzuak garatzeko eta haien funtzioak beste web aplikazio batzuetan integratzeko, funtzionaltasuna ziurtatuta.
  • Web aplikazioetan zerbitzu eta eduki banatuak integratzeko, eta haien funtzionaltasuna ziurtatzeko.

Irakaskuntza hauek laneko arriskuen prebentzioko oinarrizko jarduerak gauzatzeko beharrezko ezagupenak hartzen dituzte barnean.

Lanbide-kualifikazio osoak:

a) Web teknologiak dituzten aplikazioak garatzea.

  • Bezero-ingurunean software-elementuak garatzea.
  • Zerbitzari-ingurunean software-elementuak garatzea.
  • Web aplikazioak Internet, intranet eta estranet inguruneetan inplementatu, egiaztatu eta dokumentatzea.

Osatu gabeko lanbide-kualifikazioak:

a) Kudeaketa-aplikazioen lengoaia egituratuetako programazioa.tzia-atalak:

  • Datu-base erlazionalak programatzea.

b) Objektuei eta datu-base erlazionalei orientatutako lengoaiekin programatzea

  • Informatika-sistemak konfiguratzea eta ustiatzea.
  • Datu-base erlazionalak programatzea.

Heziketa-zikloaren helburu orokorrak:

  • Markatzeko lengoaiak eta web-estandarrak erabiltzea, web-aplikazioetan interfazeak garatzeko.
  • Lengoaiak, objektuak eta tresnak erabiltzea, eta garatzeko zehaztapenak interpretatzea.
  • Lengoaiak, objektuak eta tresnak hautatzea, eta datu-baseetarako sarbideen zehaztapenak interpretatzea.
  • Talde-laneko testuinguruetan lidergo, motibazio, gainbegiratze eta komunikazioko teknikak garatzea taldekideen arteko komunikazioa errazteko.
  • Garatutako software-osagaiak egiaztatzea, zehaztapenak aztertuta, proba-plana osatzeko.
  • Moduluak instalatzea, eta horien egitura eta funtzionaltasuna aztertzea, aplikazio-zerbitzariak kudeatzeko.
  • Tresna espezifikoak erabiltzea, ezarritako estandarrak betez, prozesuen dokumentazioari eustea.
  • Segurtasun-beharrak identifikatzea eta aurrez ezarritako plana egiaztatzea, lotutako teknikak eta prozedurak aplikatzeko.
  • Interfaze baten elkarreragina, irisgarritasuna eta erabilgarritasuna ebaluatzea, aplikazioaren interfazean multimedia-osagaiak integratzeko.
  • Irisgarritasun unibertsalari eta guztiontzako diseinuari erantzuteko beharrezkoak diren lanbide-ekintzak identifikatzea eta proposatzea.

Ebaluazio-irizpideak

  • Garatu beharreko web aplikazioen interfazerako estilo-gida eta diseinua interpretatu ditu, diseinu-ekipoaren jarraibideak kontuan izanda.
  • Web aplikazioen interfazea osorik edo partzialki osatzen duten markatzeko lengoaietan sententzia-blokeak editatu eta probatu ditu, estiloak kanpo-orrietatik administratuz.
  • Informazioa bezeroaren aldean aurkezpen-formatu egokietara bihurtzeko eta egokitzeko transformazio-orriak erabili ditu.
  • Web aplikazio baten interfazerako multimedia-materialak prestatzen eta integratzen parte hartu du, diseinu-ekipoaren jarraibideei jarraituz.
  • Ekitaldiak maneiatzean eta elementu interaktiboak eta animazioak integratzean oinarritutako web aplikazio interaktiboak garatzen lagundu du.
  • Web aplikazioen erabilerraztasuna eta erabilgarritasuna egiaztatu ditu, eta eskatutako mailak betetzeko beharrezko aldaketak eta neurriak egiten lagundu du.
  • Web-aplikazioen zerbitzari-zatia diseinatzeko eta garatzeko arduradunekin lankidetza estuan aritu da, irizpideak bateratuz eta aplikazioaren bi aldeetako garapena koordinatuz.
  • Aplikazioaren erabiltzaileari laguntzeko protokoloetan erabilitako dokumentazioa eta gainerako osagaiak definitzen eta lantzen parte hartu du.

Heziketa-zikloa osatzen duten lanbide-moduluak:

  • Markatzeko lengoaiak eta informazioa kudeatzeko sistemak.
  • Garapen-inguruneak.
  • Web-garapena bezero-ingurunean.
  • Web interfazeak diseinatzea.
  • Datu-baseak.
  • Programazioa.
  • Web aplikazioen hedapena.
  • Sistema informatikoak.
  • Web-garapena zerbitzari-ingurunean.
  • Web aplikazioak garatzeko proiektua.
  • Ingeles teknikoa.
  • Laneko prestakuntza eta orientabidea.
  • Enpresa eta ekimen sortzailea.
  • Lantokiko prestakuntza.

Letra beltzez azpimarratu ditut proiektuaren lehen joaldi honetan zuzen-zuzenean ukitu asmo ditudan moduluak. Egia da beste moduluetako batzuk (beltzez, azpimarra gabe) zeharka bada ere, aipatu aipatuko direla, eta askotan landu ere bai, hala nola Sistema informatikoak, Web aplikazioak garatzeko proiektua…, baina ez dira izango proiektuaren zati honen helburu.

Ikaskuntzaren emaitzak eta ebaluazio-irizpideak.

1.- Web-bezeroen gaineko programazio-teknologiak eta -arkitekturak hautatzen ditu, bakoitzaren gaitasunak eta ezaugarriak identifikatuta eta aztertuta.

Ebaluazio-irizpideak:

  • Zerbitzarian eta web bezeroan kodea exekutatzeko ereduak ezaugarritu eta bereizi ditu.
  • Web nabigatzaileen gaitasunak eta kodea exekutatzeko mekanismoak identifikatu ditu.
  • Web bezeroen programazioarekin lotzen diren lengoaia nagusiak identifikatu eta ezaugarritu ditu.
  • Gidoien programazioaren berezitasunak ezagutu ditu, bai eta programazio tradizionalaren gainean dituen abantailak eta desabantailak ere.
  • Markatzeko lengoaiak web bezeroen programazio-lengoaiekin integratzeko mekanismoak egiaztatu ditu.
  • Web bezeroen gaineko programazio-tresnak ezagutu eta ebaluatu ditu.

2.- Epai sinpleak idazten ditu, hizkuntzaren sintaxia aplikatuta eta web nabigatzaileen gainean exekutatzen dela egiaztatuta

Ebaluazio-irizpideak:

  • Web bezeroak programatzeko lengoaia hautatu du, aukeren arabera.
  • Hizkuntzan erabilgarri dauden aldagai eta eragile motak erabili ditu.
  • Aldagaien erabilera-esparruak identifikatu ditu.
  • Hizkuntzaren berezitasunak ezagutu eta egiaztatu ditu, datu moten arteko bihurketei dagokienez.
  • Epaien blokeak sortzeko erabaki-mekanismoak erabili ditu.
  • Kodeari iruzkinak gehitu dizkio.
  • Begiztak erabili ditu eta funtzionamendua egiaztatu du.
  • Kodearen programazioa, proba eta arazketa errazteko tresnak eta inguruneak erabili ditu.

3.- Kodea idazten du, eta, horretarako, lengoaiaren objektu aurredefinituek ekarritako funtzionaltasunak identifikatzen eta aplikatzen ditu.

Ebaluazio-irizpideak:

  • Lengoaiaren objektu aurredefinituak identifikatu ditu.
  • Nabigatzailearen leihoei dagozkien objektuak eta horien web-dokumentuak aztertu ditu.
  • Lengoaiaren objektu aurredefinituak nabigatzailearen itxura eta jasotzen duen dokumentua aldatzeko erabiltzen dituzten sententziak idatzi ditu.
  • Nabigatzailean kodea gauzatzearen ondorioz testuak eta etiketak sortu ditu.
  • Lengoaiaren objektu aurredefinituak erabiltzailearekin elkarreragiteko erabiltzen dituzten sententziak idatzi ditu.
  • Hainbat leihoz eta markoz osatutako dokumentuetan hizkuntzaren berezko ezaugarriak erabili ditu.
  • Cookieak erabili ditu informazioa biltegiratzeko eta edukia berreskuratzeko. h) Kodea araztu eta dokumentatu du.

4.- Web bezeroentzako kodea programatzen du, erabiltzaileak definitutako egiturak aztertuz eta erabiliz.

Ebaluazio-irizpideak

  • Lengoaiaren funtzio aurredefinituak sailkatu eta erabili ditu.
  • Erabiltzaileak definitutako funtzioak sortu eta erabili ditu.
  • Arrayak sortzeari eta erabiltzeari lotutako lengoaiaren ezaugarriak ezagutu ditu.
  • Array-ak sortu eta erabili ditu.
  • Hizkuntzaren objektuetara orientatzeko ezaugarriak ezagutu ditu.
  • Objektuen egitura definitzeko kodea sortu du.
  • Metodoak eta propietateak sortu ditu.
  • Erabiltzaileak definitutako objektuak erabiltzen dituen kodea sortu du.
  • Kodea araztu eta dokumentatu du.

5.- Web aplikazio elkarreragileak garatzen ditu, gertaerak maneiatzeko mekanismoak integratuta.

Ebaluazio-irizpideak

  • Sortutako gertaerak atzitzeari dagokionez, markatzeko lengoaiaren aukerak ezagutu ditu.
  • Ekitaldien kudeaketari buruzko programazio-lengoaiaren ezaugarriak identifikatu ditu.
  • Maneiatu daitezkeen gertaera motak bereizi ditu.
  • Gertaerak harrapatu eta erabiliko dituen kodea sortu du.
  • Web inprimakiak kudeatzeko lengoaiaren gaitasunak ezagutu ditu.
  • Web formularioak balidatu ditu ekitaldiak erabilita.
  • Baliozkotze-prozedurak errazteko adierazpen erregularrak erabili ditu.
  • Kodea probatu eta dokumentatu du.

6.- Web aplikazioak garatzen ditu, dokumentuko objektuen ereduaren ezaugarriak aztertu eta aplikatuta.

Ebaluazio-irizpideak

  • Web orri bateko dokumentuaren objektuen eredua ezagutu du.
  • Modeloaren objektuak, propietateak eta metodoak identifikatu ditu.
  • Dokumentuaren egiturara sartzen den kode bat sortu eta egiaztatu du.
  • Egituraren elementu berriak sortu ditu eta lehendik zeuden elementuak aldatu ditu.
  • Ekintzak ereduko gertaerekin lotu ditu.
  • Ereduak hainbat nabigatzailetan dituen desberdintasunak identifikatu ditu.
  • Web aplikazioak programatu ditu, ereduaren hainbat inplementazio dituzten nabigatzaileetan funtzionatzeko moduan.
  • Web aplikazioetan hiru alderdiak (edukia, itxura eta portaera) independizatu ditu.

7.- Web aplikazio dinamikoak garatzen ditu, eta, horretarako, bezeroaren eta zerbitzariaren arteko komunikazio asinkronoko mekanismoak ezagutzen eta aplikatzen ditu.

Ebaluazio-irizpideak

  • Bezeroaren eta web zerbitzariaren arteko komunikazio asinkronoko mekanismoak erabiltzearen abantailak eta eragozpenak ebaluatu ditu.
  • Komunikazio asinkronoa ezartzeko erabilgarri dauden mekanismoak aztertu ditu.
  • Erlazionatutako objektuak erabili ditu.
  • Propietateak eta metodoak identifikatu ditu.
  • Komunikazio asinkronoa erabili du web-dokumentuaren eguneratze dinamikoan.
  • Informazioa bidaltzeko eta jasotzeko hainbat formatu erabili ditu.
  • Web aplikazio asinkronoak programatu ditu, hainbat nabigatzailetan funtzionatzeko moduan.
  • Web-orrien programazioan eguneratze dinamikoko teknologiak sartzea erraztuko duten liburutegiak sailkatu eta aztertu ditu.
  • Liburutegi horiek erabiltzen dituzten programak sortu eta araztu ditu.

Edukiak:

1.- Programazioa HTML etiketekin integratzeko bitartekoak hautatzea.

  • Markatzeko lengoaiak web bezeroen programazio-lengoaiekin integratzeko mekanismoak aplikatzea eta egiaztatzea.
  • Web bezeroei buruzko programazio-tresnak ebaluatzea.
  • Zerbitzarian eta web nabigatzaile batean kodea exekutatzeko mekanismoak. Desberdintasunak.
  • Gidoien programazioa. Programazio tradizionalaren aldean abantailak eta eragozpenak.
  • Gauzatzeko gaitasunak eta mugak.
  • Markatzeko lengoaiak.
  • Bezero-inguruneko programazio-lengoaiak.
  • Lotutako teknologiak eta hizkuntzak.
  • Programazio-modu eta -lengoaiekiko interesa izatea.
  • Berrikuntzarako prestasuna eta ekimena eta ideiak ekartzea.
  • Programazio-tresnen erabileran lizentzien eta egile-eskubideen inplikazioez jabetzea.
  • Tresnen ebaluazioan kalitate- eta segurtasun-irizpideak baloratzea.

2.- Hizkuntzaren sintaxia maneiatzea

  • Web bezeroak programatzeko lengoaia bat hautatzea, aukeren arabera.
  • Hizkuntzan erabilgarri dauden aldagai eta eragile motak erabiltzea.
  • Epaien blokeak sortzeko erabaki-mekanismoak erabiltzea.
  • Begiztak erabiltzea eta egiaztatzea.
  • Kodean iruzkinak erabiltzea.
  • Kodearen programazioa, proba eta arazketa errazteko tresnak eta inguruneak erabiltzea.
  • Hitz erreserbatuak.
  • Sistemaren eta erabiltzailearen aldagaiak.
  • Aldagaien erabilera-eremuak.
  • Datu motak.
  • Tipo-bihurketak.
  • Esleipenak
  • Operadoreak eta esamoldeak
  • Kodeari buruzko iruzkinak.
  • Epaiak.
  • Fluxua kontrolatzeko egiturak.
  • Alternatibak.
  • Begiztak.
  • Funtzioak eta parametroak.
  • Probatzeko eta arazteko prozedurak.
  • Kode irakurgarri bat aurkezteko interesa (ordenatua, iruzkinekin, ondo indentatua…)
  • Zorroztasuna proba egitean eta erroreak araztean.

3.- Lengoaiaren objektu aurredefinituak erabiltzea

  • Lengoaiaren objektu aurredefinituak erabiltzea sententzietan, nabigatzailearen itxura eta duen dokumentua aldatzeko.
  • Testuak eta etiketak sortzea, nabigatzailean kodea exekutatuta.
  • Lengoaiaren objektu aurredefinituak erabiltzea sententzietan, erabiltzailearekin elkarreragiteko.
  • Hizkuntzaren berezko ezaugarriak erabiltzea hainbat leihoz eta markoz osatutako dokumentuetan.
  • Cookieak erabiltzea informazioa biltegiratzeko eta edukia berreskuratzeko. Kodearen arazketa eta dokumentazioa.
  • Markoak eta horien aplikazioa.
  • Leihoak eta haien itxura.
  • Erabiltzailearekiko interakzioa.
  • Cookieak.
  • Hizkuntzaren objektu natiboak.
  • Nabigatzailearekiko interakzioarekin lotutako objektu aurredefinituak.
  • Kodetik testua eta HTML elementuak sortzeari lotutako objektu aurredefinituak.
  • Leihoak sortzeari eta haien arteko komunikazioari lotutako objektu aurredefinituak.
  • Hizkuntzak eskaintzen dituen aukerak ezagutzeko jakin-mina.
  • Hizkuntza zuzen eta eraginkortasunez erabiltzeko interesa izatea.
  • Sormena konponbiderako ekarpenetan.

4.- Erabiltzaileak definitutako array funtzioekin eta objektuekin programatzea

  • Lengoaiaren funtzio aurredefinituak sailkatzea eta erabiltzea.
  • Erabiltzaileak definitutako funtzioak sortzea eta erabiltzea.
  • Array-ak sortzea eta erabiltzea.
  • Objektuen egitura definitzeko kodea sortzea.
  • Objektuen metodoak eta propietateak sortzea eta erabiltzea.
  • Erabiltzaileak definitutako objektuak erabiltzen dituen kodea sortzea.
  • Kodearen arazketa eta dokumentazioa.
  • Objektuei orientatutako lengoaiak.
  • Lengoaiaren funtzio aurredefinituak.
  • Erabiltzaileak definitutako funtzioak.
  • Funtzioetarako deiak.
  • Funtzioen definizioa.
  • Parametroak.
  • Arrays.
  • Objektuak.
  • Eraikitzaileak.
  • Metodoak eta propietateak.
  • Mezuak pasatzea.
  • Objektuen paradigmarekiko interesa izatea.
  • Programen garapenean kodea berrerabiltzeak duen garrantzia baloratzea.
  • Kodea optimizatzeko prestasuna eta ekimena.
  • Jarrera ordenatua eta metodikoa izatea zereginak garatzean.
  • Aplikazio bat garatzeko prozesuan dokumentazio onak duen garrantzia baloratzea.

5.- Erabiltzailearekiko interakzioa: gertaerak eta formularioak

  • Gertaerak harrapatu eta erabiliko dituen kode bat sortzea.
  • Web formularioak sortzea.
  • Web formularioak baliozkotzea eta bidaltzea, gertaerak erabilita.
  • Itxura eta portaera aldatzea.
  • Adierazpen erregularrak erabiltzea, baliozkotze-prozedurak errazteko.
  • Cookieak erabiltzea.
  • Kodearen proba eta dokumentazioa.
  • Gertaerak.
  • Motak.
  • Ekitaldiak kudeatzeko eredua.
  • Inprimakiak.
  • Kontrolak, propietateak eta metodoak.
  • Adierazpen erregularrak.
  • Formularioak baliozkotzeko funtzioetan kode berrerabilgarriaren garrantzia baloratzea.
  • Arazoak ebazteko autonomia. Lan zorrotza egiteko interesa izatea.

6.- Dokumentuaren objektuen eredua (DOM) erabiltzea

  • Dokumentuaren egiturara sartzen den kodea sortzea eta egiaztatzea.
  • Egituraren elementu berriak sortzea eta lehendik dauden elementuak aldatzea. Kodetik dokumentura sartzea.
  • Ekintzak ereduko ekitaldiekin lotzea.
  • Web aplikazioak programatzea, hainbat nabigatzailetan funtziona dezaten ereduaren inplementazio desberdinekin.
  • Dokumentuaren objektuen eredua (DOM).
  • Modeloaren objektuak.
  • Objektuen propietateak eta metodoak.
  • Ereduaren ezarpenetan dauden aldeak.
  • Ereduak hainbat nabigatzailetan dituen desberdintasunak.
  • Web aplikazioaren edukia.
  • Itxura web aplikazioetan.
  • Web aplikazioetako portaera.
  • Bezero-inguruneko programazioan estandarren beharra baloratzea.
  • Ohikoak ez diren baliabideetan konfiantzaz moldatzeko autonomia.
  • Zereginak egitean jarrera ordenatua eta metodikoa izatea eta zailtasunen aurrean saiatuki jokatzea.
  • Zorroztasuna egiaztapen-probetan, nabigatzaileen eta emandako zehaztapenen arteko desberdintasunak kontuan hartuta.

7.- Komunikazio-mekanismo asinkronoak erabiltzea

  • Komunikazio asinkronoarekin lotzen diren objektuak erabiltzea.
  • Eskura dauden liburutegi eta frameworkak konparatzeko azterketa, web-dokumentuaren edukia eta egitura dinamikoki eguneratzeko.
  • Web dokumentuaren eguneratze dinamikoan komunikazio asinkronoa erabiltzea.
  • Informazioa bidaltzean eta jasotzean hainbat formatu erabiltzea.
  • Hainbat nabigatzailetan funtzionatzen duten web aplikazio asinkronoak programatzea.
  • Web-orrien programazioan eguneratze dinamikoko teknologiak txertatzea erraztuko duten liburutegiak sailkatzea eta aztertzea.
  • Liburutegi horiek erabiliko dituzten programak sortzea eta araztea.
  • Bezeroaren eta web zerbitzariaren arteko komunikazio asinkronoa.
  • Komunikazio-mekanismo asinkronoak.
  • Abantailak eta eragozpenak.
  • Lotutako objektuak.
  • Metodoak eta propietateak.
  • Web aplikazio dinamikoak.
  • Eguneratze dinamikora bideratutako liburutegiak eta framework-ak.
  • Informazioa bidaltzeko eta jasotzeko formatuak.
  • Errekurtsoak.
  • XMLHttpRequest objektua.
  • Pluging-ak eta Widgetak.
  • Komunikazio asinkronoa erabiltzearen ondoriozko ekarpen positiboaren garrantzia baloratzea.
  • Zeregin berrien aurrean eta berrikuntzarako prestasuna eta ekimena izatea.

WEB-GUNE-GINTZA gida

Web-gune-gintza-gidaDescarga


Web garapena hitz piloa

  • HTML: Hyper Text Markup Language. Edukia definitzea ahalbidetzen duen lengoaia, web-bezeroak informazioa bistaratzeko aukera eman dezan. Hizkuntza horrek bitartekoak (grafikoak, soinuak, bideoak, etab.) sartzeko aukera ematen du. Eta webeko estandar bat da, W3Ck definitua.
  • Etiketa edo TAG: Irudikapen unitate minimoa HTML lengoaian. Honako hauek definitzeko aukera ematen du: paragrafoak, taulak, estekak, irudiak, etab.
  • CSS: (Cascading Style Sheets) Ur-jauziko estilo-orriak. HTML etiketei aplika dakizkiekeen estilo-klaseak sortzeko aukera ematen dute. Estilo-orri horiek HTML fitxategien barruan defini daitezke, edo baita erreferentziatu ere. Estilo-klaseak, gero, HTML etiketekin lotuko dira. W3Cren estandar bat ere bada.
  • JavaScript (JS): Objektuei eta gertaerei orientatutako programazio-lengoaia, bezero-zatian nabigatzailearen barruko aurkezpena prozesatzea eta aldaketak egitea ahalbidetzen duena. Script horiek HTML fitxategitik erreferentziatuta egon ohi dira.
  • EcmaScript: Javascript estandarra. Nabigatzaileek Javascript lengoaia bera inplementatzeko.
  • Web-orria: Web zerbitzari baten gutxieneko eduki unitatea. Normalean, HTMLn formateatutako fitxategi batek eta haren erreferentziek osatzen dute.
  • Web Gunea: Web Zerbitzariaren eta osatzen duten Web Orrien arau multzoa.
  • DNS zerbitzua: besteak beste, Interneteko makinen izenak IP helbideetara itzultzea ahalbidetzen duen zerbitzaria.
  • Domeinua: Izen erregistratua eta IP helbideekin zerbitzarien izenak lotzeko aukera ematen duen konpainia bati lotua. Normalean, urtero alokatzen da. Ezin dira bi jabe aldi berean domeinu berekoak izan, horregatik normalean
  • Web nabigatzailea: Web zerbitzariak kontsultatzeko eta HTML informazioa aurkezteko aukera ematen duen bezeroa. Adibideak: Firefox, Konqueror, Opera, Internet Explorer, etab.
  • Luzapena edo Plugin Web: web-nabigatzaile baten luzapena, web-nabigatzaile bati funtzionalitate bat eranstea ahalbidetzen duena, adibidez, estandarrak ez diren elementuak bistaratzea. Adibideak: Flash Player, JVM, etab.
  • Apache HTTP: Web Zerbitzari Librea. Zerbitzari hori oso malgua da, eta gaur egun webguneen % 60k Apache-rekin funtzionatzen dute.
  • Nginx: web zerbitzari librea. Zerbitzari hori apatxe-zerbitzaria baino askoz azkarragoa da, baina funtzionalitate gutxiago ditu.
  • Apache modulua: Web Apache zerbitzariak informazioaren tratamendua zabaltzeko aukera ematen duten funtzionalitate multzokatuen multzoa.
  • URL: Uniform Resource Locator. Baliabide baterako sarbidea definitzea. URL kontzeptua URIren kontzeptu orokorrenean sartu da (Uniform Resource Identifier – Baliabidearen identifikatzaile uniformea), baina URL terminoa oraindik ere asko erabiltzen da. URLa hiru zatitan banatuta dago: Web zerbitzariaren izena, Sartu beharreko baliabidea eta Parametroak
  • HTTP metodoak: egin nahi den HTTP eskaera mota identifikatzen duten aditzak.
  • GET metodoa: web zerbitzariari informazioa eskatu nahi dion eskaera mota. Halaber, parametroak URLtik pasatzeko aukera ematen du, baina modu ikusgarrian, ez POST gisa.
  • POST metodoa: zerbitzariari datuak modu gardenean bidaltzeko aukera ematen duen eskaera mota. Formularioaren bidez parametroak pasatzeko modua (normalean).
  • PHP: PHP Hypertext Pre-processor. Rasmus Lerdorf-ek sortutako programazio-lengoaia da, webguneetarako edukia sortzeko erabiltzen dena. PHP Apache HTTPd (eta beste web zerbitzari batzuk) modulu gisa funtzionatzeko prestatuta dago.
  • IP helbidea: IP protokoloan oinarritutako sare-interfaze baten identifikatzaile bakarra. Domeinu-izen bati lotuta egon ohi da. Socket/IP konexio bat sortzeko beharrezkoa.
  • IP ataka: zerbitzari bateko ate baten identifikazio-zenbakia, 80 HTTPren kasuan, 443, HTTPs, 21, FTPren kasuan, etab. Socket/IP konexio bat sortzeko beharrezkoa.
  • Socket. Ordenagailu batean irekita dagoen IP ataka
  • SGBD: Datu-baseak Kudeatzeko Sistema. Oso software mota espezifikoa da, eta datu-basearen, erabiltzailearen eta hura erabiltzen duten aplikazioen arteko interfaze gisa erabiltzen da. Datuak definitzeko lengoaia, datuak manipulatzeko lengoaia eta kontsulta-lengoaia ditu. Gai hau edo erlazionatutako gaiak jorratzen dituzten testuetan, SGBD eta DBMS terminoak aipatzen dira, eta biak baliokideak eta akronimoak dira, hurrenez hurren, Datu Baseak Kudeatzeko Sistemarenak eta DataBase Management System, ingelesezko adierazpena.
  • MySQL: SGDB, MySql AB-k sortua, Sun Microsystems-ek erosia, Oracle-k erosia.
  • MariaDB: MySQLen SGBD fork, Oracle de Sun erosi ondoren. Gaur egun, MySQL bertsio librea.
  • PostgreSQL: errendimendu handiko eta gaitasun handiko SGBD profesional askea.
  • SQL: Kontsulta Lengoaia Egituratua (Structured Query Language). Datu-base erlazionaletara sartzeko adierazpen-lengoaia bat da, eta horien gaineko hainbat eragiketa mota zehazteko aukera ematen du. Aljebraren ezaugarriak dituen fauna eta kalkulu erlazionala. Horri esker, kontsultak egin daitezke, datu-base bateko informazio interesgarria modu errazean berreskuratzeko.
  • Frontend: Web-garapen mota, funtsean Javascripten programatua eta web-nabigatzailean exekutatua.
  • Backend: Nagusiki zerbitzarian exekutatzeko programatutako web-garapen mota. Normalean datu-base batean sartuta.
  • API Rest: egoerarik ez duen web zerbitzu bat inplementatzen duen Backend garapen mota.
  • Web Zerbitzua: Backend web aplikazioa.
  • SOAP: backend web-zerbitzuaren protokoloa, post eta XML eskaerekin egituratua.
  • XML: etiketa hedagarriak dituen fitxategiaren formatua.
  • AJAX: e Backend eta Frontenden arteko komunikazioa XMLQUEprEquest web eskaeren bidez

HTML hitz piloa

  • HTML (HyperText Markup Language): Web orriak sortzeko eta diseinatzeko erabiltzen den lengoaia estandarra da.
  • DOCTYPE: Web-nabigatzaileari dokumentuak HTML (edo XML) zein estandarri jarraitzen dion adierazten dion adierazpena da. Kasu honetan, k zehazten du dokumentuak HTML5 estandarra jarraitzen duela.
  • HTML: HTML dokumentu baten erroko elementua da, eta orriaren eduki osoa biltzen du.
  • lang: HTML elementuaren atributu bat, orrialdearen edukiaren hizkuntza nagusia zehazten duena.
  • head: Dokumentuaren gainean metadatuak dituen elementu bat da, hala nola orrialdearen izenburua, estilo-orrietarako estekak, script-ak, SEO metadatuak, besteak beste.
  • meta charset: Dokumentuan erabilitako karaktere-kodifikazioa zehazten duen meta-elementu bat. Kasu honetan, UTF-8k adierazten du UTF-8 erabiltzen ari dela, Unicode karaktereen kodifikazio oso arrunta dela eta hainbat hizkuntza eta karaktere berezirekin bateragarria.
  • Viewport helmuga: gailu mugikorretan nabigatzailearen leiho grafikoaren portaera kontrolatzen duen xede-elementua. Kasu honetan, width = device-width, initial-scale = 1.0 zenbakiak adierazten du leiho grafikoaren zabalerak bat etorri behar duela gailuaren zabalerarekin, eta hasierako zoom-mailak 1.0 izan behar duela.
  • title: Dokumentuaren izenburua definitzen duen elementu bat da, nabigatzailearen erlaitzean edo laster-marken zerrendan agertzen dena.
  • HTML elementua: Web-orri baten oinarrizko osagai bat, etiketen bidez definitua, testua, irudiak, estekak eta abar izan ditzakeena.
  • HTML etiketa: HTML elementu baten egitura eta edukia definitzen dituen karaktere multzoa. Etiketak, oro har, irekiera- eta itxiera-pareetan etortzen dira, eta batzuek elementuari buruzko informazio gehigarria emateko atributuak dituzte.
  • HTML atributua: HTML elementu bati buruzko informazio gehigarria ematen du, eta elementu horren hasierako etiketan zehazten da.
  • Irekiera-etiketa: HTML elementu baten hasiera markatzen du eta elementuaren izena dauka.
  • Ixteko etiketa: HTML elementu baten amaiera markatzen du eta elementuaren izena dauka, aurretik barra inklinatu bat duela (/).
  • Etiketa hutsa: edukirik ez duen eta ixteko etiketarik behar ez duen HTML etiketa, adibidez.
  • Estilo-atributua: elementu baten ikus-estiloa definitzen duen HTML atributua, hala nola kolorea, letra-tamaina eta abar.
  • Klase-atributua: Elementu bati CSS klase bat edo gehiago esleitzeko aukera ematen du, eta, horri esker, elementu horri estilo espezifikoak aplika dakizkioke.
  • ID atributua: HTML dokumentu batean elementu bakarra identifikatzen du, eta, horri esker, CSStik edo JavaScript-etik erreferentziatu daiteke.
  • Zerrenda ordenatua (ol): elementuen zerrenda ordenatua sortzen duen HTML elementu bat, non elementu bakoitza zenbaki batekin edo antzeko sinbolo batekin agertzen den.
  • Zerrenda desordenatua (ul): elementuen zerrenda desordenatua sortzen duen HTML elementu bat, non elementu bakoitza markagailu batekin agertzen den.
  • Zerrenda-elementua (li): HTML elementu bat, zerrenda ordenatu edo desordenatu batean item bat irudikatzen duena.
  • (a) esteka: Beste web orri edo baliabide baterako esteka sortzen duen HTML elementu bat.
  • Irudia (img): Web orri batean irudi bat txertatzen duen HTML elementu bat.
  • Formularioa (form): Sarrera-kontrolak dituen HTML elementu bat, erabiltzaileari web zerbitzari batera datuak bidaltzeko aukera ematen diona.
  • Sarrera-eremua (input): HTML elementu bat, erabiltzaileari datuak sartzeko aukera ematen diona, hala nola testua, zenbakiak, etab.
  • (button) botoia: HTML elementu bat, bertan klik egitean ekintza bat aktibatzeko erabiltzen dena.
  • Div: Web orri baten edukia atal edo talde logikoetan zatitzeko erabiltzen den HTML elementu bat.
  • HTML iruzkina: Web nabigatzailean erakusten ez den eta garatzaileentzako oharrak edo iruzkinak gehitzeko erabiltzen den HTML kodearen zati bat. Sartu.

CSS hitz piloa

  • CSS (Cascading Style Sheets): HTML dokumentu baten aurkezpena deskribatzeko erabiltzen den estilo-orrien lengoaia da.
  • CSS hautagailua: estiloak aplikatuko zaizkien elementuak hautatzeko erabiltzen den patroia. HTML elementu bat, klase bat, id bat eta abar izan daiteke.
  • CSS propietatea: hautatutako elementu baten itxura edo portaera definitzen duen atributua. Adibidez, kolorea, font-size, margin.
  • CSS balioa: Propietate bati esleitzen zaion konfigurazio espezifikoa. Adibidez, sarea, 12px, autoa.
    CSS araua: hautatutako elementuei aplikatzen zaizkien hautagailu baten eta estilo-adierazpenen bloke baten multzoa. Adibidez, p {color: blue;}.
  • CSS klasea: HTML elementu batzuei estiloak aplikatzeko erabiltzen den identifikatzaile berrerabilgarria. Puntu bat eta izen bat ditu. Adibidez. Izenburua.
  • ID CSS: HTML elementu bakar bati estiloak aplikatzeko erabiltzen den identifikatzaile bakarra. Zenbaki bat eta izen bat ditu. Adibidez, #goiburukoa.
  • CSS pseudoa: Elementuak erabiltzailearen egoeraren edo posizioaren arabera hautatzen dituen hautagailua. Adibidez: hover,: active,: first-child.
  • CSS pseudoa: Elementu baten zati espezifikoak hautatzen dituen hautagailua. Adibidez::: before,:: after.
    font-family propietatea: Testua elementu baten barruan erakusteko erabiliko diren iturriak definitzen ditu.
  • Kolore-propietatea: testuaren kolorea definitzen du elementu baten barruan.
  • Background-kolore propietatea: Elementu baten hondoko kolorea definitzen du.
  • Margin propietatea: Elementu baten inguruko marjina definitzen du.
  • Padding propietatea: Elementu baten ertzaren eta bere edukiaren arteko barne-espazioa definitzen du.
  • Border propietatea: Ertza elementu baten inguruan definitzen du.
  • Width propietatea: Elementu baten zabalera definitzen du.
  • Height propietatea: Elementu baten altuera definitzen du.
  • Display propietatea: Orriaren diseinuan elementu bat nola agertzen den kontrolatzen du.
  • Propietate position-a: Elementu bat bere edukiontziaren arabera kokatzeko metodoa kontrolatzen du.
  • Float propietatea: Edukiontziaren ezkerraldean edo eskuinaldean elementu bat jartzen dela kontrolatzen du, beste elementu batzuk haren inguruan ibil daitezen ahalbidetuz.
  • +Flexbox propietatea: Edukiontzi baten barruan kutxa malguak eta erantzungarriak diseinatzea errazten duen diseinu-eredua.
  • Grid propietatea: diseinu-sistema bidimentsionala, diseinu-espazioa errenkadetan eta zutabeetan zatitzeko aukera ematen duena.
  • Transition propietatea: Estilo bat denbora-tarte jakin batean nola aldatuko den zehazteko aukera ematen du.
  • Animation propietatea: Animazio konplexuak sortzeko aukera ematen du, hainbat etapa eta denbora-konfigurazio zehaztuz.
  • Box-shadow propietatea: Elementu baten inguruan itzala gehitzen du, sakonera eta erliebe efektuak sortzeko aukera emanez.
  • * Luzera-unitateak:
  • px (pixelak): pantaila batean puntu bat irudikatzen duen neurri-unitatea. Unitate absolutua da eta bere tamaina ez da aldatzen nabigatzailearen leihoaren tamainaren arabera.
  • em: Elementu gurasoaren iturriaren tamainan oinarritzen den unitate erlatiboa. Adibidez, 1em elementuaren egungo letra-tamainaren baliokidea da, 2em letra-tipoaren bikoitza, etab.
  • rem: em -ren antzekoa, baina erro-elementuaren iturriaren tamainan oinarritzen da (html). Hori dela eta, aurreikusgarriagoa eta errazagoa da diseinu konplexuetan maneiatzea.
  • % (ehunekoa): Guraso-elementuaren tamainaren ehunekoa adierazten duen unitate erlatiboa. Adibidez, % 50ek adierazten du guraso-elementuaren tamainaren erdia.
  • Pantailaren tamainako unitateak:
  • vw (leihoaren zabalera): nabigatzailearen leihoaren zabaleraren ehunekoa adierazten duen unitate erlatiboa. 1vw leihoaren zabaleraren % 1 da.
  • vh (leihoaren altuera): vw -ren antzekoa, baina nabigatzailearen leihoaren altueraren ehunekoa adierazten du.
  • * Testu-unitateak:
  • em: Iturriaren tamainarako erabiltzen da. 1em e letra-tipoaren tamainaren baliokidea da.
  • ex: Uneko iturri motaren “x” letraren altuera adierazten du. Oso gutxitan erabiltzen da.
  • ch: Uneko iturri motaren “0” karakterearen zabalera adierazten du. Elementuak karaktereen arabera lerrokatzeko baliagarria da.
  • Beste unitate batzuk:
  • cm (zentimetroak), mm (milimetroak): Mundu errealeko neurri fisikoetan oinarritutako unitate absolutuak.
  • in (hazbeteak), pt (puntuak), pc (pikak): Inprimaketa eta tipografia diseinuan erabili ohi diren beste unitate absolutu batzuk.

Nire kodea garatzeko orria

Ikastaroan zehar kodea frogatzeko lekutxo bat prestatu dut. Bertara zuzenduko zaitut klasean adierazitako jakitekoak frogatzeko eta zure kasa prestatzeko web-orriak.