WEB DIZAJN I WEB PROGRAMIRANJE ZA POČETNIKE | Naučite osnove Adobe XD, HTML, CSS i JavaScript | KURS

Ovaj video predstavlja uvod u svet veb dizajna i veb programiranja. Sastoji se od teorijskog dela i praktičnog dela, odnosno rada na projektu. Veb dizajn je rađen u besplatnom Adobe XD programu - gde su najpre objašnjene osnove a zatim i napravljena stranica za login i registraciju. Nakon završetka dizajn dela, prešli smo na programiranje, odnosno pretvaranje dizajna u kod. Kod je pisan u Visual Studio Code programu, jezici kojima je pisan kod su: HTML, CSS i JavaScript. Na samom kraju možete pronaći razne preporuke za dalje učenje i istraživanje veb dizajna i veb programiranja.

👉 Timestamp-ovi:
00:00 Uvod
01:44 Instalacija Adobe XD-a
04:40 Osnove Adobe XD-a
43:06 Projekat - Assets (inspiracija, slike, font)
53:16 Projekat - Kreiranje dizajna u Adobe XD-u
01:27:20 Osnove HTML-a i CSS-a
02:13:59 Instalacija Visual Studio Code-a
02:14:45 Projekat - Pisanje HTML-a i CSS-a
05:03:08 Projekat - Pisanje JavaScript-e
05:47:45 Kraj (saveti, kursevi, tutorijali, resursi)

👉 LINKOVI:

Udemy web development bootcamp-ovi koje preporučujem (IZABERITE JEDAN):

Adobe XD kurs:

CSS kurs (napredni nivo):

JavaScript kursevi:

Besplatni kursevi:

Subredditi koje preporučujem:
- r/UI_Design
- r/web_design
- r/webdev
- r/Web_Development
- r/frontend
- r/css
- r/learnjavascript
- r/javascirpt
- r/learnprogramming
- r/programming
- r/programiranje

#programiranje #dizajn #javascript #html #css #web

[kjzr]

VAŽNO!!!
Program Adobe XD nažalost više nije besplatan. Moj savet vam je da pređete na program Figma koji je trenutno besplatan, a po mogućnostima koje pruža i superiorniji u odnosu na Adobe XD. Program je veoma sličan Adobe XD-u i verujem da ćete uspeti da se snađete, ukoliko se ne snađete pokušajte da pronađete neki Figma tutorijal. Program ne morate da skidate i instalirate, možete ga koristiti iz browser-a, potrebno je samo da se registrujete.

[DigitalLionAcademy]

Super video i besplatno znanje na YouTube-u. Uvek ide gledanje i uporedo rad e tako se najbolje uči. Probajte naše kurseve besplatno, zaradite. Veliki pozdrav.

[TheDanielnani]

Predivno objasnjavas, steta sto nema jos tvojih klipova, pozz👍

[nikolastojanovic]

Svaka čast za video, vredi više od N lajkova. Mnogo mi je značilo da uradim prvi manji projekat, a mislim i mnogima koji tek kreću da rade frontend. Nemoj još mnogo da nas držiš u isčekivanju nego objavi neki sldeći video na sledeću temu, JavaScript ili ReactJS. Veliki pozdrav!!!!

[Milan]

Zanimljivo i svo vreme drži pažnju. Svaka čast! Ide sub i like🤟

[fsadfsad]

Mnogo podcjenjen video, hvala vam mnogo.

[nikoapavlovic]

Konacno neko kod nas da napravi ovako visecasovni kurs!! Volim tee<3 Sto vise ovakvih :D

[onlychill]

bruda moj ljubi te brad svega mi neki bi ljudi ovaj kurs naplatili 100 eura ti si kralj sve mie je jasno sad

[Rashijus]

Druže, "ubio" si sa objašnjavanjem. Svaka čast. Toliko detaljno si objašnjavao Html i Css, da je to neverovatno. Sa mnogo detalja i strpljenja. Odličan video. Čekamo sledeći. Puno uspeha u daljem radu. P.S. Postoje li neki provereni domaći kursevi kao oni koje si naveo u stranim, a da znaš da su dobri? Svako dobro.

[aleksandarmilenkovic]

Odlično, svaka čast, samo tako nastavi💪

[jushun]

Jako dobar nacin objasnjavanja, nadam se da cete nastaviti sa snimanjem.
Veliki pozdrav!!!

[sasadobrijevic]

Mnogo koriso! Kao neko ko prenosi znanje iz druge branse shvatam kako je ovo tesko objasniti, ali i koliko mnogo osjecaj daje kada se nekome pomogne! Vrhunski mini kurs, snimaj jos ovakvih stvari, jer siguran sam da ce mnogima pomoci da se ostvare u ovoj bransi !

[adykary]

Zdravo, Odlican tutorijal, jako kvalitetno prezentujes i prenosis znanje Ne vidim smetnju da nastavis snimati ove tutorijale, naravno uz nasu obavezu da platimo. Definitno nema dovoljno kavlitetnog materijala/tutorijala na nasem govornom podrucju.

[kjzr]

Izvinjavam se na slabijem kvalitetu zvuka, imao sam nekih tehničkih problema sa programom za snimanje. Timestamp-ovi:
00:00 Uvod
01:44 Instalacija Adobe XD-a
04:40 Osnove Adobe XD-a
43:06 Projekat - Assets (inspiracija, slike, font)
53:16 Projekat - Kreiranje dizajna u Adobe XD-u
01:27:20 Osnove HTML-a i CSS-a
02:13:59 Instalacija Visual Studio Code-a
02:14:45 Projekat - Pisanje HTML-a i CSS-a
05:03:08 Projekat - Pisanje JavaScript-e
05:47:45 Kraj (saveti, kursevi, tutorijali, resursi)

[kLJiga]

Одлично! Хвала! Корисно.
Питање: нисам из тог света.. давно сам се покретао, али не волим програмирање и видим га као нужду. Колико се сећам, у она библијска времена, постојало је нешто као.. не могу се сетити како се звало, али је Мајкрософт нудио могућост писања кОда.. Да скратим: зар не постоји нешто као Adobe XD у коме би се све "нацртало", као овде на почетку, а да он затим то сам експортује у HTML+CSS? Ово завиривање у скицирану страницу и скидање појединости односи времем, а и није ефикасно. Делује ми као тривијално решење? Поставим формат, у његов простор унесем елементе, дефинишем им функције, .. и слично. На крају, по потреби, ресто довршим у линијском коду..

[RadoSce]

Pozdrav, kad ce taj video za JavaScript? Cekamo to 😀

[RijadKonta]

Mnogo odličan video, po meni, veoma iskreno da kažem, najbolje dosad objavljen snimak na ovu temu, kroz ovaj video sam lakše naučio generalno o web developmentu! Jedno pitanje, da li možete poslati link za download prezentacije HTML & CSS, pošto mi se jako svidjela prezentacija!

[okilioki]

Zelim da se zahvalim na ovom mini kursu iz html i css-a..Jako lepo objasnjavas, i vidi se da znas materiju. Koliko dugo si ucio da bi bio na ovom nivou znanja da mozes ovako lagano da baratas sa html, css i js? I da, bilo bi super da nastavis, jer bas lepo prenosis znanje.

[natasa]

Veoma poucno, hvala Vam na tome.
Kakav ce biti sledeci video, i znate li kada izbacujete?
Pozdrav ❤️

[istinaoslobadja]

Pozz, moze link od wallpapera? xD
Btw. hvala na ovolikom radu i trudu!