Želite naučiti razvoj web stranica, ali ne znate odakle početi?

Dakle, želite li naučiti web razvoj i postati web programer? Prije svega, čestitam. Izvrsno ste odabrali.

A budući da ovo čitate, možda ste već aktivni član Facebook grupe, subreddita ili neke druge mrežne zajednice za kodiranje. Što je izvrsno mjesto za početak i pronalazak podrške tijekom odabrane potrage.

Opet, zasad vam ide odlično.

Dakle, ovisno o vašem porijeklu, možda se pitate odakle započeti učenje web razvoja. Ako ste uglavnom guglali, možda ćete se osjećati pomalo preplavljenim svim jezicima, okvirima i resursima za učenje.

Pa, ne brinite. Nisi sam. Google vam može biti najbolji prijatelj ili najgori neprijatelj. Ovisi samo o tome kako ga koristite.

Počnite s krajem na umu.

Jedna od prvih stvari koje preporučujem pri započinjanju učenja web razvoja je odlučiti se za jasan krajnji cilj i imati ga na umu.

Možda želite promijeniti karijeru. Možda imate zlu ideju za aplikaciju. Ili možda samo želite naučiti iz zabave.

Bez obzira na vaš cilj, važno je razumjeti zašto to radite. Ovo razumijevanje pomoći će vam da budete produktivniji s vremenom učenja. Također će vam pomoći ohrabriti vas u onim vremenima kada vam se sviđa odustati.

Zapamtite, bez obzira koliko krajnji cilj sada izgleda složen i dalek, možete ga postići marljivim radom i ustrajnošću.

Pod pretpostavkom da nemate nikakvih prethodnih iskustava, dobro je na početku također odlučiti da li vaš interes leži u razvoju pozadine ili prednjem kraju. Dopustite mi da ukratko objasnim razliku.

Frontend - to krajnji korisnik vidi i komunicira na stranici. Njegov sav dizajn, otmjeni efekti, izgled i slike koji stvaraju korisničko iskustvo.

Općenito front end programeri bit će vizualni kreativci s izvrsnim dizajnerskim vještinama i strašću prema pristupačnosti i korisničkom iskustvu. Tehnologije koje se često povezuju s web razvojem su HTML, CSS, jQuery i JavaScript.

Backend - ovo je dio koji obično obrađuje, pohranjuje i manipulira podacima. To je način na koji web stranica ili aplikacija funkcioniraju. Back-end programeri uglavnom su dobri rješavači problema, logični mislioci koje zanima funkcionalnost web stranice ili aplikacije. Razvoj pozadine obično je povezan s jezicima na strani poslužitelja kao što su PHP, Python i Ruby.

Odmah sam znao da jednostavno nemam njuh za vizualni dizajn koji mnoge programere privlači za front-end razvoj. Vjerojatno mi je ova odluka bila lakša od većine zbog mog iskustva u inženjerstvu i građevinarstvu. Prirodno sam sličniji rješavanju problema i otkrivanju kako stvari funkcioniraju, nego da stvari izgledaju lijepo!

U svakom slučaju, gdje god da vas zanima, još uvijek mislim da je najbolje započeti učenjem nekih osnovnih HTML-a i CSS-a. Napokon, nije važno u kojem razvojnom području na kraju želite raditi, još uvijek ga morate moći prikazati na web stranici u nekakvom blago prezentacijskom obliku.

Prvo, prijeđite ravno na freeCodeCamp ili Codecademy i pođite na njihove tečajeve "HTML & CSS". To bi vam trebalo dati osjećaj za sve ove tehnologije.

Također, zbog interaktivnog okruženja za učenje, počet će i da odmah započnete s pisanjem koda, umjesto da prvo moraju smisliti kako postaviti lokalno razvojno okruženje. Ništa vam neće izgraditi samopouzdanje više od pisanja nekog koda i odmah polaganja nekih testova.

Kad to učinite, čestitamo! Započeli ste putovanje kroz web razvoj.

Sada je vrijeme za vježbanje. U početku se ovo može činiti teškim. Teško je pronaći vrijeme kad imate posao s punim radnim vremenom, školu, partnera ili djecu koja zahtijevaju vašu pažnju.

Ali dosljednost je ključna . Mnogo ćete više naučiti kodirajući sat vremena svaki dan, umjesto da u subotu provedete sedam sati kodiranja.

Ljudi su bića navike, zato kodiranje učinite dijelom svoje svakodnevice. Nađite vremena i nastavite.

Naučiti kodirati je poput pokušaja postati najjačim čovjekom svijeta.

Ako ste ikada gledali natjecanje "Worlds Strongest Man", učenje programiranja vrlo je nalik događaju izvlačenja kamiona. Tako je teško krenuti u startu. Čini se kao nemoguć zadatak. Samo poduzimate dječje korake.

Ali kad jednom pokrenete taj kamion, postaje sve lakše i lakše, sve dok ne nađete da trčite prema kraju! Ok ... možda ne trčim! :-)

Ako je vaš stil učenja prikladniji za video tutorijale, pogledajte i neke od HTML i CSS tečajeva koji se mogu naći na YouTubeu.

Osobno mogu preporučiti ova dva besplatna udemy tečaja Edwina Diaza i Brada Husseyja. Oboje su izvrsni instruktori (ako ne i malo neobični). Oba će tečaja obuhvaćati postavljanje vašeg razvojnog okruženja, preuzimanje uređivača teksta (volim Sublime i Brackets) i izgradnju stvarnog projekta.

Kratka riječ upozorenja: iako je Udemy sjajan, nemojte se usisavati kupujući gomilu tečajeva. U ovoj ranoj fazi nema potrebe trošiti novac na resurse za učenje. Ne nedostaje sjajnih stvari koje su dostupne potpuno besplatno. I ovo rano, ionako vjerojatno niste 100% sigurni što želite naučiti.

Nevjerojatne zajednice poput freeCodeCamp čine obrazovanje za mase potpuno besplatnim. I ozbiljno, ako se pravilno prijavite, doista ne morate ništa trošiti.

Jedna od lijepih stvari kako kod web razvoja, tako i kod zajednice za web razvoj je ta što on ne diskriminira. Nema prepreka ulasku. I većina iskusnijih članova zajednice spremna je pomoći, savjetovati i dati svoje vrijeme za druge.

Ne morate biti stručnjak za HTML ili CSS da biste mogli početi graditi stvari.

Jedno želim naglasiti prije nego što se odjavim s ovoga: ne morate ni na koji način biti stručnjak za HTML i CSS prije nego što počnete graditi stvari ili prijeći na učenje jezika na poslužitelju.

Ne morate trošiti mjesece i mjesece radeći tutorial za tutorialom. Ne zaglavite u kolotečini tutorijala za kodiranje. Jednom kad spuste osnove, možete učiti dok gradite.

Predlošci nisu neprijatelji.

Još nešto što sam smatrao korisnim na početku je rad s predlošcima. Nemojte me mrziti još uvijek - saslušajte me!

Samo nekoliko tjedana nakon što sam prvi put otvorio uređivač koda, uspio sam pokrenuti web mjesto profesionalnog izgleda za posao mog šogora. Ova se web stranica temeljila na predlošku od 12 dolara, ali postoji mnogo toga što možete besplatno preuzeti.

Znam da će neki ljudi podići obrve na ovo što sam upravo rekao. Ali kao početnik, mogao bih raditi s kodom koji je već bio dobro strukturiran i formatiran. To mi je također omogućilo izgradnju boljih projekata, što mi je potaknulo samopouzdanje i entuzijazam za web razvoj.

Ovo iskustvo naučilo me je kako čitati dokumentaciju (što je vrlo važan dio programera). Također me upoznao s tehnologijama kao što je jQuery i pružio mi priliku za rad s JavaScriptom.

Još bih napomenuo da puno agencija za web dizajn i softverske tvrtke svakodnevno koriste predloške.

Predložak ne izrađuje nevjerojatnu web stranicu, ali pruža okvir na kojem možete izgraditi fantastičnu web stranicu. Radim u softverskoj tvrtki koja se temelji na proizvodima i koristimo predloške na prednjoj strani naših proizvoda. To znači da se možemo koncentrirati na funkcionalnost proizvoda i ne gubiti dragocjeno vrijeme na ponovno izmišljanje kotača.

To je rečeno, ako vam je krajnji cilj postati izvrstan web programer, trebate potrošiti vrijeme na savladavanje tih vještina. Ono što kažem je, ne dopustite da vas to sputava, nemojte se zajebavati radeći tutorial za tutorialom. Krenite u gradnju!

Ako vam je ovaj post bio koristan i zanima vas sličan sadržaj, molim vas pratite me ili podijelite. Vaša podrška je zaista cijenjena!

Također, uvijek rado pomažem ljudima gdje god je to moguće, zato slobodno pozdravi :-)