Jádro dovednosti k Master pro vývojáře front-end

Uveřejňování nabídek se liší v tom, co hledají u vývojáře front-end. Některé společnosti chtějí, aby žadatelé věděli věci jako Ruby, Git, designové nástroje, editace videa - a seznam pokračuje.

Nicméně, existuje několik dovedností, které bude vyžadovat jakýkoliv vývojový úkol v přední části - "základní" dovednosti - a několik dalších, které byste měli vážně zvážit přidání do vašeho repertoáru.

Co potřebujete vědět

Procházejte výpisy pracovních míst on-line při hledání toho, co je klíčové pro vývojáře na front-end, aby věděli a rozuměli; existují tři klíčové věci.

Neobchodovatelné.

A oni jsou:

HTML
CSS
JavaScript (jQuery)

Toto jsou základy. Naštěstí existuje spousta bezplatných nebo cenově dostupných on-line učebních platforem, kde je možné tyto dovednosti naučit, pokud je již nevíte.

HTML

HyperText Markup Language nebo HTML je klíčová strukturální složka všech internetových stránek. Jak říká Jennifer Kyrnin,

"Je to jazyk webových stránek - značkovací jazyk, který prohlížeče čte, aby vykreslovaly webové stránky. "

Webové stránky nemohou existovat bez HTML.

CSS

CSS a HTML spolupracují: CSS přidává styl HTML. Rád používám analogii, že HTML je jako obličej a CSS je jako make-up.

Ačkoli CSS není nutné dostat webové stránky online, v podstatě každý internetový web používá nějaký styl.

Jinak by to bylo docela 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 pomocí jazyka JavaScript nebo Flash.

JavaScript

JavaScript nebo JS rychle postupuje v průběhu let. Dnes má mnoho účelů a může být použito na přední nebo zadní straně.

Ve vztahu k vývoji front-end je JS důležitý, protože pomáhá vytvářet interaktivní stránky. Můžete dělat úžasné věci jako vytvářet ankety, kvízy nebo formuláře.

V současné době existuje mnoho knihoven JS online, které vám pomohou přenést vaše webové stránky na další úroveň.

Abyste se však mohli stát předvojovým vývojářem, stačí pochopit základní JavaScript a nejoblíbenější JS knihovnu - jQuery.

Pohodlné -

Po získání základů jsou to další dovednosti, které jsou hezké. (A spousta pracovních úkolů pro vývoj na frontě je hledá.)

MV * JavaScript Frameworks

Rámečky JavaScriptu vám pomáhají organizovat a kondenzovat váš kód.

Pokud jde o volby MV * (nebo MVC), je tam třicet: dva z nejpopulárnějších páteřů. js a úhlové. js.

Bezesporu je, že učení se rámcem JS je nejtěžší částí stává se skutečným předním vývojářem, ale je to nejlepší způsob, jak zvýšit své dovednosti na další úroveň.

Nástroje CSS

Ve srovnání s výše uvedenými rámci JavaScript jsou nástroje CSS uvedené níže poměrně snadné se učit.Existují tři druhy, které lze hledat:

Předkompilátory: Používání předkompilátoru (nebo preprocesoru) má spoustu výhod, od vytvoření čističe kódu k udržování organizace. Je to snadný způsob, jak napsat CSS a propaguje zásady DRY (Neopakuj se). Populární předkompilátory CSS jsou Sass, Less a Stylus. Pokud právě začínáte, držte se jednoho.

CSS frameworky: CSS framework pomáhají optimalizovat vaše workflow s vestavěnými mřížkami a dalšími komponentami CSS. Dva populární příklady jsou Bootstrap a Foundation.

Reaktivní design: V dnešních dnech existuje mnoho různých druhů zařízení, které by se vaše stránky měly přizpůsobit všem. Odpovědný design vám pomůže vytvořit stránky, které pracují na všech velikostech obrazovky - stolní počítače, tablety a smartphony. Rámy jako Bootstrap a Foundation mají vestavěný design vestavěný, takže pokud se naučíte jeden z nich, jste nastaveni.

Nástroje pro vytváření front-end

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

Správa balíčků: Může být obtížné uspořádat všechny knihovny, majetek apod., Zejména u velkých projektů nebo těch, kde pracujete s týmem.

Použijte správce balíčků, jako je Bower, abyste vše vyřešili a aktualizovali své záznamy.

Yeoman. io: Pokud někdy máte potíže s dostáváním projektů ze země, použijte Yeoman, abyste mohli rychle začít s projekty a zůstat produktivní. Je spuštěn na příkazovém řádku.

Běžící úlohy: Použijte Grunt nebo Gulp, které také běží na příkazovém řádku, komprimovat soubory a optimalizovat workflow. Mohou fungovat jako kompilátory pro Sass nebo méně preprocesory a mají také širokou škálu pluginů, které se mohou pochlubit dalšími funkcemi.

Závěr

Zatímco hezké potíže se mohou zdát hodně, myslete na ně jako na dovednosti, které byste měli postupně přidávat. Hlavní věc, kterou potřebujete vědět, jsou HTML, CSS a JavaScript.

Pokud máte jiné webové dovednosti, a to i v případě, že se nejedná o front-end, přineste je ke stolu - jako je návrh, editace videa, SEO atd. Nikdy nevíte, co společnost hledá.

A hádej co? Možná jste perfektní.