Všetko, čo potrebujete vedieť, aby ste sa stali front-end vývojárom

Všetko, čo potrebujete vedieť, aby ste sa stali front-end webovým vývojárom!

Ak sa chcete naučiť programovať s cieľom stať sa front-end vývojárom, musíte byť veľa vecí, aby ste boli úspešní a získali prácu. Mali by ste začať s pevným pochopením základov vývoja webových aplikácií a potom rozšíriť svoje zručnosti pomocou ďalších nástrojov a zdrojov, ktoré väčšina webových vývojárov využíva.

Ak ste vykonali prieskum a ste si istí, že front-end vývoj je spôsob, ako ísť za vami, vyskúšajte tieto nástroje, ktoré tiež musíte ovládať. Znalosť týchto nástrojov a zdrojov vám pomôže nielen s procesom vývoja webu, ale pomôže vám aj vyraziť konkurenciu z vody pri uchádzaní sa o prácu.

Nakoniec, ak si nie ste stopercentne istí, či sa chcete naučiť programovať, niečo, čo chcete vyskúšať, tu je 10 dôvodov, prečo by ste sa mali naučiť programovať.

Čo robí front-endový vývojár

Najprv musíte presne vedieť, čo je front-end webový vývojár. Vývoj webových aplikácií sa vo všeobecnosti skladá z troch segmentovaných typov pracovných miest:

1. Frontend-ový vývojár. Táto osoba (nazývaná tiež front-end webový vývojár alebo front-end inžinier) je webový vývojár, ktorý pracuje s front-endom webov a webových aplikácií, čo zahŕňa všetko, čo používateľ vidí a používa v prehliadači webovej stránky.. Front-end vývojári sú zvyčajne zameraní na dizajn.
2. Back-end vývojár. Táto osoba je zodpovedná za back-end alebo na strane servera webových stránok a webových aplikácií. Na zadnom konci je manipulované a aktualizované všetky údaje. Back-end vývojári sú zvyčajne logickí myslitelia.
3. Full-Stack Developer. Táto osoba je špeciálny ninja, ktorý je zručný v oblasti predného aj zadného konca. Ak radi pracujete s „peknými vecami“ aj so „super techy“ vecami, táto práca môže byť pre vás…

Tiež dávno v galaxii ďaleko, ďaleko… existoval titul známy ako Web Designer. Webový dizajnér sa vôbec nemusel zaoberať naučením sa programovania a bol zameraný iba na dizajnové aspekty webových stránok.

Pretože v dnešnej dobe sú webové stránky a webové aplikácie oveľa funkčnejšie a interaktívnejšie, trh práce si vyžaduje služby ľudí, ktorí vedia navrhovať a kódovať.

Pre webdizajnérov sú stále k dispozícii nejaké pracovné miesta, ale väčšina webdizajnérov sa snaží naučiť sa kódovať pre lepšie príležitosti, platy a zabezpečenie práce. V mnohých ohľadoch sa na prácu frontendového vývojára dá pozerať ako na webdizajnéra, ktorý ovláda programovací jazyk, pravdepodobne JavaScript.

HTML je kostra webových stránok, CSS je koža a JavaScript je mozog.

Ovládnite základy

Musíte bezpochyby pevne pochopiť tri základné technológie používané pri vývoji webu, ktorými sú:

• HTML: toto je prvý základný stavebný kameň všetkých webových stránok, dáva štruktúru webovým stránkam. HTML je kódovací jazyk, ale nejde o plnohodnotný programovací jazyk, ale o značkový jazyk. Značkovacie jazyky vám umožňujú „označiť“ text na účely spracovania.
• CSS: toto je druhý základný stavebný kameň všetkých webových stránok, je zodpovedný za „vzhľad a dojem“ webových stránok. CSS tiež nie je programovací jazyk.
• JavaScript: je tretím stavebným prvkom a vôbec prvým skutočným programovacím jazykom, ktorý sa väčšina webových vývojárov učí. JavaScript sa spúšťa v prehliadači počítača a umožňuje funkčnosť webovej stránky.

Ak si predstavíte tri stavebné kamene vývoja webu tak, ako by ste si predstavovali človeka, mohli by ste o tom uvažovať takto: HTML je kosť a kostra webových stránok, CSS poskytuje vzhľad a JavaScript je mozog.

Naučiť sa kódovať sa môžete naučiť hneď teraz tým, že absolvujete rýchlokurz HTML od Brada Traversyho, ktorý je WHIZ vo výučbe technológií vývoja webových aplikácií:

Základné nástroje na vývoj webu

• Textový editor: kód píšeme pomocou textového editora, musíte si ho zvoliť a oboznámiť sa so všetkými jeho schopnosťami. Medzi dnes populárnych textových editorov patria: Atom, Sublime Text, Brackets, Visual Studio Code a starý dobrý MS Notepad a Mac Text Edit.
• Nástroje pre vývojárov prehľadávača: Google Chrome a Mozilla Firefox sú vybavené internými vývojárskymi nástrojmi, ktoré vám umožňujú prezerať a manipulovať s kódom ľubovoľného webu vo vašom prehliadači.
• Tieto nástroje sú samozrejme vhodné na účely ladenia… ste jediný, kto môže vidieť zmeny, ktoré na webe vykonáte pomocou nástrojov pre vývojárov, pretože s webom manipulujete iba tak, ako sa zobrazuje vo vašom vlastnom prehliadači.
• Systémy na správu verzií: Systémy na správu verzií vám umožňujú spravovať zmeny vo vašich webových projektoch. To vám umožní vrátiť sa k rôznym verziám projektu bez toho, aby ste zasahovali do nasadeného projektu, kým nedokončíte tú, na ktorej pracujete. Používa sa niekoľko systémov riadenia verzií, ale Git je jednoznačne najdominantnejší.
• Príkazový riadok (terminál): Pre profesionálny vývoj webu je potrebné dokonalé zvládnutie príkazového riadku. Príkazový riadok vyzerá strašidelne, ale uľahčuje nahrávanie nových softvérových balíkov a umožňuje tiež super ľahkú navigáciu v súboroch a priečinkoch. Ovládanie príkazového riadku sa môžete naučiť za deň.

Základné technológie podporujúce vývoj webu

• CSS Preprocesor: vďaka tejto technológii je písanie a udržiavanie CSS hračkou. Zďaleka najbežnejším preprocesorom CSS je SASS a dá sa to naučiť za deň
• Rámečky CSS: Pokiaľ chcete vytvoriť zložitejšie úlohy CSS, ktorých vytváranie je menej náročné na čas, musíte vedieť, že rámec CSS je Twitter Bootstrap.
• CSS Flexbox a CSS Grid: Toto sú obe rozloženia webového modelu CSS, ktoré výrazne pomáhajú pri reagovaní vašich webových stránok na mobilné zariadenia.
• Nástroje na zhromažďovanie súborov: Webpack a Browserify with Gulp slúžia na rýchlejšie načítanie stránky do prehliadača. Tieto nástroje slúžia na minimalizáciu alebo zoštíhlenie obsahu pre rýchlejšie načítanie.
• Knižnice a rámce JavaScript: knižnice a rámce umožňujú rýchlo, ľahšie a efektívnejšie pridávať interakcie JavaScriptu na webové stránky. Pomáhajú tiež zjednodušiť zložitejšie aspekty JavaScriptu. Medzi populárne knižnice a rámce patria napríklad: JQuery, React a Angular.

Ako vidíte, na to, aby ste sa stali front-end webovým vývojárom, je potrebné sa naučiť veľa. Dobrou správou je, že VŠETKY tieto nástroje, zdroje a technológie sa dajú naučiť zadarmo. Už teraz vidíte, že len na YouTube je veľa bezplatných zdrojov…

Ak potrebujete komplexnejšie vzdelávanie, všetky tieto nástroje sa dajú naučiť takmer nič, a to pomocou online učebných zdrojov, ako je Team Treehouse. K dispozícii sú aj jednotlivé kurzy, napríklad kurz The Complete Front-End Development alebo Modern React on Udemy.