Klíčové dovednosti pro Master pro přední vývojáře

Pracovní místa se liší v tom, co hledají ve frontendovém vývojáři. Některé společnosti chtějí, aby žadatelé věděli věci jako Ruby, Git, návrhové nástroje, úpravy videa - a seznam pokračuje.

Existuje však jen málo dovedností, které bude vyžadovat jakákoli práce v oblasti front-end - „základní“ dovednosti - a několik dalších, které byste měli vážně zvážit, když přidáte svůj repertoár.

Co potřebuješ vědět

Procházet seznamy pracovních míst on-line při hledání toho, co je klíčové pro přední vývojáře vědět a pochopit; existují tři klíčové věci. Neobchodovatelné.

A jsou:

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

To jsou základy. Naštěstí existuje spousta bezplatných nebo cenově dostupných on-line vzdělávacích platforem, kde se můžete tyto dovednosti naučit, pokud je neznáte.

HTML

HyperText Markup Language (HTML) je klíčovou strukturální složkou všech webových stránek na Internetu. Jak říká Jennifer Kyrninová,

„Je to jazyk webových stránek - značkovací jazyk, který prohlížeče čtou pro vykreslování webových stránek.“

Webové stránky nemohou existovat bez HTML.

CSS

CSS a HTML pracují společně: CSS přidává styl do HTML. Líbí se mi použít analogii, že HTML je jako obličej, a CSS je jako make-up.

Přestože CSS není nutné, aby se webové stránky on-line, v podstatě každý web on-line používá nějaký styl.

Jinak by to bylo dost nudné. S nejnovějšími verzemi CSS můžete dělat věci jako animace a pokročilejší styling, který byl v minulosti možný pouze s JavaScriptem nebo Flashem.

JavaScript

JavaScript, neboli JS, postupoval v průběhu let rychle. To má mnoho účelů dnes a moci být používán na přední nebo zadní konec.

V souvislosti s vývojem front-end je JS důležitý, protože pomáhá vytvářet webové stránky interaktivní. Můžete udělat úžasné věci, jako je vytváření anket, kvízů nebo formulář podání. V současné době existuje mnoho JS knihoven online, které vám pomohou vzít vaše webové stránky na další úroveň.

Chcete-li se stát vývojářem, musíte pochopit základní JavaScript a také nejoblíbenější knihovnu JS - jQuery.

Pěkné dovednosti

Po získání základů, to jsou další dovednosti, které jsou hezké mít. (A spousta front-end vývojových pracovních míst je hledá.)

MV * JavaScript Frameworks

JavaScript rámce vám pomohou organizovat a kondenzovat váš kód.

Pokud jde o možnosti MV * (nebo MVC), je jich tam třicet: dva nejoblíbenější jsou backbone.js a angular.js.

Bezpochyby je učení se JS frameworku nejtěžší částí stát se skutečným vývojářem, ale je to nejlepší způsob, jak své dovednosti dostat na další úroveň.

CSS nástroje

Ve srovnání s výše uvedenými skripty JavaScript jsou nástroje CSS níže snadno naučitelné. Je možné hledat tři druhy:

• Předkompilátory: Použití předkompilátoru (nebo preprocesoru) má mnoho výhod, od čištění kódu až po udržování organizace. Je to jednoduchý způsob, jak psát CSS a podporuje zásady DRY (Don´t Repeat Yourself). Populární CSS precompilers jsou Sass, Less a Stylus. Pokud právě začínáte, držte se učení.
• CSS rámce: CSS frameworks pomáhají optimalizovat pracovní postup pomocí vestavěných sítí a dalších komponent CSS. Dva populární příklady jsou Bootstrap a Foundation.
• Citlivý design: V těchto dnech existuje tolik různých druhů zařízení, že vaše stránky by měly být schopny přizpůsobit se všem z nich. Reagující design vám pomůže vytvořit stránky, které pracují na všech velikostech obrazovky - stolní počítač, tablet a smartphone. Rámce jako Bootstrap a Foundation mají vestavěný responzivní design, takže pokud se naučíte jeden z nich, budete nastaveni.

Nástroje front-end Build

Jako vývojář byste měli být schopni řídit optimalizaci velikosti souboru a efektivitu pracovního postupu. Tyto nástroje mohou pomoci.

• Správa balíčků: To může být obtížné organizovat všechny knihovny, aktiva, a tak dále, zejména pro velké projekty nebo ty, kde pracujete s týmem. Použijte správce balíčků, jako je Bower, abyste vše vyřešili a vedli si záznamy o aktualizacích.
• Yeoman.io: Pokud máte někdy potíže se získáváním projektů z terénu, použijte Yeoman, abyste mohli rychle začít s projekty a zůstat produktivní. Je spuštěn na příkazovém řádku.
• Úlohy běžců: Použijte Grunt nebo Gulp, které také běží na příkazovém řádku, pro kompresi souborů a optimalizaci pracovního postupu. Mohou fungovat jako kompilátory pro Sass nebo Méně preprocesory, a také mají širokou škálu pluginů s jinými funkcemi.

Závěr

Zatímco pěkné k haves může zdát jako hodně, myslet na ně jako dovednosti byste měli být přidávání v průběhu času. Klíčové věci, které potřebujete vědět, jsou HTML, CSS a JavaScript.

Máte-li jiné webové dovednosti, i když nejsou související s front-endem, přiveďte je ke stolu, jako je design, střih videa, SEO atd.