Existuje však niekoľko zručností, ktoré bude vyžadovať akýkoľvek vývoj v oblasti front-end - "kľúčové" zručnosti - a niekoľko ďalších, ktoré by ste mali vážne zvážiť pridanie do vášho repertoáru.
Čo potrebuješ vedieť
Prehľadávajte výpisy pracovných ponúk online, ktoré hľadajú kľúčové informácie pre vývojárov na front-end, aby ich poznali a pochopili. existujú tri kľúčové veci.
Nemožné vyjednávať.
A sú to:
- HTML
- CSS
- JavaScript (jQuery)
Toto sú základy. Našťastie existuje veľa bezplatných alebo cenovo dostupných online vzdelávacích platforiem, kde sa tieto schopnosti môžete naučiť, ak ich už nepoznáte.
HTML
HyperText Markup Language, alebo HTML, je kľúčovou štrukturálnou súčasťou všetkých webových stránok na internete. Ako hovorí Jennifer Kyrnin,
"Je to jazyk webových stránok - značkovací jazyk, ktorý prehliadače čítajú na vykresľovanie webových stránok."
Webové stránky nemôžu existovať bez HTML.
CSS
CSS a HTML spolupracujú: CSS pridá štýl do HTML. Rád používam analógiu, že HTML je ako tvár a CSS je ako make-up.
Hoci CSS nie je potrebné získať webové stránky online, v podstate každá stránka online používa nejaký štýl.
Inak by to bolo celkom nudné. S najnovšími verziami CSS môžete robiť veci, ako sú animácie a pokročilejší štýl, ktorý bol v minulosti možný len vďaka jazyku JavaScript alebo Flash.
JavaScript
JavaScript alebo JS rýchlo postupuje v priebehu rokov. Má v súčasnosti mnoho účelov a môže byť použitý na prednom alebo zadnom konci.
Vo vzťahu k vývoju front-end je JS dôležitá, pretože pomáha vytvárať interaktívne webové stránky. Môžete robiť úžasné veci, ako je vytváranie prieskumov, kvízy alebo odosielanie formulárov.
V súčasnosti existuje množstvo knižníc JS online, ktoré vám pomôžu priblížiť vaše webové stránky na ďalšiu úroveň.
Avšak, aby ste sa stali developerom na front-end, stačí pochopiť základný jazyk JavaScript, ako aj najobľúbenejšiu knižnicu JS - jQuery.
Nice-k-majetnými
Po tom, ako sa dostali do základov, sú to ďalšie zručnosti, ktoré sú pekné mať. (A veľa front-end vývojových pracovných miest ich hľadá.)
MV * JavaScript rámcov
Rámce JavaScript vám pomáhajú organizovať a kondenzovať váš kód.
Pokiaľ ide o možnosti MV * (alebo MVC), existuje tridsať tam: dve z najpopulárnejších sú backbone.js a angular.js.
Bezpochyby, učenie sa rámca JS je najťažšou súčasťou toho, aby ste sa stali skutočným developerom na front-end, ale je to najlepší spôsob, ako môžete vziať svoje zručnosti na ďalšiu úroveň.
Nástroje CSS
V porovnaní s rámcami JavaScript, ktoré sú uvedené vyššie, sa nástroje CSS uvedené nižšie relatívne ľahko učia. Existujú tri druhy, ktoré môžete hľadať:
Predkompilátory: Používanie predkompilátora (alebo preprocesora) má veľa výhod, od vytvárania kódu čistenia po udržiavanie organizácie. Je to jednoduchý spôsob, ako napísať CSS a propagovať princípy DRY (Neopakujte). Populárne predkompilátory CSS sú Sass, Less a Stylus. Ak práve začínate, držte sa učenia.
CSS frameworks: CSS frameworks pomáhajú optimalizovať vaše workflow s vstavanými mriežkami a ďalšími CSS komponentami. Dva populárne príklady sú Bootstrap a Foundation.
Odozva dizajn: V týchto dňoch existuje toľko rôznych druhov zariadení, ktoré by sa vaše stránky mali prispôsobiť všetkým. Odpovedajúci dizajn vám pomôže vytvoriť webové stránky, ktoré pracujú na všetkých veľkostiach obrazovky - desktop, tablet a smartphone. Rámy ako Bootstrap a Foundation majú vstavaný dizajn, takže ak sa naučíte jeden z nich, ste nastavený.
Front-End Build Tools
Ako vývojár by ste mali byť schopní spravovať optimalizáciu veľkosti súborov a efektivitu pracovného toku. Tieto nástroje vám môžu pomôcť.
Správa balíčkov: Môže byť ťažké organizovať všetky knižnice, majetok atď., A to najmä v prípade veľkých projektov alebo projektov, v ktorých pracujete s tímom.
Použite správcu balíkov, ako je Bower, aby ste všetko vyriešili a uchovali si protokol o vašich aktualizáciách.
Yeoman.io: Ak máte niekedy problémy s získavaním projektov zo zeme, použite Yeoman, aby ste mohli rýchlo začať s projektmi a zostať produktívni. Spúšťa sa na príkazovom riadku.
Spúšťače úloh: Použite Grunt alebo Gulp, ktoré tiež bežia na príkazovom riadku, na kompresiu súborov a optimalizáciu workflow. Môžu fungovať ako kompilátory pre Sass alebo menej preprocesory, a tiež majú širokú škálu doplnkov, ktoré sa môžu pochváliť ďalšími funkciami.
záver
Zatiaľ čo pekné havárie sa môžu zdať ako veľa, myslieť na ne ako na zručnosti, ktoré by ste mali pridávať v priebehu času. Hlavné veci, ktoré potrebujete vedieť, sú HTML, CSS a JavaScript.
Ak máte nejaké iné webové zručnosti , aj keď nie sú spojené s front-end, priveďte ich do tabuľky - ako dizajn, editácia videa, SEO atď. Nikdy neviete, čo spoločnosť hľadá .
A hádaj čo? Môžete byť perfektne fit.