loader image
100 dana kodiranja Web development

100 dana kodiranja: Web development

Šta ćeš naučiti na kursu

Opis kursa

Želite da postanete web programer?

OVAJ KURS JE ZA POČETNIKE I NAPREDNE PROGRAMERE!

Naučiće vas web razvoju i pretvoriti vas u web programera za 100 dana – ili će vam omogućiti da osvežite ključne stvari i proširite svoje postojeće znanje!

Postati web programer je odličan izbor jer veb razvoj otvara mnoge karijerne puteve, a veštine razvoja weba su potrebne u skoro svakom poslu koji danas postoji – i naravno to će se samo povećati u budućnosti!

Ne radi se samo o websajtovima – radi se i o uslugama „iza kulisa“ koje koriste mobilne aplikacije kao što su Uber ili AirBnB. Reč je o bogatim web aplikacijama kao što su Google dokumenti, kao i igrama pretraživača. I naravno takođe o redovnim websajtovima kao što je Facebook, onlajn blogovima, onlajn prodavnicama kao što je Amazon i mnogo, mnogo više!

Stoga nije ni čudo što su web programeri veoma traženi! I, pored sjajnih perspektiva za posao, kao web programer, možete, naravno, lako da izgradite sopstveni digitalni posao!

Ovaj kurs je za vas!

Ovaj kurs će vas naučiti web razvoju iz temelja i zahvaljujući „100 Dais Of Code Challenge-u“ koji je uključen u ovaj kurs (iako je opciono da se posvetite tome!), možete postati web programer za 100 dana uz pomoć ovog kursa!

Za početak ovog kursa nije potrebno nikakvo prethodno znanje o web razvoju. Istražićemo sve važne osnove, sve osnove i sve ključne koncepte zajedno, korak po korak.

Ali ovaj kurs je takođe za napredne studente koji već imaju znanje o veb razvoju! To je dubinski kurs i stoga ćete moći da proširite svoje postojeće znanje tako što ćete dublje uroniti u ključne osnove kao što su HTML, CSS ili NodeJS, kao i tako što ćete istražiti napredne koncepte kao što su rukovanje plaćanjima, izgradnja REST API-ja ili bezbijednost websajta.

Pošto je to ogroman kurs, kurs je izgrađen na modularan način. To znači da možete da idete korak po korak, predavanje po predavanje, ali takođe možete da skočite direktno u delove kursa koji su vam najinteresantniji. Naravno, preporučujemo pristup „korak po korak“ za početnike – jednostavno zato što se sva predavanja i sekcije nadograđuju jedni na druge. Ali kao iskusniji programer, naravno možete preskočiti osnove koje vam nisu zanimljive!

Izazov 100 dana koda

Napravili smo ovaj kurs imajući na umu „100 Dais Of Code Challenge“ – izazov (koji nismo mi izmislili) koji ima za cilj da vas motiviše da kodirate najmanje 1 sat dnevno tokom 100 dana.

Pošto je ovo ogroman kurs (sa oko 80 sati sadržaja!), može biti veoma težak. A znamo da mnogi studenti nikada ne završe kurs.

To je šteta, jer ovaj kurs je prepun sadržaja, vežbi, kvizova, zadataka i demo projekata! Pravimo igricu pretraživača, blog, veb lokaciju za putovanja, onlajn prodavnicu i još mnogo, mnogo više.

Stoga, dajemo jasne smernice o tome kako možete da pohađate ovaj kurs od A do Z u roku od 100 dana tako što ćete potrošiti 1 do 2 sata dnevno gledajući video zapise i učeći. Kao deo kursa, dobijate pristup pratećoj web stranici koja pruža jasnu strukturu, a takođe ćete pronaći napomene direktno u nastavnom planu i programu kursa.

Naravno, prihvatanje ovog izazova „100 dana“ je potpuno opciono! Kurs možete pohađati i svojim tempom i preskočiti bilo koji sadržaj koji vas ne zanima!

Probajte bez rizika

Ovaj kurs dolazi sa 30-dnevnom garancijom povrata novca. Ako otkrijete da to nije za vas, možete dobiti svoj novac nazad, bez pitanja!

Šta ćete naučiti

Ovo je ogroman kurs, prepun sadržaja i to je početni kamp za web razvoj koji bismo voleli da imamo kada smo učili web razvoj.

Evo rezimea ključnih koncepata koje ćemo istražiti u okviru ovog kursa:

  • Kako web funkcioniše
  • Osnovne tehnologije: HTML, CSS i JavaScript
  • Shvatite kako su HTML dokumenti strukturirani i kako se HTML elementi pravilno koriste
  • Naučite osnovne CSS koncepte kao što su model kutije, fleksboks, pozicioniranje, jedinice i još mnogo toga
  • Istražite napredne CSS koncepte kao što su pravljenje websajta koje reaguju, rasporedi, prilagođena CSS svojstva, CSS mreža i još mnogo toga
  • Naučite JavaScript na strani pretraživača od samog početka
  • Shvatite šta je „DOM“ i kako njime možete da manipulišete preko JavaScript-a
  • Istražite događaje pregledača/korisnika i kako da njima rukujete pomoću JavaScript-a
  • Napravite mnoštvo projekata (npr. Tic-Tac-Toe igricu pretraživača) da biste vežbali i u potpunosti razumjeli sve ove tehnologije
  • Uronite u razvoj pozadinskog dela uz NodeJS i EkpressJS
  • Saznajte šta je NodeJS i kako funkcioniše
  • Napravite osnovne web-sajtove vođene pozadinom sa naprednim konceptima kao što su dinamičko rutiranje ili dinamički šabloni
  • Naučite kako da radite sa bazama podataka – SKL & NoSKL (i šta je to)
  • Vežbajte kako da koristite SKL / NoSKL sa NodeJS & Ekpress-om
  • Uronite u napredne koncepte kao što su autentifikacija, bezbednost veb lokacije, obrasci kodiranja, otpremanje datoteka, validacija korisničkog unosa i još mnogo toga!
  • Opet: Napravite mnogo projekata (npr. kompletnu prodavnicu na mreži, od samog početka!) da biste takođe vežbali sve napredne koncepte
  • Naučite kako da koristite pakete i usluge treće strane (npr. Stripe za plaćanja) na svojim veb lokacijama
  • Pređite na specijalizovanije, naprednije koncepte kao što je pravljenje REST API-ja
  • Istražite frontend JavaScript okvire kao što je Vue.js da biste napravili još moćniji veb korisnički interfejs
  • I još mnogo toga – jednostavno pogledajte cijeli nastavni plan i program da biste dobili kompletnu listu!
Prikaži više

Kome je ovaj kurs namjenjen?

  • Studentima početnicima i naprednim programerima koji se bave web razvojem;
  • Studentima koji nemaju apsolutno nikakvo iskustvo u razvoju web-a i žele da postanu web programeri;
  • Iskusnim web programerima kojima je potrebna sveobuhvatna referenca ili žele da zarone u naprednije teme, kao i da osveže osnove;
  • Svim studentima koji su zainteresovani za istraživanje brojnih primjera kurseva i vježbi;

Plan i program

  • Dobro došli na kurs;
  • Šta je Web development i kako on funkcioniše;
  • Tri ključna programska jezika;
  • Kako funkcioniše Web?;
  • Više o “www”;
  • Izazov: 100 dana kodiranja!;
  • Kako izvući maksimalno iz ovog kursa?;
  • Zaglavljeni u kursu? Mi te pokrivamo!;
  • Pridruži se zajednici;
  • Kako koristiti dodati kod?;
  • Uvod u modul [1. dan];
  • Kako napraviti web sajt [1. dan];
  • Pravljenje naše prve HTML stranice [1. dan];
  • Postavljanje razvojnog okruženja [Dan 2];
  • Zašto Visual Studio Code? [Dan 2];
  • Razumijevanje HTML elemenata [Dan 2];
  • Koji HTML elementi postoje? [Dan 2];
  • Dodavanje drugog HTML elementa [Dan 2];
  • Istraživanje HTML atributa [Dan 2];
  • Provjera učenja: osnove HTML-a [2. dan];
  • Početak rada sa CSS-om (2. dan);
  • Još CSS stilova [Dan 2];
  • Rad sa bojama [dan 3];
  • Formatiranje našeg koda [Dan 3];
  • Rad sa alatkama za programere pretraživača [3. dan];
  • Dodavanje veze [dan 3];
  • Možete ugnijezditi HTML elemente! [Dan 3];
  • Korišćenje globalnih CSS stilova [dan 3];
  • Formatiranje CSS koda [dan 3];
  • Kostur i metapodaci HTML dokumenta [3. dan];
  • Visual Studio Code Shortcuts & Tricks [Dan 3];
  • Komentari koda [dan 3];
  • Prvi rezime [Dan 3];
  • Provjera učenja: osnove HTML-a i CSS-a [3. dan];
  • Stiliziranje sidrenog elementa takođe pomoću pseudo lebdenja [4. dan];
  • Zašto se to zove kaskadni stilski listovi [4. dan];
  • Čuvanje CSS koda u spoljnim datotekama [4. dan];
  • Sintaksa elementa Void [4. dan];
  • Više datoteka i zahteva [4. dan];
  • Izbor pojedinačnih elemenata pomoću ID selektora [4. dan];
  • Rad sa “font-size” i “pk” [4. dan];
  • Korišćenje drugih fontova iz Google fontova [4. dan];
  • Razumijevanje kako HTML i CSS rukuju tekstom i razmakom [5. dan];
  • Dodavanje slike [dan 5];
  • Oblikovanje slike i korišćenje oznake tela [5. dan];
  • Stiliziranje ukupne pozadine stranice [dan 5];
  • Dodavanje druge HTML datoteke [dan 5];
  • Reč o konvencijama imena datoteka [dan 5];
  • Provjera učenja: Više HTML i CSS funkcija [5. dan];
  • Vrijeme je za vježbanje – Vaš prvi izazov! [Dan 5];
  • Korišćenje deljene CSS datoteke [dan 5];
  • Organizovanje izvornih datoteka u fascikle [dan 5];
  • Rezime [dan 5];
  • Uvod u modul [6. dan];
  • Korišćenje proširenja servera uživo [6. dan];
  • Razvojni server i adresa lokalnog websajta [6. dan];
  • Razumijevanje lista [6. dan];
  • Pravljenje lista [6. dan];
  • Razumijevanje roditelja, dece, kontejnera i još mnogo toga [6. dan];
  • Razumijevanje kaskada, nasleđa i specifičnosti [6. dan];
  • Oblikovanje stranice cijele nedelje [6. dan];
  • Predstavljamo CSS Bok model [7. dan];
  • Korišćenje CSS Bok modela [7. dan];
  • Kreiranje HTML izgleda [7. dan];
  • Teorija: selektori i kombinatori [7. dan];
  • Korišćenje selektora i kombinatora [7. dan];
  • Razumijevanje časova [7. dan];
  • Blok protiv ugrađenih elemenata [7. dan];
  • Razlike u stilu između blokova i umetnutih elemenata [8. dan];
  • Razumijevanje kolapsa marže [8. dan];
  • Svojstvo “kutija-senka” [8. dan];
  • Vaš izazov! [Dan 8];
  • Kreiranje HTML izgleda [Dan 8];
  • Stiliziranje glavnog odeljka [8. dan];
  • Oblikovanje slika i rad sa negativnim marginama [8. dan];
  • Završni radovi [8. dan];
  • Rezime modula [Dan 8];
  • Lista svih CSS selektora [Dan 8];
  • Uvod u modul [9. dan];
  • Vaš zadatak! [Dan 9];
  • Kreiranje osnovne strukture [9. dan];
  • Dodavanje sadržaja zaglavlja [Dan 9];
  • Dodavanje stila zaglavlja [Dan 9];
  • Razmak i model CSS kutije [Dan 9];
  • Dodavanje glavnog sadržaja [Dan 9];
  • Stiliziranje glavnog sadržaja [10. dan];
  • Stavke i veze sa liste stilova [10. dan];
  • Dodavanje podnožja [10. dan];
  • Predstavljamo nove HTML elemente [10. dan];
  • Organizovanje naših datoteka [10. dan];
  • Rezime modula [10. Dan];
  • Uvod u modul [11. dan];
  • Šta je „Hosting“ i „Primena“? [11. dan];
  • Hostovanje prve statičkog websajta (primjer primjene na Netlifi) [11. dan];
  • Više informacija o Netlifi-u i HTTPS-u [11. dan];
  • Dodavanje favikona [11. dan];
  • Relativni vs apsolutni putevi [11. dan];
  • Podelite svoju veb stranicu! [11. Dan];

 

  • Uvod u modul [11. dan];
  • Šta su Git i GitHub? [11. dan];
  • Interfejs komandne linije (CLI) naspram grafičkog korisničkog interfejsa (GUI) [11. dan];
  • Opciono: MacOS Terminal (z Shell) ubrzani kurs [11. dan];
  • Opciono: Ubrzani kurs Vindovs komandne linije (cmd) [12. dan];
  • Git: instalacija MacOS-a [12. dan];
  • Git: windows instalacija [12. dan];
  • Razumijevanje osnova Git-a [12. dan];
  • Inicijalizacija spremišta i kreiranje našeg prvog urezivanja [12. dan];
  • Aktiviranje „Code Lenses“ u Visual Studio Code [13. dan];
  • Razumijevanje grananja, spajanja i rešavanja konflikata spajanja [13. dan];
  • Brisanje grananja i urezivanja, vraćanje postepenih i neizvršenih promena [13. dan];
  • Napred na GitHub – Šta i zašto? [13. dan];
  • Kreiranje GitHub naloga i udaljenog spremišta [13. dan];
  • Razumijevanje tokena ličnog pristupa i „git klona“ [14. dan];
  • Saradnja na projektima – saradnici i organizacije [14. dan];
  • Doprinos projektima – zahtevi za viljuške i povlačenje [14. dan];
  • Završi [14. Dan];

 

  • Uvod u modul [15. dan];
  • Pregled projekta – Šta ćemo izgraditi [15. dan];
  • Podešavanje projekta [15. dan];
  • Kreiranje strukture odredišne stranice [15. dan];
  • Dodavanje logotipa stranice [15. dan];
  • Dodavanje navigacije po stranici [15. dan];
  • Predstavljamo CSS Flekbok [15. dan];
  • Poravnavanje Flek stavki [15. dan];
  • Vaš Flexbox izazov! [16. dan];
  • Dodavanje Flexbox-a u naš projekat [16. dan];
  • Dodavanje pozadinske slike [16. dan];
  • Pravljenje kontejnera za herojski sadržaj [16. dan];
  • Elementi pozicioniranja [16. dan];
  • Oblikovanje sadržaja heroja [16. dan];
  • Razumijevanje fiksnog i apsolutnog pozicioniranja [16. dan];
  • Rad sa % jedinica i kreiranje gornje trake za navigaciju [17. dan];
  • Završavanje zaglavlja [17. dan];
  • Predstavljamo odeljak „Istaknuto“ [17. dan];
  • Kreiranje HTML koda [17. dan];
  • Izgradnja Flex kontejnera [17. dan];
  • Flex Item Layout [17. dan];
  • Oblikovanje slika sa “object-fit” [17. dan];
  • Tekst za stilove [17. dan];
  • Pročitajte: Dodavanje „justify-content“ [17. dan];
  • Razumijevanje roditelja – kolaps margine deteta [18. dan];
  • Rad sa CSS funkcijama – linearni gradijenti [18. dan];
  • Sledeći korak [18. dan];
  • Kreiranje odeljka podnožja [18. dan];
  • Oblikovanje podnožja [18. dan];
  • Stranica Mesta – Pregled i pripreme [18. dan];
  • Kreiranje sadržaja kartice [18. dan];
  • Korišćenje „pozicije: statički“ [18. dan];
  • Kreiranje izgleda kartice [19. dan];
  • Razumijevanje „prelivanja“ i vašeg izazova! [19. dan];
  • Rješavanje izazova [19. dan];
  • Pravljenje svih kartica [19. dan];
  • CSS Grid – teorija [19. dan];
  • Razumijevanje selektora “nth-tipe” & “grid-template-columns” [19. dan];
  • Vaš Grid izazov [20. dan];
  • Rad sa Unicode UTF-8 [20. dan];
  • Završni detalji [20. dan];
  • Rezime modula [20. dan];
  • Opciono: Ronjenje dublje u „poziciju“, Flekbok & Grid [20. Dan];
  • Uvod u modul [20. dan];
  • Pregled projekta [20. dan];
  • Molimo pročitajte: fakultativna predavanja [20. dan];
  • Opciono: Vaš izazov – Kreiranje HTML strukture [20. dan];
  • Opciono: Rješenje izazova – HTML struktura [20. dan];
  • Opciono: stilizovanje zaglavlja [21. dan];
  • Opciono: Oblikovanje “glavnog” odeljka [21. dan];
  • Šta je responzivni dizajn? [21. dan];
  • Problem sa pikselima [21. dan];
  • Predstavljamo „em“ i „rem“ [21. dan];
  • Primena „em“ i „rem“ za veličinu fonta [22. dan];
  • Duboko zaron: “em” vs “rem” vs “%” [22. dan];
  • Ažuriranje projektnih jedinica [22. dan];
  • Poređenje prvog dizajna za računare i mobilne uređaje [22. dan];
  • Razumijevanje medijskih upita [22. dan];
  • Dodavanje medijskih upita projektu [23. dan];
  • Vaš izazov za medijske upite! [23. dan];
  • Bočna fioka i ikona hamburgera – teorija [23. dan];
  • Kreiranje dugmeta za hamburger [23. dan];
  • Pravljenje bočne fioke [23. dan];
  • Razumijevanje HTML fragmenata [23. dan];
  • Razumijevanje birača ciljeva [24. dan];
  • Završavanje bočne fioke [24. dan];
  • Predstavljamo svojstvo “z-index” [24. dan];
  • Rezime modula [24. Dan];
  • Uvod u modul [24. dan];
  • Tri stvari koje treba imati na umu [24. dan];
  • Predstavljamo projekat modula [24. dan];
  • Veličina i razmak [24. dan];
  • Odabir pravog fonta [24. dan];
  • Razumijevanje važnosti sive, primarnih i akcentnih boja [24. dan];
  • Predstavljamo CSS promenljive / CSS prilagođena svojstva [25. dan];
  • CSS promjenljive u akciji [25. dan];
  • Poređenje selektora „root“ vs „html“ vs „*“ [25. dan];
  • Razumijevanje CSS transformacija [25. dan];
  • Dodavanje CSS prelaza [25. dan];
  • Rad sa SVG-ovima [25. Dan];
  • Uvod u modul [26. dan];
  • Šta i zašto [26. dan];
  • Važni HTML elementi obrasca [26. dan];
  • Naš prvi ulazni element [26. dan];
  • Dodavanje dugmeta [26. dan];
  • Element obrasca, podnošenje obrasca i različite vrste zahteva [26. dan];
  • Oblikovanje elementa forme [27. dan];
  • Dodavanje oznaka [27. dan];
  • Detaljnije oblikovanje formi [27. dan];
  • Razumijevanje različitih tipova unosa [27. dan];
  • Razumijevanje e-pošte, brojeva, lozinki i tipova datuma [27. dan];
  • Rad sa radio dugmadima [27. dan];
  • Korišćenje polja za potvrdu [28. dan];
  • Element Textarea za duži tekst [28. dan];
  • Dodavanje padajućeg menija [28. dan];
  • Oblici i semantika (strukturiranje formi) [28. dan];
  • Više o dugmadima obrasca [28. dan];
  • Atributi validacije [28. dan];
  • Više atributa unosa i obrasca [28. dan];
  • Vaš izazov! [29. dan];
  • Izazov: struktura i stil osnovne stranice [29. dan];
  • Provjera učenja: Web obrasci [29. dan];
  • Izazov: Prvi set ulaznih elemenata [29. dan];
  • Izazov: dodavanje preostalih elemenata [29. dan];
  • Izazov: Podnošenje i validacija [29. dan];
  • Izazov: stilizovanje [29. dan];
  • Uvod u modul [29. dan];
  • Šta je JavaScript i zašto bismo ga koristili? [29. dan];
  • Šta ćete naučiti u ovom modulu [29. dan];
  • Predstavljamo vrijednosti i promjenljive [29. dan];
  • Dodavanje HTML elementa “skripta” [30. dan];
  • Rad sa vrijednostima i osnovnim JavaScript komandama [30. dan];
  • Predstavljanje promjenljivih („Kontejneri podataka“) [30. dan];
  • Bliži pogled na JavaScript sintaksu [30. dan];
  • Druga promjenljiva i vrijeme za vježbanje! [30. dan];
  • Outsourcing JavaScript koda u spoljne datoteke [30. dan];
  • Predstavljamo nizove (upravljanje listama podataka) [30. dan];
  • Predstavljanje objekata (grupisanje povezanih podataka) [30. dan];
  • Podela koda u više redova [31. dan];
  • Pristup svojstvima objekta [31. dan];
  • Izvođenje operacija [31. dan];
  • Napred do prilagođenih komandi! [31. dan];
  • Predstavljamo funkcije [31. dan];
  • Funkcije i varijable [31. dan];
  • Povratne vrijednosti u funkcijama [31. dan];
  • Prosleđivanje podataka u funkcije sa parametrima [31. dan];
  • Funkcije – rezime [31. dan];
  • Vrijeme za vježbanje: problem [32. dan];
  • Vrijeme za vježbanje: rešenje [32. dan];
  • Predstavljamo metode [32. dan];
  • Olakšavanje života našeg programera (Evidentiranje pomoću console.log()) [32. dan];
  • Matematičke operacije i rad sa različitim vrstama vrijednosti [32. dan];
  • Operator modula [32. dan];
  • Matematičke operacije i matematička pravila [32. dan];
  • Izvođenje string (tekstualnih) operacija [32. dan];
  • JavaScript operatori, stenografski operatori i tipovi vrijednosti [32. dan];
  • Operacije niza i metode stringova [32. dan];
  • Osnovne operacije niza [33. dan];
  • Podjela JavaScript koda na više datoteka [33. dan];
  • Rezime modula [33. dan];
  • Provjera naučenog: Osnove JavaScripta [33. dan]
  • Uvod u modul [33. dan];
  • Naše početne postavke [33. dan];
  • Globalni “prozor” i objekti “dokumenta” [33. dan];
  • Šta je “DOM”? [33. dan];
  • Istraživanje DOM-a [33. dan];
  • Udubljivanje u DOM za odabir i promenu HTML elemenata [33. dan];
  • Ispravno učitavamo našu skriptu [33. dan];
  • DOM stablo i DOM obilazak [33. dan];
  • Udubljivanje u DOM i istraživanje tekstualnih čvorova [34. dan];
  • DOM ograničenja bušenja [34. dan];
  • Pretraživanje elemenata u DOM-u [34. dan];
  • Elementi upita [34. dan];
  • Uobičajene metode upita [34. dan];
  • Vrijeme za vježbanje: problem [34. dan];
  • Vrijeme za vježbanje: rješenje [34. dan];
  • Sledeći koraci [34. dan];
  • Umetanje novih HTML elemenata preko JavaScript-a [34. dan];
  • Brisanje DOM elemenata [35. dan];
  • Pomijeranje postojećih elemenata [35. dan];
  • Rad sa “innerHTML” [35. dan];
  • Provjera naučenog: JavaScript i DOM [35. dan];
  • Predstavljamo događaje [35. dan];
  • Dodavanje slušaoca događaja sa prvim klikom [35. dan];
  • Slušanje događaja korisnika [35. dan];
  • Objekat “događaj” [35. dan];
  • Provjera naučenog: JavaScript i DOM događaji [35. dan];
  • Realističniji demo i primjer [36. dan];
  • Predstavljamo „Konstantne varijable“ („Konstante“) [36. dan];
  • Promena stilova elemenata pomoću JavaScript-a [36. dan];
  • Upravljanje CSS klasama pomoću JavaScript-a [36. dan];
  • Rezime modula [36. dan];
  • Vrijeme za vježbanje: problem [37. dan];
  • Vrijeme za vježbanje: rješenje [37. dan];

 

  • Uvod u modul [37. dan];
  • Početak rada sa „Kontrolnim strukturama“ [37. dan];
  • Predstavljamo logičke vrijednosti („Boolean“) i operatore poređenja [37. dan];
  • Bulovi i operatori poređenja u akciji [37. dan];
  • Korišćenje logičkih vrijednosti u „if“ izjavama (uslovno izvršenje koda) [37. dan];
  • Pravi primjer [38. dan];
  • Alternative sa “else” i “else if” [38. dan];
  • Više o logičkim vrijednostima [38. dan];
  • „Istinite“ i „Lažne“ vrijednosti [38. dan];
  • Provjera naučenog: izjave if“ [38. dan];
  • Predstavljamo petlje (ponovljeno izvršavanje koda) [38. dan];
  • Uobičajena petlja „for“ [38. dan];
  • „for-of“ petlja (za nizove) [38. dan];
  • Korišćenje redovne „for“ petlje sa nizovima [38. dan];
  • Petlja „for-in“ (za objekte) [38. dan];
  • Petlja “while” [38. dan];
  • Vrijeme za vježbanje: podešavanje i petlja „for“ [39. dan];
  • Vrijeme za vježbanje: petlja “for-of” [39. dan];
  • Vrijeme za vježbanje: petlja „for-in“ [39. dan];
  • Vrijeme za vježbanje: petlja „while“ [39. dan];
  • Rezime modula [39. dan];
  • Provjera naučenog: petlje [39. dan];
  • Uvod u modul [40. dan];
  • Planiranje projekta [40. dan];
  • Kreiranje HTML strukture [40. dan];
  • Dodavanje stilova osnovne stranice [40. dan];
  • Dodavanje stila za oblast konfiguracije igre [41. dan];
  • Oblikovanje table za igre [41. dan];
  • Dodavanje JavaScript-a, datoteka skripte i slušalaca prvog događaja [41. dan];
  • Prikazivanje i sakrivanje modala konfiguracije (preklapanje) [41. dan];
  • Rukovanje slanjem obrasca pomoću JavaScript-a [42. dan];
  • Potvrđivanje korisničkog unosa pomoću JavaScript-a [42. dan];
  • Čuvanje i upravljanje dostavljenim podacima [42. dan];
  • Dodavanje logike za početak igre [43. dan];
  • Upravljanje rundama igre (okretima) i izborom polja [43. dan];
  • Praćenje izabranih polja na tabli za igru [43. dan];
  • Provjera pobjednika ili izvlačenje [44. dan];
  • Završetak igre i dodavanje logike ponovnog pokretanja [44. dan];
  • Rezime modula [44. dan];
  • Uvod u modul [45. dan];
  • Šta i zašto? [45. dan];
  • Kod treće strane u odnosu na prilagođeni kod („Vaš sopstveni kod“) [45. dan];
  • Prvi primjer: Dodavanje Bootstrap-a za neki podrazumijevani stil [45. dan];
  • Dodavanje i korišćenje Bootstrap CSS paketa [45. dan];
  • Dodavanje JavaScript paketa [45. dan];
  • Dodavanje vrteške / galerije slika sa paketom treće strane [45. dan];
  • Kombinovanje paketa treće strane sa prilagođenim kodom [45. dan];
  • Više Bootstrap primjera [45. dan];
  • Rješenje za vježbu i prvi rezime [45. dan];
  • Drugi primjer: Priprema paralakse stranice [45. dan];
  • Dodavanje paketa paralaks efekata [46. dan];
  • Pregled izvornog koda i rezimea modula treće strane [46. dan];
  • Uvod u modul [46. dan];
  • Šta je „pozadinski dio“ i zašto nam je potreban kod na strani servera? [46. dan];
  • Dinamičke web stranice protiv statičkih websajtova [46. dan];
  • Frontend vs Backend vs Fullstack razvoj [46. dan];
  • Izbor pozadinskog (na strani servera) programskog jezika [46. dan];
  • Provjera naučenog: Frontend vs Backend [46. dan];
  • Uvod u modul [47. dan];
  • Instaliranje NodeJS-a [47. dan];
  • Izvršavanje NodeJS koda [47. dan];
  • Kreiranje prilagođenog NodeJS servera [47. dan];
  • Obrada zahtjeva i kreiranje prilagođenih odgovora [47. dan];
  • Radite više poslova na strani servera [47. dan];
  • Provjera naučenog: Osnove NodeJS [47. dan];
  • Rezime [47. dan];
  • Uvod u modul [48. dan];
  • Instaliranje Express-a sa “npm” [48. dan];
  • Kreiranje servera sa ekspresnim i rukovanjem zahtevima + odgovorima [48. dan];
  • Parsing korisničkih podataka pomoću Ekpress-a [48. dan];
  • Čuvanje podataka u fajlovima (na strani servera) [48. dan];
  • Više o „JSON“ formatu [49. dan];
  • Čitanje podataka datoteke i vraćanje dinamičkih odgovora (dinamički HTML kod) [49. dan];
  • Poboljšanje toka rada programera pomoću “nodemona” [49. dan];
  • Rezime [49. dan];
  • Provjera naučenog: Osnove ExpressJS-a [49. dan];
  • Uvod u modul [49. dan];
  • Kreiranje početnog projekta i šta treba da se promijeni [49. dan];
  • Podešavanje osnovne exspres aplikacije (uključujući vježbu) [49. dan];
  • Posluživanje HTML datoteka uz Node & Express [49. dan];
  • Posluživanje statičkih datoteka (CSS & JavaScript) [dan 50];
  • Raščlanjivanje podataka obrasca i zahtjeva za preusmjeravanje [dan 50;
  • Dodavanje EJS Template Engine-a [dan 50];
  • Renderovanje dinamičkog sadržaja sa šablonima [dan 50];
  • Izlaz ponovljenog sadržaja sa EJS i petljama [dan 50];
  • Renderovanje uslovnog sadržaja [dan 50];
  • Uključujući djelimični sadržaj [51. dan];
  • EJS i IDE podrška [dan 51];
  • Rezime modula [dan 51];
  • Provjera naučenog: statički i dinamički sadržaj [51. dan];
  • Uvod u modul [51. dan];
  • Predstavljamo dinamičke rute [51. dan];
  • Upravljanje podacima sa jedinstvenim ID-ovima [dan 51];
  • Učitavanje i prikaz detaljnih podataka [dan 52];
  • Prikazuje se stranica 404 za slučajeve „Nije pronađeno“ [52. dan];
  • Više korišćenja stranice 404 (nepostojeće rute) [dan 52];
  • Rukovanje greškama na strani servera (500 statusni kod) [dan 52];
  • Rad sa statusnim kodovima [dan 52];
  • Refaktorisanje koda i dodavanje više funkcija [dan 52];
  • Uvoz i izvoz koda u NodeJS [dan 53];
  • Korišćenje ekspresnog rutera za razdvajanje konfiguracije rute [dan 53];
  • Predstavljamo parametre upita (i skrivena polja obrasca) [53. dan];
  • Parametri upita naspram parametara rute [dan 53];
  • Rezime modula [dan 53];
  • Provjera naučenog: napredne ekspres funkcije [53. dan];
  • Uvod u modul [54. dan];
  • Funkcije i podrazumijevani parametri [dan 54];
  • Rest Parameters & The Spread Operator [dan 54];
  • Funkcije su objekti! [Dan 54];
  • Rad sa literalima šablona [dan 54];
  • Primitiv u odnosu na referentne vrijednosti [dan 54];
  • Prilagođeno rukovanje greškama sa try/catch [dan 55];
  • Podaci o grešci i odbacivanje prilagođenih grešaka [dan 55];
  • Promjenljivi opseg i senčenje [dan 55];
  • Provjera naučenog: Napredniji JavaScript koncepti [55. dan];
  • Predstavljamo klase kao nacrte objekata [55. dan];
  • Časovi i metode (i „ovo“) [55. dan];
  • Destrukturiranje objekata i nizova [dan 55];
  • Provjera naučenog: Više o objektima [55. dan];
  • Uronjenje u asinhroni kod i funkcije povratnog poziva [dan 56];
  • Predstavljamo obećanja [56. dan];
  • Asinhroni kod i rukovanje greškama [dan 56];
  • Poboljšanje koda sa async / await [dan 56];
  • Provjera naučenog: Asinhroni kod [56. dan];
  • Rezime modula [dan 56];
  • Uvod u modul [56. dan];
  • Zašto baze podataka? A šta su uopšte baze podataka? [Dan 56];
  • Kratak uvod u SQL baze podataka (RDBMS) [dan 57];
  • Kratak uvod u NoSQL baze podataka [dan 57];
  • SQL vs NoSQL baze podataka [dan 57];
  • Provjera naučenog: Uvod u baze podataka [57. dan];
  • Uvod u modul [57. dan];
  • Šta i zašto? [Dan 57];
  • RDBMS opcije [dan 57];
  • Instaliranje MySQL-a i koraci podešavanja [dan 57];
  • Server baze podataka protiv baza podataka protiv tabela [57. dan];
  • Pisanje našeg prvog SQL koda i kreiranje baze podataka [57. dan];
  • Kreiranje tabele i strukture tabele [58. dan];
  • Ubacivanje podataka u tabelu [dan 58];
  • Čitanje podataka iz tabele (uključujući filtriranje) [dan 58];
  • Ažuriranje i brisanje podataka [dan 58];
  • Dizajniranje složenije baze podataka [58. dan];
  • Dodavanje nove tabele [dan 58];
  • Implementacija složenijeg dizajna sa odnosima [59. dan];
  • Umetanje povezanih podataka [dan 59];
  • Vježbanje: Umetanje povezanih podataka [59. dan];
  • Upiti i pridružiti srodnim podacima [dan 59];
  • Vježbanje: spajanje podataka [59. dan];
  • Rezime modula i više o odnosima [dan 59];
  • Provjera naučenog: Uvod u SQL [59. dan]
  • Uvod u modul [60. dan];
  • Zašto bi kod za pristup bazi podataka trebalo da se pokreće na pozadini? [60. dan];
  • Šta ćemo izgraditi u ovom odeljku [60. dan];
  • Planiranje strukture naše baze podataka [60. dan];
  • Inicijalizacija baze podataka [60. dan];
  • Podešavanje projekta [60. dan];
  • Kreiranje naših prvih ruta [60. dan];
  • Povezivanje sa bazom podataka i ispitivanje podataka [61. dan];
  • Umetanje podataka sa čuvarima mjesta (ubacivanje dinamičkih podataka) [61. dan];
  • Preuzimanje i prikazivanje liste postova na blogu [61. dan];
  • Preuzimanje i prikazivanje jednog posta na blogu [62. dan];
  • Formatiranje i transformacija preuzetih podataka [62. dan];
  • Priprema stranice „Ažuriraj post“ [62. dan];
  • Ažuriranje postova [62. dan];
  • Brisanje postova [dan 62];
  • Rezime modula [62. dan];
  • Uvod u modul [63. dan];
  • Ideja iza NoSQL sistema baza podataka [63. dan];
  • Predstavljamo MongoDB [63. dan];
  • Opšta uputstva za podešavanje i instaliranje MongoDB-a na macOS [63. dan];
  • Instaliranje MongoDB na Windows [Dan 63];
  • Instaliranje MongoDB Shell-a [dan 63];
  • Umetanje podataka sa MongoDB [dan 63];
  • Čitanje i filtriranje podataka [64. dan];
  • Ažuriranje dokumenata u bazi podataka MongoDB [64. dan];
  • Brisanje dokumenata pomoću MongoDB [dan 64];
  • Planiranje kompletnog dizajna / rasporeda baze podataka [64. dan];
  • Implementacija planiranog dizajna i rasporeda [64. dan];
  • Vježbajte vrijeme i više operatera za filtriranje [64. dan];
  • Uvod u modul [65. dan];
  • Planiranje strukture i rasporeda baze podataka [65. dan];
  • Inicijalizacija projekta i baze podataka [65. dan];
  • Povezivanje na MongoDB (iznutra NodeJS) [Dan 65];
  • Preuzimanje i prikazivanje liste autora [65. dan];
  • Umetanje dokumenata (novi postovi) [65. dan];
  • Preuzimanje i prikazivanje dokumenata [66. dan];
  • Preuzimanje jednog dokumenta [66. dan];
  • Transformisanje i priprema podataka [66. dan];
  • Ažuriranje dokumenata [66. dan];
  • Brisanje dokumenata [66. dan];
  • ExpressJS i rukovanje greškama asinhronog koda [67. dan];
  • Uvod u modul [67. dan];
  • Dvije strane otpremanja datoteka i podešavanja početnog projekta [67. dan];
  • Dodavanje birača datoteke u obrazac [67. dan];
  • Raščlanjujemo otpremljene dolazne datoteke sa paketom “multer” [67. dan];
  • Kako da skladištite datoteke na pozadinu [dan 67];
  • Detaljno konfigurisanje Multer-a [67. dan];
  • Čuvanje podataka datoteke u bazi podataka (i šta NE čuvati) [Dan 68];
  • Posluživanje otpremljenih datoteka posetiocima websajta [68. dan];
  • Dodavanje funkcije pregleda slike [68. dan];
  • Rezime modula [68. dan];
  • Provjera naučenog: otpremanja datoteka [68. dan];
  • Uvod u modul [68. dan];
  • Šta je Ajax? I zašto bi nam to trebalo? [Dan 68];
  • Šta je “Ajax”? [Dan 68];
  • Početak projekta i problem [69. dan];
  • Slanje i rukovanje GET Ajax zahteva [69. dan];
  • Ažuriranje DOM-a na osnovu odgovora [69. dan];
  • Priprema podataka za POST zahtev [69. dan];
  • Slanje i rukovanje POST Ajax zahtjevom [69. dan];
  • Poboljšanje korisničkog iskustva (UKS) [70. dan];
  • Rukovanje greškama (na strani servera i tehničkim) [70. dan];
  • Sada imamo više HTTP metoda! [70. dan];
  • Rezime modula [70. dan];
  • Provera učenja: Http zahtjevi vođeni Ajax-om / JS [70. dan];
  • Uvod u modul [70. dan];
  • Šta je „Autentifikacija“ i zašto biste je željeli da dodate na websajt? [70. dan];
  • Naš početni projekat [70. dan];
  • Dodavanje osnovne funkcije registracije [70. dan];
  • Obavezno: heširanje lozinki [71. dan];
  • Dodavanje funkcionalnosti za prijavljivanje korisnika [71. dan];
  • Potvrđivanje informacija o registraciji [71. dan];
  • Predstavljamo sesije i kolačiće – zvijezde autentifikacije [71. dan];
  • Dodavanje podrške za sesije na naš websajt [71. dan];
  • Čuvanje podataka o autentifikaciji u sesijama [72. dan];
  • Korišćenje sesija i kolačića za kontrolu pristupa [72. dan];
  • Dodavanje funkcije odjave [72. dan];
  • Bliži pogled na kolačiće [72. dan];
  • Zaroniti dublje u sesije (izvan autentifikacije) [72. dan];
  • Autorizacija naspram autentifikacije [dan 73];
  • Vježbanje sesija i rad sa sesijama [73. dan];
  • Pisanje prilagođenih Middlewares-a i korišćenje “res.locals” [73. dan];
  • Rezime modula [73. dan];
  • Provera učenja: autentifikacija [73. dan];
  • Uvod u modul [74. dan];
  • Autentifikacija naspram bezbijednosti websajta [74. dan];
  • Razumevanje CSRF napada [74. dan];
  • Delimična CSRF zaštita sa kolačićima „isti sajt“ [74. dan];
  • Implementacija bolje CSRF zaštite [74. dan];
  • Razumevanje KSSS napada [74. dan];
  • Zaštita od KSSS napada [74. dan];
  • Razumijevanje napada SQL injekcijom [75. dan];
  • Zaštita od napada SQL injekcijom [75. dan];
  • Reč o NoSQL injekciji [75. dan];
  • IzbJegavajte slučajno izlaganje koda ili podataka na strani servera! [75. dan];
  • Rezime modula [75. dan];
  • Provjera naučenog: bezbjednost [75. dan]
  • Uvod u modul [75. dan];
  • Naš početni projekat (duboko ronjenje) [75. dan];
  • Šta nije u redu sa našim kodom? [75. dan];
  • Razdvajanje naših ruta [76. dan];
  • Ekstrahovanje podešavanja konfiguracije [76. dan];
  • Izvlačenje prilagođenog Middleware-a [dan 76];
  • Uvod u MVC obrazac [76. dan];
  • Kreiranje našeg prvog modela [76. dan];
  • Dodavanje funkcionalnosti ažuriranja i brisanja modelu [76. dan];
  • Dodavanje funkcija preuzimanja modelu [76. dan];
  • Dodavanje prvog kontrolera i radnji kontrolera [77. dan];
  • Refaktorisanje funkcionalnosti grešaka u sesijama i validaciji unosa [77. dan];
  • Refaktorisanje rukovanja CSRF tokenom [77. dan];
  • Migracija funkcije „autentifikacije“ u MVC [77. dan];
  • Poboljšanje asinhronog rukovanja greškama [78. dan];
  • Zaštita ruta sa prilagođenim srednjim softverom [78. dan];
  • Provjera naučenog: Refactoring in MVC [78. dan];
  • Uvod u modul [78. dan];
  • Planiranje projekta [78. dan];
  • Vaš izazov! [78. dan];
  • Podešavanje projekta kursa [78. dan];
  • Kreiranje fascikli, datoteka i prvog skupa ruta [78. dan];
  • Dodavanje EJS-a i prvih pregleda [79. dan];
  • Popunjavanje i prikazivanje prvog prikaza [79. dan];
  • Dodavanje osnovnih CSS datoteka i posluživanje statičkih datoteka [79. dan];
  • Dodavanje CSS promenljivih i teme web sajta [79. dan];
  • Više osnovnih CSS stilova za web sajt [80. dan];
  • Oblikovanje elemenata prve forme [80. dan];
  • Dodavanje MongoDB servera baze podataka i veze [dan 80];
  • Dodavanje registracije korisnika [dan 81];
  • Sigurnosno vrijeme: Dodavanje CSRF zaštite [81. dan];
  • Implementacija pravilnog rukovanja greškama pomoću srednjeg softvera za obradu grešaka [81. dan];
  • Predstavljamo sesije i konfigurisanje sesija [81. dan];
  • Implementacija autentifikacije i prijavljivanja korisnika [dan 82];
  • Završavanje autentifikacije i provjera statusa autentifikacije (prilagođeni međuverski softver) [dan 82];
  • Dodavanje funkcije odjave [dan 82];
  • Rukovanje greškama u asinhronom kodu [82. dan];
  • Dodavanje validacije korisničkog unosa [dan 82];
  • Treperenje grešaka i unos podataka u sesije [83. dan];
  • Prikaz poruka o grešci i čuvanje korisničkog unosa [dan 83];
  • Ovlašćenje administratora i zaštićena navigacija [83. dan];
  • Podešavanje osnovnih stilova navigacije [83. Dan];
  • Pravljenje responzivne web stranice [84. dan];
  • Frontend JavaScript za uključivanje mobilnog menija [84. dan];
  • Dodavanje stranica i obrazaca za administratore proizvoda [84. dan];
  • Dodavanje funkcije za otpremanje slika [85. dan];
  • Više podataka: Dodavanje modela proizvoda i skladištenje proizvoda u bazi podataka [85. dan];
  • Preuzimanje i iznošenje stavki proizvoda [85. dan];
  • Stilski proizvodi [dan 86];
  • Dodavanje stranice „Detalji o proizvodu“ (pojedinačni proizvod) [86. dan];
  • Ažuriranje proizvoda (kao administrator) [dan 86];
  • Dodavanje pregleda „Otpremanje datoteke“ [87. dan];
  • Omogućavanje brisanja proizvoda [87. dan];
  • Korišćenje Ajax / Frontend JS zahtjeva i ažuriranje DOM-a [dan 87];
  • Razne popravke i odgovarajuća zaštita rute [88. dan];
  • Izlaz proizvoda za kupce [dan 88];
  • Iznošenje detalja o proizvodu [dan 88];
  • Dodavanje modela kolica [dan 89];
  • Rad na logici kolica za kupovinu [89. dan];
  • Dodavanje artikala u korpu putem Ajax zahtjeva [dan 89];
  • Dodavanje stranice u korpu [Dan 90];
  • Stiling The Cart Page [Dan 90];
  • Ažuriranje artikala u korpi (promena količina) [Dan 90];
  • Ažuriranje kolica putem Ajax zahtjeva (zahtevi za zakrpu) [Dan 90];
  • Ažuriranje DOM-a nakon ažuriranja artikala u korpu [dan 91];
  • JavaScript i aritmetika sa plutajućim zarezom [91. dan];
  • Dodavanje kontrolora naloga i osnovnog modela narudžbi [Dan 91];
  • Čuvanje naloga u bazi podataka [Dan 91];
  • Prikaz porudžbina (za kupce i administratore) [Dan 92];
  • Upravljanje nalozima kao administrator [Dan 92];
  • Ažuriranje artikala u korpi [Dan 92];
  • Ispravljanje grešaka i poliranje [Dan 92];
  • Rezime modula [Dan 92];

 

  • Uvod u modul [Dan 93];
  • Šta su „Usluge“ i „API“? [Dan 93];
  • Zašto biste koristili usluge i API-je? [Dan 93];
  • Predstavljamo Stripe [Dan 93];
  • Kreiranje Stripe naloga [Dan 93];
  • Podešavanje zahteva za Stripe API [Dan 93];
  • Konfigurisanje Stripe zahtjeva i rukovanje isplatama [Dan 93];
  • Rezime modula [Dan 93];
  • Više usluga: prijavljivanje na društvene mreže (Google, Facebook), Google analitika i više [Dan 93];
  • Uvod u modul [Dan 94];
  • Kako su web stranice dostupne javnosti? [Dan 94];
  • Statički protiv dinamičkih websajtova [94. dan];
  • Hosting servera baza podataka [Dan 94];
  • Koraci raspoređivanja (priprema) [94. dan];
  • Primjeri projekata [Dan 94];
  • Testiranje i priprema koda (uključujući varijable okruženja) [Dan 94];
  • Procjena podrške za više pregledača [Dan 94];
  • Optimizacija pretraživača (SEO) [Dan 94];
  • Dodavanje favikon-a [Dan 94];
  • Poboljšanje performansi i smanjenje sredstava (JS, slike) [Dan 95];
  • Primjer primjene: statičkog websajta (osvježavanje) [dan 95];
  • Primjer primjene: dinamičkog websajta sa pozadinskim kodom [Dan 95];
  • Primjena MongoDB baze podataka sa Atlasom [Dan 95];
  • Završavanje dinamičke implementacije websajta [95. dan];
  • Uvod u modul [Dan 95];
  • API-ji i usluge: šta i zašto? [Dan 95];
  • JS paketi naspram API-ja zasnovanih na URL-u: šta ćemo ovde izgraditi [Dan 95];
  • API-ji naspram „tradicionalnih veb lokacija“ [95. dan];
  • Predstavljamo REST API-je [Dan 96];
  • Pravljenje prvog osnovnog REST API-ja [Dan 96];
  • Poboljšati API i učiniti ga realističnijim [Dan 96];
  • Složeniji REST API: Prvi koraci [Dan 96];
  • Završavanje prvih API krajnjih tačaka [Dan 97];
  • Testiranje API-ja sa poštarom [dan 97];
  • Dodavanje ruta / krajnjih tačaka PATCH & DELETE [Dan 97];
  • Dodavanje odvojenog frontend websajta (SPA) [Dan 97]:
  • Zašto biste koristili odvojeni frontend / SPA? [Dan 97];
  • Razumijevanje grešaka CORS [Dan 97];
  • Ispravljanje grešaka CORS i povezivanje Frontend SPA sa REST API-jem [Dan 97];
  • Provjera naučenog: prilagođeni (REST) API-ji [Dan 97];
  • Uvod u modul [Dan 98];
  • Zašto biste koristili Frontend JavaScript UI Frameworks? [Dan 98];
  • React vs Vue vs Angular: koji okvir treba da koristite? [Dan 98];
  • Prvi koraci sa Vue.js („Vue“) [Dan 98];
  • Slušanje događaja i ažuriranje podataka + DOM [Dan 98];
  • Predstavljamo „Two-Way-Binding“ [Dan 98];
  • Izlaz liste podataka [Dan 99];
  • Izlaz sadržaja uslovno [dan 99];
  • Ažuriranje podataka [Dan 99];
  • Brisanje podataka [Dan 99];
  • Slanje POST Http zahtjeva [Dan 99];
  • Učitavanje podataka i upravljanje državama učitavanja [Dan 99];
  • Učitavam Vue drugačije [Dan 99];
  • Slanje zahtjeva PATCH + DELETE i rezimea modula [Dan 99];
  • Provjera naučenog: JavaScript Frameworks & Vue.js [Dan 99]
  • Bonus: mogući naredni koraci, mogućnosti za vježbu i ideje za projekte [100. dan];
PREDAVAČ
Edukativna online platforma
Edukativna online platforma

Iskustva polaznika

Kurs info

Datum početka: 01.02.2022.
Datum završetka: 01.05.2022.
Broj učesnika: 20
Trajanje kursa: 79 sati video materijala
Nivo: Osnovni, Srednji
Cijena kursa: Besplatno
Sertifikovan: Ne
Programiranje
100 dana kodiranja: Web development
ICT Cortex

Help desk

HR Platforma

Registar članica

Prijavna forma - Korteks akademija 2021/2022