26 godine s vama

500 predavača i suradnika

15.000 polaznika godišnje

300.000 održanih edukacija

Ovu edukaciju možete pohađati 100% sufinancirano uz HZZ vaučer

Izuzetno brz napredak na području web razvoja omogućio je stvari o kojima do nedavno nismo mogli niti sanjati. Danas se podrazumijeva da uz korištenje web tehnologija napišemo aplikaciju koja može povezivati milijune ljudi diljem svijeta te raditi izuzetno brzo, bez učitavanja već dohvaćenih stvari i izvršavati se na svim uređajima, a sve to u offline modu, ako je potrebno. Upravo iz tog razloga ne poznajemo niti jednog developera koji nema dobro plaćen posao.

Ovaj program obrazovanja je namijenjen svima koji žele uroniti u svijet između dizajnera i programera, žele doprinijeti korisničkom iskustvu i na kraju priče žele pokupiti svu slavu jer upravo je front-end ono što korisnik stvarno vidi i čime vrši interakciju između čovjeka i stroja.

Na ovom ćete programu obrazovanja dobiti cjelovit pregled – od fundamenata koji ne zastarijevaju sve do novih i naprednih tehnologija, a primjena koda kroz stvarno životne scenarije pomoći će vam smjestiti kućice na prava mjesta i pripremiti vas za prave poslove.

Osnovne web tehnologije

Web je odavno punoljetan što bi u slučaju bilo koje druge IT tehnologije značilo da je zastario i da bi trebalo prijeći na nešto novo. To vrijedi za bilo koju drugu IT tehnologiju osim weba. Rast i razvoj weba osigurala je činjenica da je web pristupačan, a pristupačnost počiva na osnovnim web tehnologijama u koje ubrajamo HTML, CSS i JavaScript. Ako poznate navedene tri tehnologije, raspolažete znanjima uz pomoć kojih možete napraviti najmodernije korisničko sučelje jedne web ili mobilne aplikacije.

React JS

Nakon što postavimo temelje u osnovnim web tehnologijama, vrijeme je da se svo to znanje iskoristimo za razvoj složenih korisničkih sučelja. Za to smo izabrali React, razvojni okvir koji se može koristiti za izradu web, mobilnih i desktop aplikacija, CLI-a, upravljačkog softveara za dronove i još mnogo toga. Učenje Reacta je najučinkovitiji način kojim ćete pokreneti svoju karijeru pravog front-end razvojnog inženjera.

Kompetencije koje ćete steći

  1. Izraditi sučelja i funkcionalnosti web projekta prema zadanim specifikacijama koristeći programske jezike sa klijentske strane.
  2. Prilagoditi stranice sučelja i interakcije za odabranu tehnologiju s poslužiteljske strane.
  3. Provesti testiranje web projekta na različitim platformama, uređajima, rezolucijama i Internet preglednicima.
  4. Odrediti tehnologije izradbe proizvoda temeljenih na web tehnologijama.
  5. Pisati HTML i CSS kod.

  1. Koristiti odgovarajuće HTML i CSS okvire za razvoj.
  2. Odabrati odgovarajuće standardizirane algoritme za rješavanje problema.
  3. Primijeniti načela responzivnoga dizajna za web prilikom izrade web stranica.
  4. Napisati validan JavaScript kod.
  5. Osmisliti vlastite algoritme za rješavanje problema.
  6. Primijeniti kritičko razmišljanje u izradi algoritama.
  7. Samostalno izraditi razne vrste računalnih programa.
  8. Izmijeniti i/ili popraviti pojedine dijelove programskog koda.
  9. Ispitati kvalitetu softverskog rješenja.

Seminari

Program obrazovanja za Front-End developera sastoji se od nekoliko seminara.

  • Prvi pravi doticaj sa razvojem weba odmah donosi mogućnost izrade funkcionalnog, upotrebljivog i pristupačnog web sjedišta. Cilj poglavlja je istražiti HTML kao upravo tu tehnologiju koja je osigurala opstanak i u svojoj suštiti gotovo nepromijenjivost Weba od prvih dana do danas.
  • Razumijevanje osnovnih HTML koncepata, njegovog razvoja kroz povijest, strukture dokumenta te anatomiju oznaka osigurava kasnije razumijevanje i bolje prihvaćanje web razvojnih paradigmi.
HTML oznaka je srce bilo koje web aplikacije, a poznavanje nekoliko ključnih principa HTML-a bez obzira na alat koji koristite za njegovu izradu jednako je važno kao i znaki kako pravilno definirati HTML oznake i slijediti standarde, kako izraditi popise, tablice i slike. Također, osim onoga što je dobro važno je znati prepoznati i ono što NIJE dobro u nekom HTML-u. Pristupačnost je ključni koncept koji je Webu osigurao dug život i uspješan razvoj no u isto vrijeme i atraktivnost kakvu imamo danas.

  • HTML osigurava funkcionalno i pristupačno web sjedište no tek uz pomoć CSS-a moguće je napraviti vizualno atraktivnu i lako upotrebljivo web sjedište ili internet stranicu. Pravi izazov je usigurati da se takva stranica adaptira svakom uređaju, veličini ili tipu zaslona.
  • U svijetu modernih Web aplikacija koji se moraju moći lako adaptirati na različite kljuente, naučiti i prepoznati razliku između fizičkog i logičkog dizajna važnije je nego ikada. CSS je tehnologija koja omogućava odvajanje strukture i sadržaja od njegovog fizičkog izgleda.
  • Dok je nekada CSS-om bilo moguće definirati tek izgled nekog Web sjedišta, danas je poželjno definirati čak i dijelove njegovog ponašanja čime se jedan dio ponašanja koji zapravo određuje izgled ptrbacuje u zonu dizajna.
  • Preprocessori nastupaju tamo gdje CSS staje, omogućavaju modularniji, robusniji, napredniji i brži razvoj sučelja, a u odnosnu na CSS diferencija ih mogućnost korištenja varijabli, operatora, interpolacija, funkcija, petlji i mixina.

  • JavaScript je, sada slobodno možemo reći, programski jezik koji jednako dobro razumiju i klijent i poslužitelj i kao takav je #1 prema zastupljenosti na webu. Poznavanje osnova i naprednih mogućnosti Javascript skriptnog jezika osigurava bolje razumijevanje JavaScript biblioteka i njihovu svrhu. Biblioteke olakšavaju manipulaciju DOM objektima, omogućavaju bržu izradu dinamičkih vizualnih komponenti te olakšavaju podatkovno povezivanje HTML kontrola.
  • Iako svi programski jezici imaju zajedničke ključne koncepte postoje i oni koncepti koji se razlikuju od jezika do jezika. JavaScript je svakako jedan od takvih programskih jezika čije osnove je svakako poželjno savladati prije neko se krene s razvojem složenijih sustava.
  • JavaScript je prirodno namijanjen radu na klijentskoj strani, a najveća razlika u odnosu na bilo koji drugi jezik je mogućnost rada s HTML elementima te pristup sučelju internet preglednika. Time mu je osiguran put za izradu bogatih Web aplikacija.
  • S jedne strane imamo Web aplikacije su aplikacije bazirane na HTML, CSS i JavaScript web tehnologijama pokretane u klijentskom pregledniku, a s druge strane imamo te iste aplikacije koje su u stanju iskorstiti jednan dio mogućnosti klijenta poput mikrofona, kamere ili žiroskopa. Tada te aplikacije postaju hibridne i vrlo su bliske prirodnom (native) klijentskim aplikacijma. No, tu su i progresivne aplikacije koje krase sve prednosti i jednog i drugog svijeta. Ono što im je svima zajedničko je da su građene na jedinstvenim HTML5 principima.

  • Iako je svaku akciju moguće napraviti ručno, u modernom razvoju mudro je koristiti napredne alate koji imaju svrhu automatizacije, traženja grešaka ili skraćivanja puta kojim dolazimo do cilja. Važno je optimizirati utrošak vremena. Iz tog razloga vrlo je važno poznavat i znati uspostaviti razvojnu okolinu, zbog sebe, klijenta i svog tima.

  • Većina tvrtki koje se bave razvojem web-a danas koristi načela reaktivne arhitekture pri izgradnji interaktivnih web aplikacija. Zato je u posljednje vrijeme jedna od traženijih web vještina.
  • Web aplikacije reaktivne arhitekture bitno se razlikuju od klasičnih Web aplikacija što određuje da je pri usvajanju reaktivne arhitekture izuzetno važno dobro razumjeti njezina temeljna načela i koncepte prije nego što se krene u konkretnu primjenu tehnologije

Po uspješnom završetku programa obrazovanja za stjecanje djelomične kvalifikacije Front-End developer / Front-End developerka stječete uvjerenje za upis zvanja u e-radnu knjižicu.

Brzi upit

Prijavite se

CSVET:

14

Lokacija 

Trajanje: 224 sati

Vođeni proces učenja i poučavanja (VPUP):

59

Učenje temeljeno na radu (UTR):

109

Samostalne aktivnosti polaznika (SAP):

182

Na programe obrazovanja Sveučilišta Algebra primijenjuju se različiti minimalni uvjeti upisa.

Brzi upit

Ostali programi sufinancirani uz vaučere: