Kodiranje za početnike – najbolji način za učenje HTML i CSS kodova za izgradnju web stranice

zbunjenost-o-kodova-minJoš u 2010. kada smo izradili prvu web stranicu, imali smo proračun od 200 USD.


Jer nismo’nemamo novca za angažiranje dizajnera web stranice, odlučili smo se za drag & odustalo od izrade web stranica i počeo učiti osnovne HTML i CSS kodove.

Provodimo vlastita istraživanja kako bismo utvrdili koji je web dizajner najbolji za različite svrhe. Pozovite naš kviz za preporuku koja’prilagođen vašim potrebama.

Kodiranje za početnike može biti zastrašujuće, ali mi ne’Ne žalim zbog trošenja (ili ulaganja) vremena na učenje osnovnog koda, jer smo uspjeli brzo i trenutno napraviti vrlo male izmjene u dizajnu naše web stranice, da bismo u suprotnom morali platiti dizajneru nekoliko stotina dolara da to učinimo.

Da ne spominjemo mi’moraću čekati da se radovi dovrše i vrijeme preokreta u prosjeku može biti nekoliko dana.

U to vrijeme nismo bili nikakvi glavni koderi ni po jednoj mjeri. Iako smo bili samo početni koderi, ova nam je vještina pružila određenu slobodu i kontrolu nad dizajnom naših web stranica.

Bilo je vrlo osnažujuće i oslobađajuće spoznaje da nismo podvrgnuti milosti dizajnerima web stranica ili koderima.

E sad, ne kažem da trebate postati šifrirani kod.

pustiti’budite iskreni, možda imate posao sa punim radnim vremenom, a vaša web stranica može biti samo sporedni hobi ili poslovna web stranica koja će vam pomoći da poboljšate tvrtku’prisutnost na mreži.

Trebate samo znati dovoljno da biste dodali tekstni okvir s prilagođenom bojom pozadine i stilom fonta. Možda biste htjeli napraviti neke osnovne promjene koje su pobijedile’Neću vam oduzeti previše vremena, ali svejedno dovoljno da vam omogućite fleksibilnost u dizajnu.

Budući da nas je puno ljudi pitalo gdje pronaći dobre, pouzdane resurse za učenje osnova kodiranja, odlučili smo sastaviti ovaj vodič za kodiranje za početnike koji je zbirka svih resursa za kodiranje’Koristili smo se u prošlosti koji su nam pomogli kad smo prvi put krenuli.

Ako želite naučiti neko osnovno kodiranje kako biste dobili više kontrole nad svojom web stranicom čak i kada koristite povlačenje & pad graditelja web stranica, ovi HTML / CSS početnički resursi definitivno mogu pomoći.

Koji vam je jezik za kodiranje potreban za izgradnju web stranice?

Osnovni sastavni dijelovi web stranice su HTML i CSS kodovi.

Napredniji jezici za kodiranje koji se koriste na web stranicama su jQuery, JavaScript i PHP.

Iskreno, ako koristite drag & drop builder web stranica, stvarno vam trebaju samo HTML i CSS za pokretanje.

Za korisnike WordPressa, možda želite dodati PHP na svoj popis jer je WordPress mnogo složeniji graditelj web stranica od bilo kojeg povlačenja & pad graditelja web stranica. Za izmjene web stranica WordPressa potrebno je više kodiranja sitnica.

Prema našem mišljenju, HTML i CSS kodovi su ono što bi početnici trebali započeti.

Ako se samo dogodi da steknete zanimanje za kodiranje web stranica, uvijek možete naučiti napredne jezike za kodiranje.

Koja su vrsta resursa dostupna?

Postoje dvije vrste resursa koje možete koristiti: besplatni ili plaćeni.

Postoje prednosti i nedostaci za oboje, pa vam preporučujemo da isprobate i besplatne i plaćene resurse kako biste pronašli ono što vam najbolje odgovara.

Naravno, počnite najprije s besplatnim jer ćete ih možda smatrati dovoljnim za vaše potrebe.

Zašto koristiti besplatne resurse?

prozodija

  • Očigledna prednost je u tome što jest besplatno.
  • Tona odabira i informacije o različitim rješenjima. Ako imate vrlo specifično pitanje ili problem, besplatni resursi su sjajni. To je zato što puno ljudi piše o vrlo specifičnim problemima koji su jednostavno previše specifični da bi se pokrili na plaćenom tečaju. Pa kad imamo jedinstveni problem koji tipičan vodič može’Ne odgovaramo, obično na forumima i besplatnim izvorima tražimo savjete i odgovore.

kontra

  • Tamo je previše informacija dostupnih na mreži, može postati zbunjujuće i nećete znati odakle započeti.
  • Sadržaj i teme za rasprave na forumima nisu organizirani na lako probavljiv način kao na plaćenim tečajevima. Ako dobro sastavljate raštrkane informacije, to vam možda neće predstavljati problem. Ali za veliku većinu ljudi to može usporiti vaš proces učenja od vas’Morat ćete iskopati planinu informacija da biste pronašli onu koja vam je korisna.
  • Svatko može objavljivati ​​udžbenike na mreži i osoba možda nije vjerodostojna. Novozaposleni korisnik može odlučiti objaviti udžbenik koji bi mogao biti netočan. Postoji stotinu načina za rezanje pite, ali koji je pravi način? Kao početnik nećete moći znati jesu li informacije koje čitate doista najbolja praksa.

Zašto koristiti plaćene resurse?

prozodija

  • Plaćeni tečajevi općenito su dobro organizirani i odvojeni su u lako probavljive tečajeve koji su posebno dizajnirani za početnike. Nema potrebe kopati po tisućama različitih poruka “stručnjaci” ili smisliti gdje započeti. Samo trebate slijediti nastavni plan i već ste na putu.
  • Najbolje prakse kodiranja naučit ćete od akreditiranih stručnjaka. Loše navike je teško promijeniti. Kada učite novu vještinu, to’Uvijek je dobra ideja da izbjegnete loše standarde kodiranja od ljudi koji možda nisu kvalificirani za predavanje koda.

kontra

  • Tipični tečajevi prolaze kroz sve aspekte kodiranja web stranica. Na primjer, ako samo želite brzo pronaći rješenje o tome kako dodati tekstni okvir s prilagođenom pozadinom, možda nećete imati sreće. Možda ćete trebati proći dobar dio tečaja prije nego što naučite određenu stvar koja vam je potrebna.

I besplatni i plaćeni resursi mogu vam pomoći na različite načine, tako je’dobro je imati pristup obadvama nastavnim kodovima za kodiranje.

Sad, neka’Prođite naš preporučeni popis mrežnih tutorijala za kodiranje koji su nam vrlo korisni.

Najbolji način da naučite kodirati za početnike

# 1 Lynda

TROŠKINA: Besplatna probna verzija / 19,99 USD – 29,99 USD mjesečno

najbolji resursi za kodiranje za početnike lynda

Lynda nudi svoje lekcije u video formatima tako da ih je vrlo lako pratiti.

Jako nam se sviđaju njihovi video vodiči jer oni olakšavaju učenje kodom.

Tečajevi su sveobuhvatni i ne pokrivaju samo osnove. Kako budete poboljšavali kodiranje, imat ćete pristup naprednijim vodičima. Tako mogu i njihovi udžbenici “rasti s tobom” kako postajete bolji u kodiranju.

Lynda ima više od HTML-a & CSS tečajevi. Prilično pokrivaju sve, od programiranja do grafičkog dizajna, i imate pristup svim njihovim tečajevima pod jednim članstvom koje možete otkazati u bilo kojem trenutku.

Moja iskustva s Lyndom:

ja’Lynda sam koristio za učenje HTML, CSS i PHP. Sve u svemu, dobro nam je podučavalo nas osnovama.

Sviđa mi se kako su tečajevi strukturirani na način koji su mi u cjelini pružili uvid u korake koje moram poduzeti kako bih naučio ove nove jezike kodiranja.

Učenje kodiranja vrlo je vizualno. Videozapisi zaista pomažu u složenju složenih ideja. Preporučio bih vam da povremeno zaustavite videozapise kako biste mogli isprobati kodove za sebe.

Jednu stvar nisam’U vezi s Lyndomom je što ne postoji ugrađeni uređivač koda. To je značilo da moram preuzeti uređivač koda na prijenosno računalo prije nego što napišem bilo kakve kodove.

Zato očekujte neko vrijeme za postavljanje. Jednom kada instalirate programe, nema više potrebe za održavanje ili postavljanje.

Tko bi trebao koristiti Lyndu?

  • Ako ne’ne znam kako ili odakle započeti učenje HTML i CSS kodova.
  • Ako više volite učenje s videozapisima nego čitanje teksta.
  • Ako više volite učenje u strukturiranom okruženju, slično tradicionalnom nastavnom programu kao što je onaj koji se uči u školi.

# 2 Codecademy

TROŠKOVI: Besplatni osnovni tečajevi / 19,99 USD mjesečno za Premium tečajeve

najbolji resursi za kodiranje za početnike codecademy

Codecademy koristi interaktivni pristup podučavanju koda početnicima – što učenje čini zabavnijim.

Jednostavno slijedite upute u interaktivnom uređivaču koda. Uređivač će automatski prevesti vaše kodove u vizualni prikaz.

Na ovaj način možete vidjeti kako izgledaju kodovi koje ste napisali na web pregledniku – vrlo cool!!

Ova instant povratna informacija omogućava vam da vidite svoj napredak odmah. To pomaže stvoriti zabavno okruženje za učenje i čini ideju učenja kako kodirati privlačnijom.

Možete besplatno pohađati sve njihove početne tečajeve kodiranja. Ako želite napredovati na naprednijim tečajevima, možete se prijaviti za njihove premium tečajeve.

Moja iskustva s Codecademyjem:

ja’Koristili smo Codecademy da biste naučili napredniji jezik kodiranja, kao što je JavaScript. Bilo je zabavno i upute su se lako slijedile.

Dobro mi je učilo osnove, a nakon par sati uspio sam napisati vrlo jednostavan JavaScript.

Volio sam ugrađeni uređivač koda što je značilo da ne’ne biste trebali preuzeti bilo koji program da biste započeli.

Upute su također bile vrlo dojmljive. Osjećao sam se kao da imam vodič koji mi pokazuje što radim na svakom koraku.

Željela bih jednu tekstualnu verziju tečaja. Ima puno toga za pamćenje kada učite šifrirati. Moram držati bilježnicu sa strane kako bih zapisao sve kodove koje imam’naučio i za što ih treba koristiti. Bilo bi lijepo imati indeks za preuzimanje koji se može preuzeti, pa ne’ne moram stvoriti svoju vlastitu.

Tko bi trebao koristiti Codecademy?

  • Ako bolje učite pokušajem i pogreškama i gledanjem primjera uživo.
  • Ako trebate povratne informacije o tome da li ispravno pišete kodove.

# 3 TutsPlus

Trošak: Besplatni osnovni tečajevi / 15 USD mjesečno za Premium tečajeve

najbolji resursi za kodiranje za početnike tutsplus

Ono što TutsPlus izdvaja od Lynde i Codecademyja jest to što vam pruža različite načine da naučite kako kodirati.

TutsPlus ne’Ne mogu vam dati kodiranje samo za početnike vodiče da biste započeli na pravom putu, a posjeduje i čitavu biblioteku kratkih i jednostavnih tutorijala kada vam trebaju brzi ispravci jedinstvenih problema kada je riječ o dizajnu web stranica..

TutsPlus’ ogromna knjižnica kratkih vodiča daje vam veću kontrolu nad onim što želite naučiti. Ovo posebno dobro djeluje ako već znate koje dizajne pokušavate postići. Jednostavno možete zaobići sve dodatne informacije i odmah se uputite na rješenja.

Moje iskustvo s TutsPlusom:

Koristio sam njihovu početnicu’Vodič za jQuery, CSS3 i HTML5. U to vrijeme već imam neko znanje kodiranja pa početnika’Vodič je za mene bio dobar osvježavajući tečaj. Bilo ga je lako pratiti i dobro napisati.

Neki početnik’Vodiči nude i videozapise koji su bili od pomoći.

Ako se pridružite njihovom premium planu članstva, možete preuzeti sve datoteke i slike koje oni koriste u svojim vodičima i vodičima. To je bilo sjajno jer mi je spasilo puno vremena od pisanja vlastitih bilješki i indeksa koda.

Ono što volim kod TutsPlus-a je njihova ogromna knjižnica kratkih tutorijala za kodiranje i dizajniranje.

Koji su kodeksi potrebni za izradu web stranice uvelike se odražavaju na dizajnu web stranice koji pokušavate postići. Budući da postoji gotovo neograničen broj mogućnosti dizajna, u teoriji možete imati širok izbor dizajnerskih problema koje treba riješiti.

To je razlog zašto TutsPlus’ početnik’Vodič može pokriti samo osnove i stvarno se oslanjate na njihove kratke vodiče za dopunu specifičnijih dizajnerskih rješenja.

Budući da vam TutsPlus nudi veliku knjižnicu tutorijala, imate bolju priliku za pronalazak rješenja vašeg specifičnog problema od bilo kojeg drugog resursa koji imamo’do sad smo pokriveni.

Tko bi to trebao koristiti?

  • Ako bolje reagirate na samouravno učenje, gdje naučite osnove koristeći početnik’s vodičem, a zatim odaberite one napredne savjete i trikove koje želite naučiti pomoću njihove biblioteke kratkih vodiča.

# 4 W3Skola

TROŠAK: Besplatni referentni vodič

najbolji resursi za kodiranje za početnike w3schools

Ovo je krajnji referentni vodič za HTML i CSS kodiranje.

Sve što trebate znati o kodiranju web stranica možete pronaći na W3Schools.com.

Jedna stvar koju treba imati na umu je da W3Schools nije tako učinkovit kao izvor udžbenika u usporedbi s Lyndom, Codecademy ili TutsPlus.

Iako je njihova pokrivenost znanjem kodiranja vrlo sveobuhvatna, osjećam da su njihova objašnjenja kodiranja vrlo ograničena i oni to ne čine’Ne radim jako dobar posao u tome što vas zapravo učim kako kodirati.

Umjesto toga, razmišljajte o W3Schools kao rječniku za HTML & CSS kodovi.

Moje iskustvo s W3Schools:

W3Schools bio je prvi resurs kojem sam se obratio kad sam prvi put počeo učiti HTML i CSS kodove. Brzo sam otkrio da su više referentni vodič nego web stranica s udžbenicima.

Iako možda nisu dobro mjesto za učenje kodiranja, najbolji su referentni vodič na mreži.

Kad god nisam siguran u koji kôd ili koje alternativne kodove mogu koristiti, koristit ću W3Schools da pronađem odgovor.

Ovo je posebno korisno za kodove koje ne koristite’ne koristite redovito i lako se zaboravljaju.

Tko bi to trebao koristiti?

  • Ako već imate neko osnovno znanje kodiranja, oni će vam biti dobar referentni resurs.
  • Koristite ga poput rječnika ili enciklopedije za HTML / CSS kodiranje na koje se možete obratiti ako zaboravite određene kodove.

# 5 CSS-trikovi

TROŠKOVI: Besplatni vodiči

najbolji resursi za kodiranje za početnike css trikove

CSS kodovi kontroliraju web mjesto’dizajna, poput boje teksta ili postavljanja pozadinske slike. Na neki način, postoji neograničen broj načina za kodiranje vašeg dizajna, jer postoje gotovo neograničene mogućnosti dizajna.

Ovo je kada vam besplatni resurs kao što je CSS-Tricks dolazi u ruke.

CSS-Tricks ima stotine kratkih CSS tutorijala tako da možete tražiti najbolja rješenja za svoje probleme.

Moje iskustvo s CSS-trikovima:

CSS-Tricks jedno je od web mjesta koje svakodnevno posjećujem kada dizajniram web mjesto. Vrlo je lako pronaći ono što mi treba i postoji ogromna knjižnica kratkih rješenja.

CSS-trikovi također imaju aktivnu zajednicu, tako da ako rješenje nema’Ne djeluje za vas, u komentarima ćete najvjerojatnije pronaći drugo rješenje.

Tko bi to trebao koristiti?

  • Ako osnovno razumijete CSS kodove i trebaju vam brza rješenja za vrlo specifične CSS probleme kodiranja.

Zaključak – Vodič za kodiranje za početnike

Našao je ovaj vodič korisnim?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map