Základné zručnosti pre Master pre front-end vývojárov

Pracovné miesta sa líšia v tom, čo hľadajú v prednej vývojár. Niektoré spoločnosti chcú, aby žiadatelia vedeli veci ako Ruby, Git, návrhové nástroje, strih videa - a zoznam pokračuje.

Existuje však niekoľko zručností, ktoré budú vyžadovať všetky úlohy v oblasti vývoja front-end - „základné“ zručnosti - a niekoľko ďalších, ktoré by ste mali vážne zvážiť pri pridávaní do svojho repertoáru.

Čo potrebuješ vedieť

Prehľadávajte zoznamy pracovných ponúk online, aby ste zistili, čo je kľúčom k tomu, aby vývojári vedeli a chápali; existujú tri kľúčové veci. Nemožné vyjednávať.

A sú:

1. HTML
2. CSS
3. JavaScript (jQuery)

Toto sú základy. Našťastie existuje veľa bezplatných alebo cenovo dostupných on-line vzdelávacích platforiem, kde sa môžete naučiť tieto zručnosti, ak ich už nepoznáte.

HTML

HyperText Markup Language, alebo HTML, je kľúčovou štrukturálnou zložkou všetkých webových stránok na internete. Ako hovorí Jennifer Kyrninová,

„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áva štýl do HTML. Páči sa mi použiť analógiu, že HTML je ako tvár, a CSS je ako make-up.

Hoci CSS nie je potrebné na získanie webovej stránky online, v podstate každá webová lokalita používa nejaký štýl.

Inak by to bolo dosť nudné. S najnovšími verziami CSS môžete robiť veci ako animácie a pokročilejší štýl, ktorý bol v minulosti možný len pomocou jazyka JavaScript alebo Flash.

JavaScript

JavaScript, alebo JS, postupoval v priebehu rokov rýchlo. Dnes má mnoho účelov a môže byť použitý na prednom alebo zadnom konci.

V súvislosti s vývojom front-end je JS dôležitý, pretože pomáha vytvárať webové stránky interaktívne. Môžete robiť úžasné veci, ako je vytváranie ankiet, kvízov alebo formulárov. V súčasnej dobe existuje mnoho JS knižníc online, ktoré vám pomôžu vziať vaše webové stránky na ďalšiu úroveň.

Ak sa však chcete stať frontendovým vývojárom, musíte jednoducho pochopiť základný JavaScript, ako aj najobľúbenejšiu knižnicu JS - jQuery.

Pekné zručnosti

Potom, čo sa dostali základy, to sú ďalšie zručnosti, ktoré sú pekné mať. (A veľa front-end vývojových pracovných miest hľadať.)

MV * JavaScript Framework

JavaScript rámce vám pomôžu organizovať a kondenzovať svoj kód.

Pokiaľ ide o možnosti MV * (alebo MVC), existuje tam tridsať: dve z najpopulárnejších sú backbone.js a angular.js.

Bezpochyby je učenie sa JS rámca najťažšou časťou stať sa skutočným vývojárom, ale je to najlepší spôsob, ako posunúť svoje zručnosti na ďalšiu úroveň.

CSS nástroje

V porovnaní s vyššie uvedenými frameworkmi JavaScript sú nástroje CSS nižšie ľahko naučiteľné. Hľadajú sa tri druhy:

• predkompilátora: Použitie predkompilátora (alebo preprocesora) má veľa výhod, od čistenia kódu až po zachovanie organizácie. Je to jednoduchý spôsob, ako písať CSS a podporuje zásady DRY (Don´t Repeat Yourself). Populárne CSS precompilers sú Sass, Less a Stylus. Ak práve začínáte, držte sa učenia.
• Rámce CSS: CSS frameworks pomáhajú optimalizovať váš pracovný tok pomocou vstavaných mriežok a iných CSS komponentov. Dva populárne príklady sú Bootstrap a Foundation.
• Citlivý dizajn: V týchto dňoch, existuje toľko rôznych druhov zariadení, ktoré vaše stránky by mali byť schopní prispôsobiť sa všetkým z nich. Citlivý dizajn vám pomôže vytvoriť stránky, ktoré fungujú na všetkých veľkostiach obrazovky - na ploche, tablete a smartfóne. Rámce ako Bootstrap a Foundation majú zabudovaný vstavaný dizajn, takže ak sa naučíte jeden z nich, nastavíte ho.

Nástroje front-end Build

Ako vývojár by ste mali byť schopní riadiť 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ť zložité organizovať všetky knižnice, aktíva atď., Najmä pre veľké projekty alebo projekty, kde pracujete s tímom. Použite správcu balíkov, ako je Bower, aby ste všetko vyriešili a viedli si záznamy o aktualizáciách.
• Yeoman.io: Ak máte niekedy problémy so získavaním projektov z terénu, pomocou aplikácie Yeoman môžete rýchlo začať s projektmi a zostať produktívni. Spustí sa na príkazovom riadku.
• Úlohy bežcov: Použite Grunt alebo Gulp, ktorý tiež beží na príkazovom riadku, na kompresiu súborov a optimalizáciu workflow. Môžu pôsobiť ako kompilátory pre Sass alebo menej preprocesory, a tiež majú širokú škálu pluginov s inými funkciami.

záver

Zatiaľ čo pekné k haves sa môže zdať ako veľa, premýšľať o nich ako zručnosti by ste mali byť pridávanie v priebehu času. Hlavné veci, ktoré potrebujete vedieť, sú HTML, CSS a JavaScript.

Ak máte akékoľvek iné webové zručnosti, aj keď nie sú spojené s front-endom, prineste ich na stôl, ako napríklad dizajn, strih videa, SEO atď.