Website Building kurs

Website Building kurs obrađuje koncepte kreiranja klijentskog dela web aplikacije ili njenih delova pomoću JavaScripta i pratećih tehnologija. Sadržaj ovog kursa u potpunosti zaokružuje celinu kreiranja web aplikacije i sadrži rešenja za različite vrste zahteva. Objašnjeno je na koje sve načine je moguće integrisati JavaScript u HTML. Tokom kursa akcenat je na radu sa HTML sadržajem strane, pomoću DOM tehnologije, i to kroz različite pristupe – od čistog JavaScripta do korišćenja popularne biblioteke JQuery.

Kroz kurs su dati odgovori na pitanja kako programabilno pristupati HTML elementima na strani. Kako ih kreirati, modifikovati ili obrisati ili dinamički vršiti njihovu stilizaciju. Detaljno je obrađena tehnologija Document Object Model (DOM), njeni API-ji, karakteristike, kao i različiti načini njenog korišćenja. Deo kursa stavlja akcenat na biblioteku JQuery i predstavlja rešenja koje ova biblioteka nudi. U tom delu polaznik može naučiti kako da jednostavno vrši tranzicije elemenata, smanjuje i povećava elemente ili im menja sadržaj. 

U kursu je obrađena upotreba JQuery AJAX API-ja, pomoću kojih je na jednostavan način moguće izvršavati asinhrone zahteve serveru. Osim osnovnog upravljanja ugrađenim HTML elementima, kurs obrađuje i rad sa naprednim kontrolama kroz biblioteku JQuery UI. Zahvaljujući ovom dodatku, JQuery se može pretvoriti u moćan alat za kreiranje grafičkog korisničkog interfejsa, čije se rukovanje savladava tokom trajanja ovog kursa.

Zanima vas ovaj kurs? Možete ga pohađati u okviru ovih ITAcademy programa: Frontend JavaScript Program New.

Opis i cilj Website Building kursa

Website Building kurs je osmišljen sa fokusom na potpuno osposobljavanje polaznika za rad na klijentskim delovima web aplikacije. Nakon njegovog slušanja, polaznik će moći da postojeću prezentaciju obogati klijentskom funkcionalnošću, animacijama i interakcijom sa korisnikom. Moći će da razume, isplanira i implementira rešenje za bilo koji zahtev koji se tiče klijentskog dela aplikacije, a uspešno će vladati tehnikama za manipulaciju DOM-om i bibliotekama JQuery i JQuery UI.

S obzirom na to da je u pitanju kurs na kome ćete usvajati veoma važne veštine za vašu buduću profesiju, kompletno gradivo je podeljeno u tematske celine, takozvane module. Na taj način svakoj tematskoj celini biće posvećeno dovoljno pažnje i istovremeno će se polaznicima omogućiti da znanja stiču postepeno i temeljno kako bi im dalje učenje bilo što jednostavnije. Važno je da znate i da ovaj kurs možete pratiti u najsavremenije opremljenim učionicama ITAcademy, ali i online, pomoću najsavremenije Distance Learning platforme za učenje preko interneta koju su stručnjaci kompanije LINKgroup, osnivača ITAcademy, razvijali preko 20 godina. 

Početni modul ovog kursa baviće se Bootstrapom. Na tim predavanjima polaznici će se upoznati sa integracijom i namenom Bootstrapa, Bootstrap Gridom, stilizovanjem elemenata korišćenjem Bootstrapa i Bootstrap UI komponentama. Nakon što savladaju pomenuta znanja, polaznike očekuje tematska celina koja je fokusirana na JavaScript DOM (Document Object Model). Tom prilikom na red će doći zanimljiva predavanja u vezi sa strukturom i hijerarhijom DOM objekata, kao i veštinama koje se tiču manipulacija DOM objektima.

Zatim sledi veoma važan deo kursa koji je posvećen JQuery bibliotekama. Ova predavanja omogućiće polaznicima da se upoznaju sa osnovnim konceptima implementacije i korišćenja JQueryja, kao i sa upotrebom animacije i efekata u programiranju.

U narednom modulu, pod nazivom Vektorska grafika na webu, polaznici će raditi na integraciji i korišćenju SVG grafike. Na kraju Website Building kursa saznaćete više o integraciji popularnih platformi – mapa i društvenih mreža.

Kurs Website Building će vam odgovoriti na pitanja:

1. Da li je pomoću JavaScripta moguće menjati izgled strane?

JavaScript je upravo nastao kao posledica nedostatka mogućnosti za interakciju programa sa stranom nakon što je ona već isporučena klijentu. HTML, kojim se označavaju elementi web stranica, nije isprva imao nikakve dinamičke mogućnosti. Upravo zbog toga uvedena je posebna, dodatna platforma, kojom će biti omogućeno imperativno kontrolisanje sadržaja bez ponovnog preuzimanja kompletne strane sa servera. I ova platforma je upravo JavaScript.

Isprva, JavaScript programski jezik je bio samo pomagalo u „oživljavanju” strana, ali su danas strane nezamislive bez njega. A pomoću različitih biblioteka, kao što su Angular i React, kompletna funkcionalnost web aplikacije izvršava se na web pregledaču umesto na serveru.

2. Šta je to SVG i čemu služi?

Scalable Vector Graphics (SVG) je format za prikazivanje vektorske grafike unutar HTML koda. Za razliku od ostalih formata grafike, ovaj format se definiše tekstualno, pomoću jezika XML. Zahvaljujući tome, SVG slike na web strani je lako kreirati, modifikovati ili analizirati.

Kako je sam JavaScript programski jezik namenjen modifikacijama web stranica, njegova upotreba u kombinaciji sa SVG grafikom daje odlične rezultate.

SVG grafika je naročito korisna prilikom rada sa različitim vrstama grafikona i dijagrama jer se lako može modifikovati dinamički, a takođe količina podataka koji se šalju do klijenta je daleko manja nego što bi to bio slučaj sa drugim formatima.

3. Da li je pomoću JavaScripta moguće ostvariti interakciju sa korisnikom?

JavaScript omogućava interakciju između korisnika i aplikacije. Nadograđujući postojeće sisteme interakcije koji već postoje u HTML-u, ali i uvodeći nove, koje u HTML-u nije moguće ostvariti.

Na primer, ako želimo da prikažemo prozor sa porukom u nekom trenutku izvršavanja programa ili ako hoćemo da u nekom delu izvršavanja postavimo korisniku pitanje i preuzmemo od njega odgovor. Ako želimo da na osnovu neke akcije korisnika izvršimo neku drugu akciju unutar programa ili ako želimo da na zahtev korisnika izvršimo komunikaciju sa serverom i od njega preuzmemo podatke. Sve su ovo koraci koji ne bi bili mogući da na strani ne postoji JavaScript kod i da web pregledač nije u stanju da taj kod startuje.

Polaznici - Website Building kurs

4. Šta je to UI i JQuery UI?

Korisnički interfejs (UI) je deo programa koji je direktno zadužen za komunikaciju sa korisnikom. Iako nam komunikacija sa programom deluje kao potpuno prirodan postupak, mi to ne bismo mogli uraditi bez kontrola koje program izlaže za nas. Na primer, ako hoćemo da pristupimo sistemu pomoću korisničkog imena i lozinke, unosimo te podatke u polja za tekst, a zatim pritiskamo taster da bismo potvrdili operaciju. Ako hoćemo da odaberemo neku od ponuđenih stavki u programu, koristimo padajući meni. Ako želimo da unesemo datum rođenja, koristimo kontrolu za odabir datuma i slično. Sve pomenute kontrole deo su korisničkog interfejsa jednog programa. 

HTML sadrži ugrađen korisnički interfejs za sve često korišćene korisničke operacije. Ali ovaj interfejs je podrazumevano skromnog izgleda i zahteva dosta posla kako bi bio modifikovan, pa ga često nadograđujemo nekom UI bibliotekom. JQuery UI je popularna biblioteka za upravljanje korisničkim interfejsom.

5. Šta je to AJAX?

Isprva su web aplikacije svaku stranu generisale iznova na svaku akciju korisnika. Ako bi korisnik kliknuo na neki taster ili link, kompletna strana bi morala biti otvorena ponovo.

Da bi se ovaj problem prevazišao, umesto kompletne strane, mogu se učitati ponovo samo delovi koji su izmenjeni. Tehnologija u okviru JavaScripta kojom se ovo omogućava zove se Asinhroni JavaScript i XML (AJAX). Asinhroni zato što se podaci učitavaju asinhrono, a JavaScript zato što se učitavaju pomoću JavaScripta. U najnaprednijoj varijanti korišćenja AJAX-a čak se i ne učitavaju delovi strane, već samo čisti podaci, koji su potrebni programu za kompletiranje izlaza. Ovi podaci isprva su se slali u formatu XML, što objašnjava i poslednji pojam akronima.

Danas je AJAX temelj modernih biblioteka/okvira za JavaScript web aplikacije.

6. Šta je DOM?

DOM (Document Object Model) je programski interfejs za HTML i XML dokumente. DOM omogućava strukturni prikaz dokumenta i definiše način kako se toj strukturi može pristupiti iz programa i kako oni mogu promeniti njegovu strukturu, stil i sadržaj. DOM predstavlja punu objektno orijentisanu reprezentaciju web stranice.

Kad se web strana učita, browser kreira DOM te stranice. Korišćenjem Document Object modela možemo od statičkog HTML-a da napravimo dinamički, i to tako što pomoću JavaScripta možemo:

  • da promenimo sve HTML elemente na stranici,  
  • da promenimo sve HTML atribute na stranici,
  • da promenimo sve CSS stilove na stranici,
  • da uklonimo postojeće HTML elemente i atribute,
  • da dodamo nove HTML elemente i atribute,
  • da reagujemo na postojeće događaje (events) na stranici,
  • da napravimo nove HTML događaje (events) na stranici.

7. Šta je JQuery?

JQuery je JavaScript biblioteka, čija je svrha da olakša upotrebu JavaScripta na web stranicama. Za ono za šta bi vam trebalo da napišete na desetine linija koda u JavaScriptu u JQueryju vam je dovoljna jedna linija koda. JQuery pojednostavljuje pisanje mnogih stvari u odnosu na JavaScript, kao npr. pozive u AJAX-u i DOM manipulaciju.

JQuery biblioteka omogućava i olakšava HTML/DOM manipulaciju, CSS manipulaciju, HTML metode za upravljanje događajima, pravljenje efekata i animacija, rad sa AJAX-om i mnoge druge veoma korisne stvari. Za JQuery postoji i veliki broj napisanih pluginova koji vam mogu dodatno olakšati i ubrzati programiranje efikasnih web aplikacija.

Plan i program predavanja:

1. Bootstrap

  • Uvod, integracija, namena
  • Bootstrap Grid
  • Stilizovanje elemenata korišćenjem Bootstrapa
  • Bootstrap UI komponente

2. Document Object Model

  • Uvod u DOM
  • Rukovanje HTML objektima
  • Korišćenje JS-a za stilizovanje i upravljanje atributima
  • JS i DOM događaji

3. jQuery

  • Uvod, integracija, namena
  • Korišćenje jQueryja za rukovanje DOM-om
  • jQuery događaji
  • jQuery animacija

4. Vektorska grafika na webu

  • SVG
  • Skupovi vektorskih ikonica (Font Awesome, Fontello...)

5. Integracija popularnih platformi

  • Mape (Google Maps, OpenStreetMap)
  • Društvene mreže (Facebook, Instagram, Twitter)

3 načina da dobijete odlično plaćen posao

Spremili smo dokument koji otkriva tri pouzdana načina za dolazak na dobro plaćenu poziciju za stručan rad sa računarima. Preuzmite izveštaj ovde.

Da li ima mesta? Upisni rok je otvoren!

Da saznate sve o upisu, kliknite ovde