Front-end
Developer

Upoznajte predavače!

Tomislav Šuk

bacc.ing.techn.inf

stručnjak za razvoj i izradu web stranica

Saša Stanković

digital marketing manager,

Adriatics

Što ćete naučiti kroz program front-end developer?

Prilagoditi stranice sučelja i interakcije za odabranu tehnologiju s poslužiteljske strane.

Provesti testiranje web projekta na različitim platformama, uređajima, rezolucijama i Internet preglednicima.

Izraditi sučelja web projekta – strukturu aplikacije (raspored elemenata i sadržaja).

Pisati HTML i CSS kod.

Koristiti odgovarajuće HTML i CSS okvire za razvoj.

Primijeniti načela responzivnog dizajna za web prilikom izrade web stranica.

Izraditi sučelja i funkcionalnosti web projekta prema zadanim specifikacijama koristeći programske jezike sa klijentske strane.

Koristiti alate za izradu vizualnih elemenata dizajna – (Sketch, Adobe Photoshop, Adobe Illustrator, Figma i sl.).

Napisati validan JavaScript kod.

Odrediti tehnologije izradbe proizvoda temeljenih na web tehnologijama.

Na temelju vlastitih ili tuđih modela i specifikacija samostalno napisati, testirati i dokumentirati program u zadanom programskom jeziku i razvojnoj okolini.

Kako izgleda nastavni program?

Osnove primjene JavaScript programskog jezika:
  • uvod u JavaScript
  • varijable i vrijednosti
  • petlje
  • programske biblioteke
  • otklon grešaka u programskom kodu JavaScript
  • način rada JavaScripta
  • ECMAScript standard
  • alati za testiranje programskog koda
  • razvoj JavaScript aplikacije
  • DOM elementi preglednika
  • JavaScript patterni i preporuke
  • tehnike izrade web korisničkih sučelja
  • interaktivno web korisničko sučelje
  • rad sa API-jima
  • Git repozitorij
  • sustav za verzioniranje izvornog koda
  • biblioteke i razvojni okviri
  • otkrivanje bugova
  • Package Manager
  • Task Runner
  • Module Bundler
  • tehnike upravljanja isporukama programskog rješenja
  • optimizacija
  • arhitektura Front-End aplikacije
  • React biblioteka
  • izvorni kod React aplikacije
  • razvoj React aplikacije
  • Render metoda
  • stanja komponente
  • protok podataka (data flow)
  • strukturiranje React aplikacije

Spremni za najbolju odluku u svojoj karijeri?

Kontaktirajte nas i odgovorit ćemo vam u najkraćem roku!