Jak se stát front-end webovým vývojářem

S tak úžasnými zdroji dostupnými na internetu je docela snadné se naučit kódovat sami. Chcete-li se stát front-end vývojářem, stačí sledovat cestu a pracovat na několika projektech, aby vaše portfolio vyniklo. Než se ponoříte hluboko do požadovaných dovedností, rychle pochopíme, kdo jsou vývojáři front-end a co dělají ve svém každodenním životě?

Front-end weboví vývojáři pracují na vizuálních a interaktivních prvcích webu. Překlenují mezeru mezi designérem a vývojářem back-end, takže musí být kreativní a zároveň technicky zdatní. Je to praxe vývoje prvků uživatelského rozhraní webových aplikací pomocí jazyků jako HTML, CSS a JavaScript.

Začněte učením HTML a CSS

HTML & CSS je základní blok vývoje front-end. Měli byste být odborníkem na tyto dva jazyky. Dobrá věc je, že to bude trvat jen pár týdnů, než pochopíme základy a začneme věci. Existuje celá řada webových stránek, které vám pomohou při učení HTML a CSS. Můžete vyzkoušet LearnShayHowe.com nebo Codecademy.

Práce na projektech - Jakmile jste hotovi se základními koncepty, začněte pracovat na projektech. Ujistěte se, že jste pracovali na několika webových stránkách nebo prvcích uživatelského rozhraní. Může sahat od vytvoření něčeho jednoduchého, jako je stránka about.me, až po složité vstupní stránky, jako je Pinterest.

Prozkoumejte další informace o responzivním webovém designu a mediálních dotazech. V roce 2019 musíte mít web, který poskytuje skvělý uživatelský zážitek ve všech různých zařízeních, ať už jde o stolní počítače pro mobilní zařízení, tablety nebo velké obrazovky.

Přejděte dolů na JavaScript

Front-end vývoj je více než jen vytváření webových stránek.

JavaScript vám umožňuje přidat na svůj web spoustu interaktivity. Všechna posuvná tlačítka obrázků, vyskakovací okna a tlačítka sbalení jsou vytvořena pomocí JavaScriptu.

Podle průzkumu StackOverflow je JavaScript nejoblíbenějším programovacím jazykem v roce 2018.

StackOverflow - nejoblíbenější programovací jazyky v roce 2018

Můžete se naučit JavaScript z Codecademy, Mozilla docs nebo Javascript.info. Pokud jste někdo, kdo miluje čtení z knihy, bude EloquentJavaScript skvělou volbou.

Opět to samé, přejděte k projektům jako aplikace Seznam úkolů, funkce Přidat do košíku nebo jednoduchá testovací hra na psaní. Musíte se ujistit, že praktikujete hodně, ne jen číst teorii.

Naučte se jQuery

jQuery je populární knihovna JavaScript. To vám dává možnost přidat ready-made prvky na vaše webové stránky, které lze přizpůsobit podle požadavků.

Můžete se naučit jQuery z kurzu Udacity Free - Learn Jquery ZDARMA

Začněte používat front-end frameworks jako Bootstrap

Bootstrap je populární front-end framework, který vám dává možnost přidat běžné šablony uživatelského rozhraní, jako jsou formuláře, posuvník obrázků, typografie, ikony na vašem webu. Můžete se dozvědět Bootstrap od - getbootstrap.com

Git (Systém pro správu verzí)

Používá se hlavně pro spolupráci se zdrojovými kódy.

Tento seznam videí na YouTube vám vysvětlí, jak se dostanete za méně než 30 minut - SLEDUJTE NYNÍ (Navrhuje ho CodeSchool, který získal společnost Pluralsight v roce 2018)

Jakmile dokončíte Git, prozkoumejte několik rámců JavaScriptu jako AngularJS, ReactJS, VueJS a vytvořte webovou aplikaci pomocí rozhraní REST API. Než začnete pracovat na frameworkech, ujistěte se, že jste dobře rozuměli JavaScriptu.

Přední vývoj je obrovský a zároveň se rychle mění. Udržujte si přehled o nejnovějších nástrojích a trendech.

Tato informační grafika vám může pomoci -

Jak se stát front-end vývojářem - https://internstreet.in/learn/front-end-development

Pokud máte zájem dozvědět se podrobně Front-end Development, můžete zkusit kurz vedený mentorem poskytovaný InternStreet - Staňte se Front-end Developerem s mentorováním 1 na 1 od průmyslových odborníků.