Existuje však několik dovedností, které bude vyžadovat jakýkoli vývoj v oblasti front-end - "klíčové" dovednosti - a několik dalších, které byste měli vážně zvážit přidání do vašeho repertoáru.
Co potřebuješ vědět
Procházejte výpisy pracovních nabídek online a hledáte, co je klíčové pro vývojáře na front-end, které mají znát a rozumět. existují tři klíčové věci.
Neobchodovatelné.
A oni jsou:
- HTML
- CSS
- JavaScript (jQuery)
To 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 vykreslily 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 tvář, 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 je vytvoření ankety, kvízy nebo podání formulářů.
V současné době existuje mnoho knihoven JS online, které vám pomohou přenést vaše webové stránky na další úroveň.
Chcete-li se stát předním vývojářem, stačí pochopit základní JavaScript a nejoblíbenější knihovnu JS - jQuery.
Krásné
Po získání základů jsou to další dovednosti, které jsou hezké. (A spousta pracovních příležitostí pro vývojáře je hledá.)
MV * JavaScript rámce
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 jsou backbone.js a angular.js.
Bezpochyby je učení rámce JS nejtěžší částí stávajícího skutečného vývojáře, ale je to nejlepší způsob, jak si vzít své dovednosti na další úroveň.
Nástroje CSS
Ve srovnání s výše uvedeným rámcem 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žití předkompilátoru (nebo preprocesoru) má spoustu výhod, od tvorby kódu pro údržbu k organizaci. 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 frameworks: CSS framework pomáhá optimalizovat vaše workflow s vestavěnými mřížkami a dalšími komponenty CSS. Dva populární příklady jsou Bootstrap a Foundation.
Odpovědný design: V dnešní době existuje mnoho různých druhů zařízení, které by se měly vašemu webu 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.
Front-End Build Tools
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., Zvláště pro velké projekty nebo projekty, ve kterých 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 máte někdy potíže se získá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.
Úkoly: 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é se může zdát jako 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é znalosti z webu , a to i v případě, že se nejedná o front-end, přineste je ke stolům - jako je návrh, editace videa, SEO atd. Nikdy nevíte, co společnost hledá .
A Hádej co? Možná jste perfektní.