fbpx

Detalji o kursu

Home   /   Web programiranje – online

Informacije o kursu

  • Trajanje:Self-paced (oko dva mjeseca)
  • Predznanje:Jedan programski jezik
  • Predavač:Stevan Čakić
  • Cijena Privremeno zatvorene

Web programiranje – online

Stevan Čakić Introduction

Preuzmite plan i program kursa i saznajte šta ćete naučiti tokom obuke.

Plan i program

Ako možete da odradite zadatke u bilo kom programskom jeziku neće biti problema da pratite ovaj kurs.

Pročitati pojašnjenja i napomene na samom kraju teksta.

U okviru prvog dijela kursa upoznaćete se sa pisanjem HTML koda, stilskim jezikom CSS kojim se definiše izgled HTML stranica, kao i programiranjem u JavaScriptu (od osnovnih do naprednih stvari).

Kandidati koji uspješno završe prvi dio kursa (kriterijumi definisani na kraju teksta), biraće u kom smjeru će se dalje usavršivati:

  • Razvoj interfejsa web i mobilnih aplikacija (React i React Native)
  • Obrada podataka (NodeJS, baze podataka)

A sada malo opšte priče o webu.

World Wide Web, ili skraćeno Web, je danas jedan od najpopularnijih mehanizama za širenje informacija među ljudima. Pomoću weba možemo prezentovati informacije koje se sastoje od riječi, slika, video i audio zapisa – i sve to bez dodatnog softvera koji korisnik instalira na svom računaru (dovoljno je da ima bilo koji web pretraživač: Internet Explorer, Firefox, Chrome, Opera i sl.). Pored toga što putem Weba korisnici mogu da primaju informacije, mogu i da kreiraju sopstvene web stranice i da na taj način oni postaju izvor informacija za druge.

 

Web programiranje - online

 

HTML (Hyper Text Markup Language) je tzv. jezik za označavanje hiper tekstova, tj. HTML  se na prvom mjestu koristi kada je potrebno kreirati određenu web stranicu uz primjenu različitih tekstualnih editora. HTML je standardizovani opisni jezik, koji se primjenjuje za definisanje strukture tekstova, medija i ugrađenih objekata u okviru web stranica. Osnovnu primjenu ovaj jezik nalazi u situaciji kada je potrebno odvojiti konkretne elemente na jednoj stranici, tako da se uz primjenu HTML tagova može precizno definisati gdje treba da se nalazi naslov, na primjer, ali i svi ostali elementi koje sadrži ta stranica. A u okviru standarda koji pomenuti jezik koristi su već implementirani elementi čija je primarna svrha opisivanje karakteristika određene stranice, kao što su recimo ključne riječi ili opis sadržaja. Sve te informacije važe za takozvane „meta podatke” i svakako su vrlo precizno odvojeni od sadržine same stranice, tj. HTML dokumenta.

CSS (Cascading Style Sheets) je stilski jezik pomoću kojeg se definiše izgled elemenata web stranice. CSS omogućava dodavanje različitih stilova HTML elementima kao što su: veličina i vrsta slova, pozadinske boje, okviri, položaj elemenata, margine, itd…
U početku je na sebe ovu ulogu preuzimao sam HTML. Kako su vremenom sajtovi bili sve kompleksniji, kod je postao veoma nečitljiv i komplikovan za održavanje. Tada je postalo jasno da se mora uvesti neka nova metoda koja bi riješila ovaj problem. Rješenje je došlo sredinom 90-ih godina u vidu CSS-a, tada nazvanog CHSS.
Svrha CSS-a je, zapravo, odvajanje stila od samog sadržaja web stranice.

Javascipt je tzv. objektni skriptni jezik, čija je osnovna svrha korišćenja vezana za poboljšanje dinamike web stranica. Uz HTML i CSS, JavaScript je jedan od tri glavna temelja razvoja web stranica.  Kada posjetite web-lokaciju koja upotrebljava JavaScript jezik, vaš pretraživač prima puni JavaScript kod, i interpretira ga na licu mjesta pomoću JavaScript engina.

Program koji obrađuje i izvršava skripte zove se interpreter. Interpreter za JavaScript ugrađen je u većinu današnjih internet pretraživača. Interpreter čita kod i prevodi ga u mašinski jezik svakog puta kada se pokrene skripta. Svaki jezik koji se interpretira, tj. koji izvršava interpreter, naziva se skriptni jezik. On pomaže klijentskoj strani u interakciji sa web stranicama čije su funkcionalnosti prethodno definisane u Javascript jeziku.

Ako pogledamo najpopularniju platformu za programere GitHub, možemo vidjeti da su Java i JavaScript dva najpopularnija programska jezika na svijetu, a slijede ih Python, PHP i Ruby. Ipak, uprkos sličnim imenima, Java i JavaScript nisu povezani. Iako je nastanak JavaScripta prvenstveno vezan za programski jezik Java koji je objektno-orijentisan, on nema skoro nikakve veze sa objektno-orijentisanim jezicima. Jedina zajednička stvar za ova dva programska jezika jeste sintaksa koja je nalik programskom jeziku C, odakle su je i naslijedili.

 

Web programiranje - online

 

Kako se JavaScript koristi u stvarnom svijetu?

  • Web-aplikacije – Kao što smo već spomenuli JavaScript se može upotrebljavati za razvoj web stranica u front-end i back-end dijelu. Front-end uključuje manipulisanje DOM-om web stranica (na primjer: animacije, umetanja podataka, asinhrona ažuriranja), a za back-end uključuje logiku poslužitelja (npr. usmjeravanje, rukovanje podacima, interakcije s bazama podataka). Neki JavaScript frameworkovi rade oboje, što se zove „full-stack” ili cjelokupni razvoj weba. Nakon završetka početnog dijela kursa kandidati će moći da se odluče da li će da nastave da uče front-end (React i React Native), gdje će se dublje baviti upravljanjem interfejsa aplikacije ili back-end gdje će se baviti obradom i bazama podataka (NodeJS i MongoDB). Naći ćete PayPal u svakoj listi aplikacija izgrađenih preko Node.jsa (višeplatformsko JavaScript radno okruženje otvorenog koda  za izvršavanje JavaScripta na serverskoj strani). Za ogroman saobraćaj Ebay je morao da ide sa dokazanom tehnologijom. Node.js kao dio tehnološkog stacka JavaScripta je dobro odgovarao ovom e-commerce gigantu. „Node.js pomaže NASA-i da sačuva astronaute”. Potpuno neočekivana izjava i instanca na listi primjera aplikacija Node.js, zar ne? Iako nije baš aplikacija, ovaj Node.js projekat za svemirsku agenciju prikazuje snagu JS tehnologije. Posle jednog opasnog incidenta u svemiru, NASA je saznala da će podaci biti rasuti na mnogim lokacijama. Odlučili su da izgrade sopstveni end-to-end sistem podataka i za to odabrali Node.js. NASA je premjestila sve u cloud i konstruisala Node.js arhitekturu. Oni su koristili veb API za povezivanje dva okruženja. Kao rezultat: jedna baza podataka za sve kao i  smanjenje vremena pristupa za 300%. U stvarnom životu, ove brojke znače sigurnije uslove za astronaute da žive i rade u svemiru. Neki od svjetski poznatih brendova koji koriste popularni JS za izgradnju svojih platformi su i Netflix, Uber, LinkedIn…
  • Desktop aplikacije – JavaScript se može skinuti sa interneta i upakovati u samostalni desktop softver pomoću frameworka poput Electron i NW.js (nekada Node-Webkit). To se obavlja grupisanjem JavaScript engina unutar izvršne datoteke, koja izvršava HTML/CSS/JS naredbe unutar samostalnog prozora na radnoj površini. Na tržištu postoji mnogo popularnih desktop aplikacija koje su napravljene na ovaj način, neke od njih su: VS Code, Atom, Slack, Skype itd.
  • Mobilne aplikacije – Framework poput React native ili  PhoneGap omogućavaju izradu mobilnih aplikacija pomoću JavaScripta. Ovi frameworkovi imaju tendenciju da se mogu svrstati u dvije vrste: one koje prevode JavaScript u izvorni kod i one koji upotrebljavaju JavaScript engine za prikazivanje kao samostalna aplikacija. Najpopularnije mobilne aplikacije napravljene preko JavaScript framework-a su : Facebook, Instagram, Skype, Walmart, SoundCloud, Tesla, Wix, adidas GLITCH, Pinterest…

Pojašnjenje i napomene: Po završetku prve/osnovne obuke, kandidat se opredjeljuje za jedan od dva pravca razvoja. Ukoliko nakon prvog dijela obuke kandidat želi dublje da se bavi razvojem interfejsa, preporuka je da izabere React i ReactNative (frontend) kurs, a ako se kandidat više zainteresuje za rad sa bazama podatka, obradu podataka, API kreiranje, i slično, preporuka je da odabere drugi pravac, tj. NodeJS i MongoDB (backend). Takođe, ukoliko se kandidat zainteresuje za obje oblasti, pružamo mogućnost da prati oba kursa.

Pristup NodeJS i ReactJS kursevima dobiće samo oni kandidati koji odrade sve domaće zadatke i freeCodeCamp (HTML, CSS i JavaScript oblasti) i to pošalju na mail support@developers-lab.me ili developers.lab.me@gmail.com. Takođe, po završetku kursa, ukoliko kandidat odluči da dalje prati kurseve, dobiće pristup Slacku. Osim toga, obaviće se kratak Zoom intervju sa mentorom.

Srećno svima 🙂