Sadržaj:
- Što radi Front-End programer
- Ovladajte osnovama
- Osnovni alati za web razvoj
- Osnovne tehnologije za potporu web razvoju
Sve što trebate znati da biste postali front-end web programer!
Ako želite naučiti kodirati s ciljem da budete front-end programer, postoji mnogo stvari koje morate znati da biste uspjeli i dobili posao. Trebali biste započeti sa stjecanjem čvrstog znanja o osnovama web razvoja, a zatim proširiti svoje vještine dodatnim alatima i resursima koje većina web programera koristi.
Ako ste istražili i sigurni ste da je napredni razvoj pravi put za vas, pogledajte ove alate koje također trebate svladati. Poznavanje ovih alata i resursa ne samo da će vam pomoći u procesu web razvoja, već će vam pomoći i da izbacite konkurenciju iz vode kad se prijavljujete za posao.
Napokon, ako niste 100% sigurni da li je učenje kodiranja nešto što želite isprobati, evo 10 razloga zašto biste trebali naučiti kodirati.
Što radi Front-End programer
Prvo morate točno znati što je front-end web programer. Općenito, web razvoj sastoji se od tri segmentirane vrste poslova:
- Prednji programer. Ta je osoba (također nazvana front-end web programer ili front-end engineer) web programer koji radi s prednjim krajem web stranica i web aplikacija, što uključuje sve ono što korisnik vidi i koristi u pregledniku web stranice. Front-end programeri obično su usmjereni na dizajn.
- Razvojni programer. Ova je osoba odgovorna za stražnji kraj ili web stranice i web programe na strani poslužitelja. Stražnji kraj je mjesto na kojem se manipulira i ažurira svim podacima. Razvojni programeri obično su logični mislioci.
- Full-Stack programer. Ta je osoba posebna ninja koja je vješta i na prednjem i na stražnjem kraju. Ako uživate raditi s "lijepim stvarima", kao i sa "super tehničarima", ovaj posao možda je za vas…
Također, davno u dalekoj, dalekoj galaksiji… postojao je naslov poznat kao Web Designer. Web dizajner se zapravo uopće nije morao baviti učenjem kodiranja i bio je usredotočen isključivo na aspekte dizajna web stranica.
Danas, jer su web stranice i web aplikacije postale daleko funkcionalnije i interaktivnije, tržište rada zahtijeva usluge ljudi koji znaju i dizajnirati i kodirati.
Još je uvijek dostupno nekoliko poslova za web dizajnere, ali većina web dizajnera pokušava naučiti kodirati za bolje mogućnosti, plaću i sigurnost posla. Na mnogo načina, posao front-end programera može se gledati kao web dizajnera koji poznaje programski jezik, vjerojatno JavaScript.
HTML je kostur web stranica, CSS je koža, a JavaScript mozak.
Ovladajte osnovama
Apsolutno morate dobro razumjeti tri osnovne tehnologije koje se koriste u web razvoju, a to su:
- HTML: ovo je prvi osnovni gradivni element svih web stranica, a daje strukturu web stranicama. HTML je jezik kodiranja, ali on nije punopravni programski jezik, već je jezik označavanja. Označni jezici omogućuju vam "označavanje" teksta u svrhu obrade.
- CSS: ovo je drugi osnovni gradivni element svih web stranica, odgovoran je za "izgled i dojam" web stranica. CSS također nije programski jezik.
- JavaScript: treći je blok i prvi stvarni programski jezik koji većina web programera uči. JavaScript se pokreće u pregledniku računala i omogućuje funkcionalnost web stranice.
Ako zamislite tri gradivna elementa web razvoja onako kako biste zamislili osobu, mogli biste to zamisliti na sljedeći način: HTML su kosti i kostur web stranica, CSS pruža kožu, a JavaScript mozak.
Trenutno možete naučiti kodirati koderom pohađajući HTML pad tečaj Brada Traversyja, koji je WHIZ koji predaje tehnologije za web razvoj:
Osnovni alati za web razvoj
- Uređivač teksta: kôd pišemo pomoću uređivača teksta, a vi ga morate odabrati i dobro se upoznati sa svim njegovim sposobnostima. Neki od popularnih urednika teksta danas uključuju: Atom, Sublime Text, Brackets, Visual Studio Code i dobri stari MS Notepad i Mac Text Edit.
- Alati za razvojne programere preglednika: Google Chrome i Mozilla Firefox opremljeni su internim razvojnim alatima koji vam omogućuju pregled i upravljanje kodom bilo kojeg web mjesta u vašem pregledniku.
- Ovi su alati dobri za uklanjanje pogrešaka, i naravno… vi ste jedini koji može vidjeti promjene koje napravite na web mjestu pomoću alata za programere, jer time manipulirate samo onako kako se pojavljuje u vašem vlastitom pregledniku.
- Sustavi za kontrolu verzija: Sustavi za kontrolu verzija omogućuju vam upravljanje promjenama na vašim web projektima. To vam omogućuje povratak na različite verzije projekta bez ometanja postavljenog projekta dok ne usavršite onu na kojoj radite. U upotrebi je nekoliko sustava za kontrolu verzija, ali Git je daleko najdominantniji.
- Naredbeni redak (terminal): Za profesionalni web razvoj potrebno je temeljito savladavanje naredbenog retka. Naredbeni redak izgleda zastrašujuće, ali olakšava prijenos novih softverskih paketa, a također olakšava navigaciju kroz datoteke i mape. Možete naučiti svladati naredbeni redak za jedan dan.
Osnovne tehnologije za potporu web razvoju
- CSS Preprocessor: ova tehnologija olakšava pisanje i održavanje CSS-a. Daleko je najčešći CSS pretprocesor SASS i to se može naučiti za jedan dan
- CSS Frameworks: Kada je riječ o tome da složeni CSS zadaci utroše manje vremena za izradu, CSS okvir koji ćete morati znati je Twitter Bootstrap.
- CSS Flexbox i CSS Grid: Ovo su oblici CSS web modela koji značajno pomažu u reagiranju vaših web stranica na mobilne uređaje.
- Povezivanje Alati: Webpack i Browserify s gutljajem se koristi kako bi se opterećenje stranicu brže u pregledniku. Ovi alati služe za smanjivanje ili smanjivanje sadržaja radi bržeg učitavanja.
- JavaScript knjižnice i okviri: knjižnice i okviri omogućuju vam brzo, jednostavnije i učinkovitije dodavanje JavaScript interakcija na web stranice. Oni također pomažu pojednostaviti složenije aspekte JavaScript-a. Neke od popularnih knjižnica i okviri uključuju: JQuery, React i Angular.
Kao što vidite, puno toga morate naučiti da biste postali front-end web programer. Dobra vijest je da SVE ove alate, resurse i tehnologije možete naučiti besplatno. Već vidite da na YouTubeu postoji mnoštvo besplatnih resursa…
Ako vam je potrebno sveobuhvatnije učenje, svi se ti alati gotovo mogu naučiti koristeći mrežne resurse za učenje poput Team Treehousea. Dostupni su i pojedinačni tečajevi, poput The Complete Front-End Development tečaja ili Modern React na Udemyju.