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. www.figma.com/pricing/ (izaberite starter plan)
Super video i besplatno znanje na UA-cam-u. Uvek ide gledanje i uporedo rad e tako se najbolje uči. Probajte naše kurseve besplatno, zaradite. Veliki pozdrav.
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!!!!
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.
Hvala puno na lepim rečima :) Nažalost manjak slobodnog vremena me sprečava da redovnije izbacujem nove snimke i tutorijale, ali svakako imam u planu još dosta tema da obradim u sledećim snimcima.
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 !
Upravo to, jedno je znati nešto raditi, a potpuno druga stvar je prenositi znanje iz te oblasti drugima, potpuno jedan drugačiji izazov. Hvala na podršci!
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.
Hvala puno :D Nažalost nisam pohađao, niti znam nekoga ko je pohađao neki domaći kurs iz oblasti veb programiranja, tako nemam šta da preporučim. Ali brzom pretragom na google-u "kursevi web development", vidim da ima dosta kurseva. Ono što ti ja preporučujem, ako baš insistiraš na domaćim kursevima, jeste ili da istražiš te postojeće kurseve ili da se javiš na nekoj domaćoj FB grupi za veb programiranje i da tamo pitaš za preporuku. Npr. na ovoj FB grupi: facebook.com/groups/528983140596287/
@@kjzr Ma, opušteno. skinuo sam 4 strana kursa koje si preporučio. za sad, Na popustu su još sutra, pa da iskoristim. :) Nego sam bio rad da kupim od nekog našeg, da podržim rad naših ljudi. Svakako hvala na odgovoru.
Одлично! Хвала! Корисно. Питање: нисам из тог света.. давно сам се покретао, али не волим програмирање и видим га као нужду. Колико се сећам, у она библијска времена, постојало је нешто као.. не могу се сетити како се звало, али је Мајкрософт нудио могућост писања кОда.. Да скратим: зар не постоји нешто као Adobe XD у коме би се све "нацртало", као овде на почетку, а да он затим то сам експортује у HTML+CSS? Ово завиривање у скицирану страницу и скидање појединости односи времем, а и није ефикасно. Делује ми као тривијално решење? Поставим формат, у његов простор унесем елементе, дефинишем им функције,.. и слично. На крају, по потреби, ресто довршим у линијском коду..
Izvinjavam se na kasnom odgovoru, nekako mi je promakao Vaš komentar, uglavnom, čini mi se da naletao na takva rešenja, ne znam koliko su pouzdana ali ako ste zainteresovani pretražite na google "figma convert to html css" i videćete različite opcije. Na kraju krajeva dosta wordpress plugina za pravljenje sajtova (elementor) funkcionišu na taj način, ali problem je što ti plugini nude standardne komponente i ako želite da napravite neki potpuno drugačiji i/ili zahtevniji sajt onda ćete primetiti da ti plugini jednostavno ne nude opcije za tako nešto. Početnicima deluje da dosta vremena odnosi prekucavanje dizajna u kod, ali verujte mi nakon nekog vremena to ide jako brzo. Za neke jednostavne projekte ja čak i ne koristim Adobe XD (Figma) već odmah pišem kod i pravim dizajn usput i to mi dosta posla skrati. Sa druge strane, kod večih projekata neophodno je pre koda napraviti dizajn kako bi se uštedelo vreme kod eventualnih većih promena/rekreiranja u dizajnu.
Imam u planu da napravim detaljan i sveobuhvatni CSS kurs, ali ne znam kada će to biti objavljeno. U suštini, da bi se sajt prilagodio za druge urađaje sa različitim rezolucijama (uključujući i telefone), najčešće se koriste tzv. "media queries" u CSS-u, a evo i jedan video koji odlično objašnjava tu temu: ua-cam.com/video/yU7jJ3NbPdA/v-deo.html
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.
Hvala tebi na gledanju i na lepim rečima. Drago mi je da je ovaj video koristan. :) Što se tiče odgovora na tvoje pitanje, ja čvrsto verujem da posvećenim učenjem i radom svako ko ima želju može da savlada front end programiranje za godinu dana. Naravno podrazumeva se da usmereno uči (za više informacija baci pogled na poslednju sekciju u ovom videu). Ja recimo nisam usmereno učio. Učio sam sve i svašta, i ono što je potrebno i što nije. Jer nažalost u vreme kada sam ja počeo 2016. i 2017. godine nije bilo ovoliko materijala na internetu koliko ima danas i to je upravo glavna prednost svakoga ko tek počinje - da iskoristi neverovatne izvore i resurse koji danas postoje. Tako da, pravac na Udemy, freeCodeCamp, Odin Project i na slične sajtove :D Definitivno ću nastaviti sa objavljivanjem ovakvog sadržaja, već radim na sledećem snimku, međutim treba mi mnogo vremena da sve snimim i zbog obimnosti samog sadržaja, a i zbog manjka slobodnog vremena.
@@kjzr Hvala neizmerno na odgovoru. Vec sam uzela neke kurseve na Udemy-ju i krenula sa njima, dosta dobro razumem engleski ali ne i potpuno tako da je materijal na maternjem jeziku od neprocenive vrednosti, bar meni, da bih potpuno shvatila sustinu. Sa ovim tvojim klipom i uz Udemy kurseve, neke su mi stvari sad jasnije. Drago mi je da nastavljas sa snimanjem:), radujem se sledecem klipu. Srdacan pozdrav!
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!
Hvala puno na podršci. Planiram da tema sledećeg videa bude napredni CSS - odnosno jedan video u kome ćemo detaljno proći kroz sve najvažnije delove CSS-a, od responzivnosti pa do SASS-a, grida, animacija i mnogih drugih stvari.
Ako želite da objavite stranicu, odnosno da je napravite dostupnom na internetu morate da je host-ujete na nekom serveru. Hosting možete da platite ali u ovom našem slučaju i ne morate - postoje besplatna rešenja za statičke sajtove i stranice. Na primer, sajt GitHub nudi tu mogućnost. Kako se to radi možete pogledati na nekom tutorijalu, ukucajte na youtube-u "host a website on github".
Zdravo svidja mi se tutorijal sve detaljno objasnjeno i ja zelim da se bavim Front-End i Web Developmentom :D Samo me zanima da li postoji neki program slican Adobe XD jer ne mogu da ga instaliram jer imam Windows 7. Hvala
Naravno, preporučujem program Figma koji možeš pokrenuti direktno preko svog browser-a. Program je besplatan i sve što treba da uradiš jeste da se registruješ na figma.com sajtu i pojaviće ti se dashboard gde ćeš imati opciju da napraviš novi interfejs. Desktop aplikacija nije podržana na windows 7, ali web aplikacija jeste.
Pozdrav, da li bi mogao da mi kazes ime extenzije koju koristis da ti se automatski promeni ikona ako npr stavis extenziju .js (u open editoru dobijes ovu zutu ikonicu za js)?
Poz, posto zivim u Njemackoj, jel treba da se kupi creative cloud app, jer kad guglam da skinem, trazi mi da nakon 7 dana kupim aplikaciju (prvih 7 dana besplatno a nakon toga 60 eura kosta)...?
Pozdrav, Svi programi korišćeni u snimku su besplatni, uključujući Adobe XD. Creative Cloud nudi opciju da se pretplatite na njihove programe i pored XD-a dobijate još brdo programa, ali mi te programe ne koristimo u ovom snimku. Obratite pažnju da na 02:36 ne kliknete na prvi, već drugi rezultat. Jer prvi rezultat vas vodi na pretplatu Creative Cloud paketa, a drugi rezultat na preuzimanje Adobe XD-a. On će Vam naravno pored XD-a instalirati Creative Cloud program, ali nećete morati da se pretplatite na njihov paket, već ćete samo imati Adobe XD. Ako se ne snađete, u opisu snimka takođe možete pronaći kratak tutorijal za instalaciju XD-a.
Pre nego postavim pitanje za moj problem zelim prvo da ti se zahvalim na ovakvom videu, sve je lepo i jasno objasnjeno. Hvala. Problem je sledeci, kada definisem klasu("") u htmlu, css mi je ne pronalazi, otkcam ja nju rucno, ali kad pokusam da stilizujem onda ne funkcionise. Otvorio sam i neke projekte od ranije, ali problem je isti, tj. klase koje sam ranije definisao, njih mi css pronalazi i njih mogu da stilizujem ali kad definisem novu klasu problem je isti. Hvala unapred.
Kada nastane neki problem, najbolje je da ideš korak po korak dok ne vidiš gde je nastao problem. Prva stvar, proveri da li je CSS povezan sa HTML-om. To možeš lako da proveriš npr. u CSS-u napiši * { border: 1px solid black; } - ova linija bi trebala da doda svim elementima border. Ako ne vidiš bordere onda CSS nije povezan sa HTML-om, a ako vidiš bordere onda jeste povezan. I tako ideš korak po korak do ne provališ gde nastaje problem. Premotaj ovaj video na 2:32:30 i videćeš kako sam ja import-ovao CSS. Zatim, baci pogled na inspect element u browseru, on ti može dati mnogo informacija. Pored toga, probaj preko google-a da nađeš rešenje, npr. u tvom slučaju kucaj: "css class not applying" ili tako nešto, i veruj mi, šanse da pronađeš identičan problem su ogromne. Uglavnom, ovakvi problemi se često dešavaju tako da ne treba ovo da te obeshrabri, važno je naučiti kako raditi debug i kako otkloniti probleme.
Kao što sam već rekao u snimku, Adobe XD je za razliku od drugih popularnih Adobe programa (Photoshop, Ilustrator i sl.) vrlo jednostavan program, nema puno alata (bar ne u ovom momentu) i vrlo lako može da se savlada. Kao i za programiranje, najvažniji savet koji mogu nekome da dam jeste da što više radite na projektima (dizajnovima), dakle PRAKSA. Ja sam u ovom snimku, usudio bih se da kažem, objasnio sve najvažnije alate ovoga programa. Ako nekome to nije dovoljno i želi još više da uđe u materiju, preporučujem kurs koji sam pomenuo u ovom snimku na 05:57:11 - ja sam prošao taj kurs pre nekoliko godina i bio sam prezadovoljan. Kurs košta oko 15 evra, link imate u opisu. I da, Adobe XD, Figma i slični programi su samo alati, a da biste znali da pravite dobre i funkcionalne dizajnove morate da savladate UI i UX pravila i koncepte: kontrast, tipografija, prazni prostori, simetrija, odabir boja itd. itd. Srećno!
Pozdrav. Tema se zove "Brackets Dark Pro", i iz nekog razloga više se ne može instalirati preko stranice za ekstenzije u VS Codu, ali se može preuzeti na ovom linku: github.com/EryouHao/brackets-dark-pro i onda manuelno instalirati Ta tema je zapravo kopija originalne default-ne dark teme za Brackets code editor koji je bio veoma popularan pre pojave VS Code-a Ako koristiš samo HTML, CSS i JS onda je tema super, ali ako želiš da koristiš i neke novije tehnologije onda ti ne preporučujem tu temu jer dugo nije ažurirana. Ja sam muku mučio da je prilagodim za TypeScript i React i na kraju odustao...
Želio bih da se bavim dodatno poslom web dizajna. Student sam, nemam stalne i redovne prihode a želim da na neki način imam neku pristojnu zaradu dok se ne ostvarim u svojoj profesiji. Potpuni sam laik i ne znam zaista puno o ovome. Vidim da je tvoj kurs jako dobar i kvalitetan ali bih želio da te pitam kao nekoga ko definitivno razumije tu materiju, da li se isplati ulaziti kao potpuni laik u tako nešto, da li bih mogao znanje koje steknem i ovdje i eventualno na još nekim dodatnim kursevima da iskoristim i unovčim kao student, ima li rezona trošiti na to trud i vrijeme ukoliko ne planiram trajno bavljenje web dizajnom ali bih volio da zaradim dodatno sa strane i da svakako naučim nešto o ovoj materiji koja djeluje zanimljiva svakako? Izvinjavam se na predugačkom pitanju, unaprijed zahvalan na odgovoru
Znaš kako, samo kao laik i možeš da uđeš u neku oblast, ako već imaš iskustva, pa onda si već u toj oblasti, zar ne? Veb dizajn je "digitalno zanimanje", što znači da sve što ti treba jeste računar. Možeš da radiš od svoje kuće za bilo koga u svetu. Možeš da radiš za neku firmu, možeš da radiš kao freelancer itd. itd. Mogućnosti su velike. Pitanje uopšte ne treba da bude da li je veb dizajn isplativ. Svako zanimanje može da bude isplativo ako za to postoji potražnja i ako ti možeš da odradiš posao koji se od tebe traži. Na kraju dana jedino što se gleda jeste da li si u svom poslu bolji od drugih. Tako da se sve svodi na kvalitet i brzinu, a to se stiče iskustvom i učenjem. Ako planiraš da se upustiš u vode veb dizajna, trebaće ti mnogo više od ovog snimka. U ovom mom videu, deo o veb dizajnu je obuhvaćen u prvih sat i po vremena. I to je neki uvod, bukvalno smo samo zagrebali površinu. Tako da, ako si zaista zainteresovan, moj ti je savet da posle ovog snimka nastaviš da istražuješ, da učiš i da primenjuješ to što naučiš. "ima li rezona trošiti na to trud i vrijeme ukoliko ne planiram trajno bavljenje web dizajnom" - Teško je reći, to zavisi od osobe do osobe. Zavisi koliko si uporan, istrajan i koliko vremena planiraš ovome da posvetiš. Veb dizajn je u velikoj meri stvar estetike, tako da ljudi koji su kreativni i imaju "oko" za dizajn, njima će biti mnogo lakše nego ostalima. Sve u svemu, moje mišljenje je da veb dizajn može da bude veoma interesantno i profitabilno zanimanje ako se osoba pronađe u tome.
Program je besplatan sa svim alatima koje smo koristili u ovom snimku. Pored besplatne verzije postoji i plaćena verzija sa još nekim dodatnim mogućnostima koji uopšte nisu neophodni za kreiranje interfejsa i dizajnova. Ako Vam se pojavljuje neki tekst tipa "Your XD trial has ended" prilikom paljenja programa, samo kliknite X i ugasite taj prozor i moći ćete bez problema da radite. Preporučujem da se program skine sa linka koji sam ostavio u opisu ovog snimka, jer sam nedavno skinuo program preko tog linka i nisam imao nikakvih problema. U slučaju da se Adobe predomisli i nekada u budućnosti ukine besplatnu verziju programa - ništa strašno samo pređite na program "Figma" koji je jako sličan i besplatan.
@@kjzr , хвала на одговору. Тај програм Adobe XD, HTML, CSS, Java Script не могу да се инсталирају на мобилном телефону или таблету ? Мора да се инсталира на лаптопу или на класичном рачунару??? Срдачан поздрав. 👩❤️👩🌺
@@twocats7065 Pa znate kako, vidim da oba programa koja koristimo u ovom snimku, dakle i Adobe XD za dizajn i VS Code za programiranje, postoje i na Google Play prodavnici na android uređajima, ali ja iskreno nikada nisam koristio telefon/tablet u te svrhe niti znam nekoga ko koristi. Programiranje je na neki način rezervisano za računare. Što se dizajnova tiče, pa možda mogu da se naprave neke skice i na telefonu, ali neki finalni rad - teško. Tako da, moj Vam je savet da se držite računara, nebitno da li je laptop ili desktop.
Odvajanje sekcija,da li je bolje odvojiti ih preko boostrapa cod md-(br) ili ovako kako vi odvajate.Zanima me da li je pogrešno takvo odvajanje preko cod-md(br)
Naravno da nije pogrešno ako vam to radi posao. Dobra stvar kod CSS-a je što postoji više načina da se postignu isti rezultati. Što se tiče bootstrapa i ostalih CSS framework-a, smatram da je najbolje za početnike da prvo nauče čist CSS, pa tek onda ako žele mogu i neki framework. Poznavati i koristiti neki CSS framework je skroz okej, ali oslanjati se samo na CSS framework, a ne znati šta on radi ispod haube je problematično i kad tad će to doći na naplatu.
@@kjzr da da razumijem upotpunosti,samo sam htio pitati da li radim nesto sto ne bih smio.Inace ucim programiranje bez icije pomoci pa ovako kada vidim zanimljiv video postavim koje pitanje.Hvala vam puno
I dalje je besplatan, ali izgleda kao da nije. U suštini, potrebno je da se skine program sa ovog linka: helpx.adobe.com/xd/get-started.html Zatim da se odradi registracija na Adobe Creative Cloud-u. Kada se ulazi u program pisaće nešto u fazonu "Your trial has ended", ali to se ne odnosi na program i na stvari koje mi koristimo već za neke nepotrebne dodatke koji uopšte nisu potrebni za kreiranje dizajnova. Tako da, kada se pojavi to obaveštenje da je trial period istekao, potrebno je samo da se klikne na dugme "Dismiss" i to je to program može da se koristi. Ako nekome možda to smeta, postoji besplatna alternativa, a to je program Figma, koji je čak i superiorniji od Adobe XD-a.
Program Adobe XD, odnosno program koji je korišćen u ovom snimku je i dalje besplatan, da li će tako ostati - to ne znam. Ako imate problem sa pokretanjem tog programa, odnosno ako Vam izlazi obaveštenje da je potrebno nešto da platite, pogledajte moj odgovor koji sam napisao korisniku "noKru zBla" ovde u komentarima. Što se tiče besplatne alternative za Adobe XD, ubedljivo najbolji izbor je program Figma. Možete je koristiti čak i u browser-u, nema potrebe ništa da skidate, samo se registrujte na njihov sajt: www.figma.com/
Ne mogu da kažem neki precizan datum. Već duže vreme radim na JavaScript kursu za početnike i verujem da će, ako nastavim ovim tempom, biti gotovo u naredna ~2 meseca. Znam da deluje mnogo, ali to je što je :D
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.
www.figma.com/pricing/ (izaberite starter plan)
Super video i besplatno znanje na UA-cam-u. Uvek ide gledanje i uporedo rad e tako se najbolje uči. Probajte naše kurseve besplatno, zaradite. Veliki pozdrav.
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)
Predivno objasnjavas,steta sto nema jos tvojih klipova,pozz👍
Mnogo podcjenjen video , hvala vam mnogo.
Hvala Vama na lepim rečima :)
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!!!!
Hvala puno, drago mi je da sam mogao da pomognem! Biće još klipova naravno čim budem malo komotniji sa vremenom.
odlicno, naucio sam dosta!
Jako dobar nacin objasnjavanja, nadam se da cete nastaviti sa snimanjem.
Veliki pozdrav!!!
Hvala puno na podršci, biće još klipova u narednom periodu.
Sve pohvale, legendo!
Zanimljivo i svo vreme drži pažnju. Svaka čast! Ide sub i like🤟
Odlican kurs
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.
Hvala puno na lepim rečima :)
Nažalost manjak slobodnog vremena me sprečava da redovnije izbacujem nove snimke i tutorijale, ali svakako imam u planu još dosta tema da obradim u sledećim snimcima.
bruda moj ljubi te brad svega mi neki bi ljudi ovaj kurs naplatili 100 eura ti si kralj sve mie je jasno sad
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 !
Upravo to, jedno je znati nešto raditi, a potpuno druga stvar je prenositi znanje iz te oblasti drugima, potpuno jedan drugačiji izazov.
Hvala na podršci!
Konacno neko kod nas da napravi ovako visecasovni kurs!! Volim tee
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.
Hvala puno :D
Nažalost nisam pohađao, niti znam nekoga ko je pohađao neki domaći kurs iz oblasti veb programiranja, tako nemam šta da preporučim. Ali brzom pretragom na google-u "kursevi web development", vidim da ima dosta kurseva.
Ono što ti ja preporučujem, ako baš insistiraš na domaćim kursevima, jeste ili da istražiš te postojeće kurseve ili da se javiš na nekoj domaćoj FB grupi za veb programiranje i da tamo pitaš za preporuku. Npr. na ovoj FB grupi: facebook.com/groups/528983140596287/
@@kjzr Ma, opušteno. skinuo sam 4 strana kursa koje si preporučio. za sad, Na popustu su još sutra, pa da iskoristim. :) Nego sam bio rad da kupim od nekog našeg, da podržim rad naših ljudi. Svakako hvala na odgovoru.
Odlično, svaka čast, samo tako nastavi💪
Hvala na podršci 😀
Svaka cast!
Hvala, mnogo znaci!
Одлично! Хвала! Корисно.
Питање: нисам из тог света.. давно сам се покретао, али не волим програмирање и видим га као нужду. Колико се сећам, у она библијска времена, постојало је нешто као.. не могу се сетити како се звало, али је Мајкрософт нудио могућост писања кОда.. Да скратим: зар не постоји нешто као Adobe XD у коме би се све "нацртало", као овде на почетку, а да он затим то сам експортује у HTML+CSS? Ово завиривање у скицирану страницу и скидање појединости односи времем, а и није ефикасно. Делује ми као тривијално решење? Поставим формат, у његов простор унесем елементе, дефинишем им функције,.. и слично. На крају, по потреби, ресто довршим у линијском коду..
Izvinjavam se na kasnom odgovoru, nekako mi je promakao Vaš komentar, uglavnom, čini mi se da naletao na takva rešenja, ne znam koliko su pouzdana ali ako ste zainteresovani pretražite na google "figma convert to html css" i videćete različite opcije. Na kraju krajeva dosta wordpress plugina za pravljenje sajtova (elementor) funkcionišu na taj način, ali problem je što ti plugini nude standardne komponente i ako želite da napravite neki potpuno drugačiji i/ili zahtevniji sajt onda ćete primetiti da ti plugini jednostavno ne nude opcije za tako nešto.
Početnicima deluje da dosta vremena odnosi prekucavanje dizajna u kod, ali verujte mi nakon nekog vremena to ide jako brzo. Za neke jednostavne projekte ja čak i ne koristim Adobe XD (Figma) već odmah pišem kod i pravim dizajn usput i to mi dosta posla skrati. Sa druge strane, kod večih projekata neophodno je pre koda napraviti dizajn kako bi se uštedelo vreme kod eventualnih većih promena/rekreiranja u dizajnu.
2:25:27 jel moze video na ovu temu kako prilagodit sajt za mobitele
Imam u planu da napravim detaljan i sveobuhvatni CSS kurs, ali ne znam kada će to biti objavljeno.
U suštini, da bi se sajt prilagodio za druge urađaje sa različitim rezolucijama (uključujući i telefone), najčešće se koriste tzv. "media queries" u CSS-u, a evo i jedan video koji odlično objašnjava tu temu: ua-cam.com/video/yU7jJ3NbPdA/v-deo.html
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.
Hvala tebi na gledanju i na lepim rečima. Drago mi je da je ovaj video koristan. :)
Što se tiče odgovora na tvoje pitanje, ja čvrsto verujem da posvećenim učenjem i radom svako ko ima želju može da savlada front end programiranje za godinu dana. Naravno podrazumeva se da usmereno uči (za više informacija baci pogled na poslednju sekciju u ovom videu). Ja recimo nisam usmereno učio. Učio sam sve i svašta, i ono što je potrebno i što nije. Jer nažalost u vreme kada sam ja počeo 2016. i 2017. godine nije bilo ovoliko materijala na internetu koliko ima danas i to je upravo glavna prednost svakoga ko tek počinje - da iskoristi neverovatne izvore i resurse koji danas postoje. Tako da, pravac na Udemy, freeCodeCamp, Odin Project i na slične sajtove :D
Definitivno ću nastaviti sa objavljivanjem ovakvog sadržaja, već radim na sledećem snimku, međutim treba mi mnogo vremena da sve snimim i zbog obimnosti samog sadržaja, a i zbog manjka slobodnog vremena.
@@kjzr Hvala neizmerno na odgovoru. Vec sam uzela neke kurseve na Udemy-ju i krenula sa njima, dosta dobro razumem engleski ali ne i potpuno tako da je materijal na maternjem jeziku od neprocenive vrednosti, bar meni, da bih potpuno shvatila sustinu. Sa ovim tvojim klipom i uz Udemy kurseve, neke su mi stvari sad jasnije. Drago mi je da nastavljas sa snimanjem:), radujem se sledecem klipu. Srdacan pozdrav!
Hvala
Nema na čemu, drago mi je da sam mogao da pomognem :)
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!
Veoma poucno, hvala Vam na tome.
Kakav ce biti sledeci video, i znate li kada izbacujete?
Pozdrav ❤️
Hvala puno na podršci. Planiram da tema sledećeg videa bude napredni CSS - odnosno jedan video u kome ćemo detaljno proći kroz sve najvažnije delove CSS-a, od responzivnosti pa do SASS-a, grida, animacija i mnogih drugih stvari.
svaka cast
Pozdrav,kad ce taj video za JavaScript? Cekamo to 😀
Nadam se uskoro, završeno je više od 50%. Video će uključivati 5 projekata koji su adaptirani za početnike, svaki izazovniji od prethodnog :)
Bravo
Da li se na kraju placa kao sto se domen i hosting placaju u wordpressu?
Ako želite da objavite stranicu, odnosno da je napravite dostupnom na internetu morate da je host-ujete na nekom serveru. Hosting možete da platite ali u ovom našem slučaju i ne morate - postoje besplatna rešenja za statičke sajtove i stranice. Na primer, sajt GitHub nudi tu mogućnost. Kako se to radi možete pogledati na nekom tutorijalu, ukucajte na youtube-u "host a website on github".
Cekamo nastavak
Zdravo svidja mi se tutorijal sve detaljno objasnjeno i ja zelim da se bavim Front-End i Web Developmentom :D Samo me zanima da li postoji neki program slican Adobe XD jer ne mogu da ga instaliram jer imam Windows 7. Hvala
Naravno, preporučujem program Figma koji možeš pokrenuti direktno preko svog browser-a. Program je besplatan i sve što treba da uradiš jeste da se registruješ na figma.com sajtu i pojaviće ti se dashboard gde ćeš imati opciju da napraviš novi interfejs. Desktop aplikacija nije podržana na windows 7, ali web aplikacija jeste.
@@kjzr Vazi hvala ti puno na pomoci 😃
Pozdrav, da li bi mogao da mi kazes ime extenzije koju koristis da ti se automatski promeni ikona ako npr stavis extenziju .js (u open editoru dobijes ovu zutu ikonicu za js)?
Naziv ekstenzije je: vscode-icons
Poz, posto zivim u Njemackoj, jel treba da se kupi creative cloud app, jer kad guglam da skinem, trazi mi da nakon 7 dana kupim aplikaciju (prvih 7 dana besplatno a nakon toga 60 eura kosta)...?
Pozdrav,
Svi programi korišćeni u snimku su besplatni, uključujući Adobe XD. Creative Cloud nudi opciju da se pretplatite na njihove programe i pored XD-a dobijate još brdo programa, ali mi te programe ne koristimo u ovom snimku.
Obratite pažnju da na 02:36 ne kliknete na prvi, već drugi rezultat. Jer prvi rezultat vas vodi na pretplatu Creative Cloud paketa, a drugi rezultat na preuzimanje Adobe XD-a. On će Vam naravno pored XD-a instalirati Creative Cloud program, ali nećete morati da se pretplatite na njihov paket, već ćete samo imati Adobe XD. Ako se ne snađete, u opisu snimka takođe možete pronaći kratak tutorijal za instalaciju XD-a.
Pozz, moze link od wallpapera? xD
Btw. hvala na ovolikom radu i trudu!
Haha, možee :D
steamcommunity.com/sharedfiles/filedetails/?id=1817757506
Naravno, prethodno ti treba program "Wallpaper Engine"
@@kjzr hvala punoo, mnogo mi se sviđa 😂
Pre nego postavim pitanje za moj problem zelim prvo da ti se zahvalim na ovakvom videu, sve je lepo i jasno objasnjeno. Hvala.
Problem je sledeci, kada definisem klasu("") u htmlu, css mi je ne pronalazi, otkcam ja nju rucno, ali kad pokusam da stilizujem onda ne funkcionise. Otvorio sam i neke projekte od ranije, ali problem je isti, tj. klase koje sam ranije definisao, njih mi css pronalazi i njih mogu da stilizujem ali kad definisem novu klasu problem je isti. Hvala unapred.
Kada nastane neki problem, najbolje je da ideš korak po korak dok ne vidiš gde je nastao problem. Prva stvar, proveri da li je CSS povezan sa HTML-om. To možeš lako da proveriš npr. u CSS-u napiši * { border: 1px solid black; } - ova linija bi trebala da doda svim elementima border. Ako ne vidiš bordere onda CSS nije povezan sa HTML-om, a ako vidiš bordere onda jeste povezan. I tako ideš korak po korak do ne provališ gde nastaje problem. Premotaj ovaj video na 2:32:30 i videćeš kako sam ja import-ovao CSS.
Zatim, baci pogled na inspect element u browseru, on ti može dati mnogo informacija. Pored toga, probaj preko google-a da nađeš rešenje, npr. u tvom slučaju kucaj: "css class not applying" ili tako nešto, i veruj mi, šanse da pronađeš identičan problem su ogromne.
Uglavnom, ovakvi problemi se često dešavaju tako da ne treba ovo da te obeshrabri, važno je naučiti kako raditi debug i kako otkloniti probleme.
da li je program i dalje besplatan za skidanje i rad u njemu,ili nije.Posto vidim dole komentar da nije vise besplatan ??
Kad ce novi video?
Poštovani hvala na videu. Ja sam početnik, možeš li mi dati neki savjet što se tiče Adobe XD?
Kao što sam već rekao u snimku, Adobe XD je za razliku od drugih popularnih Adobe programa (Photoshop, Ilustrator i sl.) vrlo jednostavan program, nema puno alata (bar ne u ovom momentu) i vrlo lako može da se savlada. Kao i za programiranje, najvažniji savet koji mogu nekome da dam jeste da što više radite na projektima (dizajnovima), dakle PRAKSA. Ja sam u ovom snimku, usudio bih se da kažem, objasnio sve najvažnije alate ovoga programa. Ako nekome to nije dovoljno i želi još više da uđe u materiju, preporučujem kurs koji sam pomenuo u ovom snimku na 05:57:11 - ja sam prošao taj kurs pre nekoliko godina i bio sam prezadovoljan. Kurs košta oko 15 evra, link imate u opisu.
I da, Adobe XD, Figma i slični programi su samo alati, a da biste znali da pravite dobre i funkcionalne dizajnove morate da savladate UI i UX pravila i koncepte: kontrast, tipografija, prazni prostori, simetrija, odabir boja itd. itd.
Srećno!
Pozdrav.. Koja je ovo theme na tvom setupu u VS codu?
Pozdrav.
Tema se zove "Brackets Dark Pro", i iz nekog razloga više se ne može instalirati preko stranice za ekstenzije u VS Codu, ali se može preuzeti na ovom linku: github.com/EryouHao/brackets-dark-pro i onda manuelno instalirati
Ta tema je zapravo kopija originalne default-ne dark teme za Brackets code editor koji je bio veoma popularan pre pojave VS Code-a
Ako koristiš samo HTML, CSS i JS onda je tema super, ali ako želiš da koristiš i neke novije tehnologije onda ti ne preporučujem tu temu jer dugo nije ažurirana. Ja sam muku mučio da je prilagodim za TypeScript i React i na kraju odustao...
Želio bih da se bavim dodatno poslom web dizajna. Student sam, nemam stalne i redovne prihode a želim da na neki način imam neku pristojnu zaradu dok se ne ostvarim u svojoj profesiji. Potpuni sam laik i ne znam zaista puno o ovome. Vidim da je tvoj kurs jako dobar i kvalitetan ali bih želio da te pitam kao nekoga ko definitivno razumije tu materiju, da li se isplati ulaziti kao potpuni laik u tako nešto, da li bih mogao znanje koje steknem i ovdje i eventualno na još nekim dodatnim kursevima da iskoristim i unovčim kao student, ima li rezona trošiti na to trud i vrijeme ukoliko ne planiram trajno bavljenje web dizajnom ali bih volio da zaradim dodatno sa strane i da svakako naučim nešto o ovoj materiji koja djeluje zanimljiva svakako? Izvinjavam se na predugačkom pitanju, unaprijed zahvalan na odgovoru
Znaš kako, samo kao laik i možeš da uđeš u neku oblast, ako već imaš iskustva, pa onda si već u toj oblasti, zar ne?
Veb dizajn je "digitalno zanimanje", što znači da sve što ti treba jeste računar. Možeš da radiš od svoje kuće za bilo koga u svetu. Možeš da radiš za neku firmu, možeš da radiš kao freelancer itd. itd. Mogućnosti su velike.
Pitanje uopšte ne treba da bude da li je veb dizajn isplativ. Svako zanimanje može da bude isplativo ako za to postoji potražnja i ako ti možeš da odradiš posao koji se od tebe traži. Na kraju dana jedino što se gleda jeste da li si u svom poslu bolji od drugih. Tako da se sve svodi na kvalitet i brzinu, a to se stiče iskustvom i učenjem.
Ako planiraš da se upustiš u vode veb dizajna, trebaće ti mnogo više od ovog snimka. U ovom mom videu, deo o veb dizajnu je obuhvaćen u prvih sat i po vremena. I to je neki uvod, bukvalno smo samo zagrebali površinu. Tako da, ako si zaista zainteresovan, moj ti je savet da posle ovog snimka nastaviš da istražuješ, da učiš i da primenjuješ to što naučiš.
"ima li rezona trošiti na to trud i vrijeme ukoliko ne planiram trajno bavljenje web dizajnom" - Teško je reći, to zavisi od osobe do osobe. Zavisi koliko si uporan, istrajan i koliko vremena planiraš ovome da posvetiš.
Veb dizajn je u velikoj meri stvar estetike, tako da ljudi koji su kreativni i imaju "oko" za dizajn, njima će biti mnogo lakše nego ostalima. Sve u svemu, moje mišljenje je da veb dizajn može da bude veoma interesantno i profitabilno zanimanje ako se osoba pronađe u tome.
@@kjzr Hvala na iscrpnom objašnjenju i odgovoru, zahvalan sam iskreno od srca, svako dobro 😊😊
Koji ti discord?
Поштовани,
Да ли је Adobe XD бесплатан програм или се наплаћује скидање програма???
Поздрав. ☺️
Program je besplatan sa svim alatima koje smo koristili u ovom snimku. Pored besplatne verzije postoji i plaćena verzija sa još nekim dodatnim mogućnostima koji uopšte nisu neophodni za kreiranje interfejsa i dizajnova. Ako Vam se pojavljuje neki tekst tipa "Your XD trial has ended" prilikom paljenja programa, samo kliknite X i ugasite taj prozor i moći ćete bez problema da radite.
Preporučujem da se program skine sa linka koji sam ostavio u opisu ovog snimka, jer sam nedavno skinuo program preko tog linka i nisam imao nikakvih problema.
U slučaju da se Adobe predomisli i nekada u budućnosti ukine besplatnu verziju programa - ništa strašno samo pređite na program "Figma" koji je jako sličan i besplatan.
@@kjzr , хвала на одговору. Тај програм Adobe XD, HTML, CSS, Java Script не могу да се инсталирају на мобилном телефону или таблету ? Мора да се инсталира на лаптопу или на класичном рачунару???
Срдачан поздрав. 👩❤️👩🌺
@@twocats7065 Pa znate kako, vidim da oba programa koja koristimo u ovom snimku, dakle i Adobe XD za dizajn i VS Code za programiranje, postoje i na Google Play prodavnici na android uređajima, ali ja iskreno nikada nisam koristio telefon/tablet u te svrhe niti znam nekoga ko koristi. Programiranje je na neki način rezervisano za računare. Što se dizajnova tiče, pa možda mogu da se naprave neke skice i na telefonu, ali neki finalni rad - teško.
Tako da, moj Vam je savet da se držite računara, nebitno da li je laptop ili desktop.
@@kjzr , хвала на одговору.
Потрудићу се да инсталирам и да се опробам у Web дизајну ка програмирању. . .
Поздрав и све најбоље. 👩❤️👩🌺🌸🌼
Kako se možemo obratiti za pomoć?
Možete se javiti ovde u komentarima ili na email iz opisa snimka.
brate hoce biti jos klipova i mozes pogledat mail sto sam poslo
Odgovor poslat, biće još klipova u narednom periodu :)
Odvajanje sekcija,da li je bolje odvojiti ih preko boostrapa cod md-(br) ili ovako kako vi odvajate.Zanima me da li je pogrešno takvo odvajanje preko cod-md(br)
Naravno da nije pogrešno ako vam to radi posao. Dobra stvar kod CSS-a je što postoji više načina da se postignu isti rezultati.
Što se tiče bootstrapa i ostalih CSS framework-a, smatram da je najbolje za početnike da prvo nauče čist CSS, pa tek onda ako žele mogu i neki framework. Poznavati i koristiti neki CSS framework je skroz okej, ali oslanjati se samo na CSS framework, a ne znati šta on radi ispod haube je problematično i kad tad će to doći na naplatu.
@@kjzr da da razumijem upotpunosti,samo sam htio pitati da li radim nesto sto ne bih smio.Inace ucim programiranje bez icije pomoci pa ovako kada vidim zanimljiv video postavim koje pitanje.Hvala vam puno
Adobe XD više nije besplatan koliko vidim?
I dalje je besplatan, ali izgleda kao da nije. U suštini, potrebno je da se skine program sa ovog linka: helpx.adobe.com/xd/get-started.html
Zatim da se odradi registracija na Adobe Creative Cloud-u.
Kada se ulazi u program pisaće nešto u fazonu "Your trial has ended", ali to se ne odnosi na program i na stvari koje mi koristimo već za neke nepotrebne dodatke koji uopšte nisu potrebni za kreiranje dizajnova. Tako da, kada se pojavi to obaveštenje da je trial period istekao, potrebno je samo da se klikne na dugme "Dismiss" i to je to program može da se koristi.
Ako nekome možda to smeta, postoji besplatna alternativa, a to je program Figma, koji je čak i superiorniji od Adobe XD-a.
Koji besplatan program mozemo da koristimo umesto ovog?
Program Adobe XD, odnosno program koji je korišćen u ovom snimku je i dalje besplatan, da li će tako ostati - to ne znam. Ako imate problem sa pokretanjem tog programa, odnosno ako Vam izlazi obaveštenje da je potrebno nešto da platite, pogledajte moj odgovor koji sam napisao korisniku "noKru zBla" ovde u komentarima.
Što se tiče besplatne alternative za Adobe XD, ubedljivo najbolji izbor je program Figma. Možete je koristiti čak i u browser-u, nema potrebe ništa da skidate, samo se registrujte na njihov sajt: www.figma.com/
Hvala puno!
Super video, mozete li pogledate mail koji sam Vam poslao
Odgovoreno! :)
Kad ce novi video cekam vec godinu haha
Ne mogu da kažem neki precizan datum. Već duže vreme radim na JavaScript kursu za početnike i verujem da će, ako nastavim ovim tempom, biti gotovo u naredna ~2 meseca. Znam da deluje mnogo, ali to je što je :D
Je l si od nule ucio, ili bio na faksu za IT?
I jedno i drugo, ali konkretno web development sam sam učio, najviše preko Udemy kurseva koje sam naveo na kraju snimka.
e ovo je već nešto