Co webový vývojář potřebuje vědět. Chci být full-stack vývojářem

Ahoj.

Pokud byste se teď chtěli začít učit programování webu, kde byste začali? Jaký jazyk, rámec, technologii byste zvolili?

Ptám se z osobního zájmu - chci se rychle naučit moderní nástroje a realizovat své nápady.

Od dětství jsem kamarád s konvenčním programováním: BASIC a assembler na Spectru. Poté technická univerzita (začal jsem studovat koncem 90. let), kde: Funkcionální programování v Pascalu, malém x86 assembleru a pak objektovém jazyce v Delphi, trochu C++ a dokonce i trochu exotický LISP. Život se ale vyvíjel tak, že jsem se nebyl schopen naučit programovat pro web.

Nyní navrhuji webové stránky, kreslím prototypy a navrhuji stránky a rozhraní. Povrchně chápu, co a jak funguje.

Ale nechápu ten proces: jak mohu vytvořit aplikaci, která bude vykonávat funkce, které potřebuji.

V dnešní době již neexistuje prostředí jako dříve, jako například Delphi pro web, kde byste mohli snadno a rychle načrtnout rozhraní aplikace a začít popisovat její reakce na akce uživatele (a doplňkové funkce, které byly vyžadovány aplikací). A tak porozumět tomu, jak vše funguje, a přitom již vytvořit to, co potřebujete.

Umím rozvržení (ačkoli moje znalosti jsou zde již zastaralé), ale nerozumím tomu, jak funguje například animace nebo správa bloků na stránce nebo reakce na akce uživatele. Vím, že každý k tomu používá JQuery a už nahradil Javascript, ale nechápu, jak to celé funguje.

Ale bez pochopení procesů, jak vše funguje, je nepravděpodobné, že budete schopni udělat cokoliv, bez ohledu na to, kolik manuálů přečtete, CMS a frameworků, které neztratíte.

Strašně rád bych se všechno naučil, protože tak můžu sám realizovat své nápady a v případě potřeby je lepší zadávat úkoly kodérům.

Chci se v tomto směru vzdělávat.

Ze zkušenosti mi nejlépe vychází školení, když krok za krokem vysvětlují na příkladech, jak dělat tu či onu věc a dávají úkoly, jak dělat podobné věci nebo rozvíjet funkcionalitu.

V ideálním případě by bylo skvělé najít mentora, který by mi ve formátu školení krok za krokem pomohl implementovat některé věci, které mě zajímají. O ničem takovém jsem mezi programátory opravdu neslyšel, ale čím dál častěji se setkávám s mistrovskými kurzy a školeními dobří designéři, kteří spolu se začátečníky projdou fázemi od základů až po složité věci, utřídí si domácí úkoly a pomohou tak udělat svět lepším místem.

Ne nadarmo jsem se hned na začátku zeptal, co konkrétně teď začnete studovat od nuly. Nevidím smysl ve „obnovování kol“, když můžete „jezdit vysokorychlostními vlaky“. Když vás od studia „materiálů“ a prvních řádků kódu k jednoduché webové stránce nebo službě dělí minimální možný čas.

Překlad
Tutorial

Cesta je to dlouhá a obtížná, ale zajímavá a užitečná!

Článek byl zamýšlen jako praktický průvodce pro ty, kteří se chtějí stát profesionálním webovým vývojářem. Píšu webový kód více než 20 let. Každý den spolupracuji s webovými vývojáři a pomáhám jim. V tomto článku popíšu, co se potřebujete naučit, kdy se to potřebujete naučit a kde informace získat (nejčastěji i zdarma). Pak poradím, jak se dostat skutečný zážitek a hlavně získat peníze za psaní kódu.

V celém článku je roztroušeno mnoho odkazů na bezplatné a důležité zdroje. Pro jednoduchost jsem je shromáždil v PDF a rozdělil do kategorií. Nejsem placen za uvádění stránek, na které jsem uvedl odkazy – chci vás jen doporučit nejlepší zdroje které vám pomohou dosáhnout vašeho cíle.

Důležité informace:

1. Můžete procházet článkem

Průvodce vám může pomoci bez ohledu na to, kde jste na cestě k profesnímu rozvoji. Přejděte na název, který nejlépe popisuje vaši současnou situaci, a čtěte odtud. Pokud jste právě začali tuto cestu nebo o ní stále přemýšlíte, řiďte se radou krále z „Alenky v říši divů“:

Začněte od začátku a pokračujte, dokud nedosáhnete konce; a už se tam zastavte.

2. Vyzkoušejte od všeho trochu a pak si vyberte specializaci.

Peníze nejsou to nejdůležitější. Musíte MILOVAT to, co děláte! Ale nebudete vědět, co se vám líbí, dokud to nezkusíte.

Najděte svou vášeň a pak ji zpeněžujte

Průvodce vám pomůže seznámit se s co nejvíce velké množství oblasti vývoje webu co nejrychleji. A pak vám pomůže vybrat specializaci v oblasti, která se vám líbí. Dokonalosti zpočátku nedosáhnete v ničem – naučíte se základy a pak budete pokračovat ve studiu. Najděte svou vášeň a já vám ukážu, jak jít dál.

Rozhodl jsem se napsat kód. Líbí se mi web. Nevím, kde začít

Uspěješ!

Gratulujeme! Toto je velký první krok a začátek něčeho velmi vzrušujícího. Může to být ale také velmi obtížné. Neboj se, pomůžu ti.

Nejprve se musíte rychle seznámit se základy všech oblastí vývoje webu („celý cyklus“). Trénink bude pestrý, ale mělký. Jde o to najít obor, který vás baví, a také získat základní dovednosti v různých oborech. Pak budete schopni porozumět velkému souboru problémů a pracovat s nimi bez ohledu na to, co si vyberete.

Naučte se základy HTML

Jazyk HTML (Hypertext Markup Language) řídí obsah a rozvržení toho, co vidíte v prohlížeči. Jakmile tam začnete, máte uživatelské rozhraní, se kterým můžete pracovat a vidět výsledky svého kódu. Při studiu více složité jazyky jeho význam poroste. Nemusíte kódovat naslepo.

Zde je to, co se potřebujete naučit o HTML:

Základy HTML už umím

Chladný! Toto je velmi důležitý krok. Nyní se naučte základy JavaScriptu.

Naučte se základy JavaScriptu

JavaScript je jazyk webu a všechny hlavní prohlížeče (Chrome, Firefox, Safari, IE a mnoho dalších) jej podporují. Každý web, každá webová aplikace, kterou jste použili, s největší pravděpodobností obsahuje velké množství JS kód. Nemluvě o tom, že jazyk získává na popularitě i na jiných platformách – serverech, stolní počítače, Další zařízení.

Prozatím potřebujete základy a k tomu jsou dobré následující zdroje:

Ovládám základy JavaScriptu a HTML

Úžasný! Nyní k vašim dovednostem přidejte CSS

Naučte se CSS

CSS nebo kaskádové styly ( kaskádové tabulky styly). Slouží k nastavení vzhled HTML prvky Na stránce. Podívejte se na bezplatný tutoriál od Mozilly a poté se podívejte na triky CSS, které vám pomohou vyřešit nejběžnější problémy. komplexní problémy(vpravo nahoře je vyhledávání).

Pojďme k backendu

Dosud jsme se zabývali tím, co se nazývá „front-end“ vývoje webu. Seznámili jste se s hlavními jazyky běžícími v prohlížeči. Je čas přejít na backend – kód běžící na serveru. Nebojte se, nebudete potřebovat server – váš počítač to zvládne.

Existuje spousta backendových jazyků, ale protože jste obeznámeni s JavaScriptem, doporučoval bych naučit se používat Node.js. Umožňuje vám spouštět kód JS na serveru, nikoli v prohlížeči.

Kromě toho se musíte naučit Express a MongoDB.

Vyjádřit

Jedná se o knihovnu, se kterou může Node.JS pracovat jako webový server (naslouchat požadavkům ze stránek a posílat jim odpovědi).

MongoDB

Je to databáze, která umožňuje ukládat a získávat informace.

Tato tři témata můžete studovat díky následujícímu skvělému a bezplatnému vzdělávacímu materiálu a jeho pokračování.

Potřebuji si vybrat mezi frontendem, backendem a celocyklovým vývojem

Jakmile vyzkoušíte obě možnosti vývoje, je čas si vybrat. Pokud jste je nestihli vyzkoušet, kontaktujte předchozí sekcečlánky, které zaplní mezery ve vašich znalostech.

V tomto okamžiku jste napsali dva typy kódu. Jeden je pro interakci s uživatelem, druhý pro data. Čemu dáváš přednost?

Interakce uživatele? Gratulujeme, jste front-end vývojář!

Interakce s daty? Gratulujeme, jste backendový vývojář!

Oba? Gratulujeme, jste úplný vývojář!

Nic se vám nelíbilo? Gratulujeme, vývoj webu není nic pro vás. Buďte rádi, že jste na to teď přišli a nepromarnili spoustu času a peněz. Nejste připraveni se vzdát? Možná jste nenarazili na jazyk, který se vám líbil? Zkuste se naučit další jazyky v sekci „Chci být backend developer“.

Chci být full-stack vývojářem

Chladný. Musíte si přečíst celý obsah sekcí „Chci být backend developer“ a „Chci být frontend developer“.

Chci být front-end vývojář a umím základy JavaScriptu, HTML a CSS

Pro efektivní práce Jako front-end vývojář musíte ovládat HTML, CSS a JavaScript na straně klienta. Budete také muset dobře rozumět několika důležitým rámcům. Získáte dovednosti, které zaměstnavatelé a klienti očekávají u předních vývojářů.

Teď už byste to měli vědět základy HTML. V opačném případě se vraťte do části Naučte se základy HTML.

Naučte se středně pokročilé a pokročilé HTML

Podívejte se na středně pokročilý výukový program HTML a poté na pokročilý výukový program HTML.

Naučte se pokročilý JavaScript na straně klienta

Vynikající série knih o JS a je zdarma

Chcete-li zlepšit své znalosti JavaScriptu, doporučuji knižní sérii You Don't Know JS od Kylea Simpsona. Autor zveřejnil celou sérii online zdarma:

Navíc vaše nejlepší přítel by se měl stát také JavaScriptem MDN.

[Zcela zdarma máte k dispozici také vynikající překlad skvělé knihy „“.]

Znalost „front-endové trojice“, HTML, CSS a JavaScript je samozřejmě skvělá. Ale abyste vydělali peníze, budete se muset seznámit s některými frameworky.

Naučte se jQuery

Je to nejoblíbenější knihovna JS všech dob. Ačkoli některé nové rámce učinily jQuery méně důležitým, pokud hledáte práci, je velká šance, že jQuery bude v popisech práce (a zmiňován při pohovorech) ještě mnoho let.

Doporučuji naučit se jQuery pomocí materiálů FreeCodeCamp – je to rychlé a účinná metoda. Poté přejděte na oficiální stránku školení - tam najdete další pokyny.

Naučte se populární JS framework

Frameworky usnadňují práci s konkrétním jazykem nebo technologií, protože jsou řešitelné největší problémy existující pro vybranou technologii. JavaScript měl velmi příznivý vliv na vývoj a popularizaci frameworků.

Téměř jednou týdně se objeví nový rámec, který je navržen tak, aby nahradil nový vývojový standard. Budete muset prohledat pracovní stránky a trochu googlovat, abyste zjistili, který framework je na vašem trhu oblíbený. Doporučuji také nástroj Hacker News pro hodnocení trendů na trhu práce.

V době psaní tohoto článku byly populární následující rámce:

Po výběru nejvhodnějšího frameworku a důkladném seznámení se s ním se vyplatí prostudovat CSS framework, který je s ním dodáván. Dva největší hráč na tomto trhu dnes – Bootstrap a Material Design.

Bootstrap

Bootstrap vytvořili vývojáři Twitteru a je již docela vyspělý a populární. Bootstrap verze existují pro Angular, Angular 2 a React.

Materiál

Materiál je sada pravidel návrhu vyvinutá společností Google. Získává na popularitě a existují verze pro Angular a React. Vzhledem k tomu, že Angular je také duchovním dítětem společnosti Google, Material se k němu dokonale hodí.

Zde je několik odkazů pro vás:

Gratulujeme! Máte klíčové dovednosti front-end vývojářů!

Jen se na něj podívejte!

Chci být backend developer

Báječné! Prvním krokem je výběr jazyka. Pro práci s backendem je k dispozici mnoho jazyků a každý má své výhody a nevýhody. Podívejte se na tabulku programovacích jazyků seřazených podle oblíbenosti. Všichni se v první desítce drží už deset let. Zeleně označené jsou webové jazyky, které si v průběhu let získávají na popularitě.

Index programovacích jazyků TIOBE, www.tiobe.com/tiobe_index?page=index

Soustřeďte se na jazyky, jejichž jména jsem zakroužkoval zeleně. Pokud je neznáte, začněte v horní části tabulky a postupujte dolů. Zastavte se, když najdete něco, co se vám líbí, a pusťte se do toho!

Pokud jste obeznámeni s jedním z označených zelená jazyky a máte to rádi - soustřeďte se na to.

Zlepšete své dovednosti při pohovoru

Musíte se připravit na víc než jen psaní kódu. Dobrý článek od Life Hacker popisuje spoustu užitečných a cenných informací.

Hlavní je prosadit se na trhu

Nebojte se příliš o získání vysněné práce u vysněného zaměstnavatele s vysněným platem. Nejprve si sežeňte práci, kde budete psát kód pro peníze. Po obdržení více zkušeností, můžete si naplánovat další krok.

Chci být na volné noze

Být svým vlastním šéfem je dobrá věc, ale přináší to také obrovský tlak a velké potíže. Nejlepší zdroj informace o volné noze ze všeho, co jsem viděl - DoubleYourFreelancing.com. Má řadu článků, které vám pomohou stát se lepším freelancerem, než jsem kdy mohl já. Číst.

Další možností, pokud jste si jistí, je služba Toptal. Přijímají pouze 3 % všech uchazečů a proces je velmi komplikovaný, ale pokud se tam dostanete, budete mít přístup k dobře placeným pracovním místům, na kterých můžete pracovat na dálku.

Začal jsem pracovat, ale mám pocit, že jsem ve slepé uličce

Rozumět. Není to jednoduché, a pokud vám někdo tvrdil opak, buď to neudělal, nebo se vás snaží o peníze ošidit. Pokud se cítíte zaseknutí, vyzkoušejte tyto možnosti:

Obnovte svůj původní záměr

Zeptejte se sami sebe, napište si na papír, proč jste se rozhodli jít touto cestou. Je vaše odpověď stále platná? Pokud ano, tak proč přestat? Vpřed!

Od autora: nejvíc populární žádost pro začínající vývojáře je „vývoj webu, kde začít“. Ve skutečnosti je téměř nemožné nezávisle určit výchozí bod učení. Koule je plná spousty různé nástroje, což znamená, že vyžaduje celou sadu dovedností. Pomůžeme vám zjistit, v jakém pořadí zvládnout práci se softwarem a jazyky pro web, abyste co nejdříve mohli jste se nazývat vývojářem.

Vyplatí se začít!

Kdybyste se zeptali zkušeného programátora na začátku roku 2000, co bylo nejzajímavější ke studiu, bez mrknutí oka by řekl: „Vývoj software" V té době bylo množství práce v tomto směru skutečně velké: bylo nutné vytvořit hlavní OS, antiviry, prohlížeče a herní enginy. Dnes se to vše nadále vyvíjí, ale důraz je kladen na web.

Vytváření online produktů je zajímavé pro začátečníky. To je to, co vidí každý den: stránky a aplikace. Jejich využívání je aktivní, což znamená, že takové specialisty trh vyžaduje. Učení je nyní navíc dostupné pro každého, kdo má internet – v knihovně již není potřeba pracovat s řadou informací.

Vývoj webu přitahuje lidi s kreativní myslí. Jsou zde jak programátoři, tak umělci. Výrobek potřebuje kvalitní jádro – stejně jako atraktivní vzhled. Stále probíhá aktivní debata o tom, co je pro webový produkt důležitější: vzhled nebo výkon. A pokud někteří (Telegram, Facebook) demonstrují, že i jednoduchá vizuální část je uživatelem dobře vnímána, pak jiní (Instagram) ukazují, že někdy je uživatel ochoten zaplatit rychlost za krásně navrženou aplikaci.

Musíte se také stát webovým vývojářem, protože každý přístup má svou vlastní aplikaci. Toto je svět neustálého vývoje a hledání. Vše je zde zaměřeno na klienta a jeho potřeby. Kromě toho, když získáte zkušenosti s webovým prostředím, můžete začít vyvíjet software: jazyky a nástroje se pro tyto typy vývoje staly běžnými.
Frontend nebo backend?

Dokonce i ti, kteří začínají studovat obor od nuly, vědí, že existují dva hlavní směry vývoje. Málokdo ale ví, co každý z nich znamená. A pokud je vše víceméně jasné na „přední straně“, pak je serverová část, backend, pro figuríny zahalena temnotou. Bez důkladného pochopení každého z vektorů vývoje není možné určit, který z nich vám bude nejvíce vyhovovat. Podrobná recenze může to začátečníkům objasnit.

Tak lze obecně charakterizovat, co znamená vytvořit produkt pro web. Ne, netrváme na tom, že si začátečník musí vybrat zadní stranu, jde jen o záhadnější stránku.

Způsob, jakým je většina prvků ve své vizuální části konstruována, je totiž obecně všem jasný. Ale jaká magie načítá funkční prvky, které jsou v konkrétní chvíli potřeba, není každému jasné. Toto kouzlo v síti je řízeno serverovou stranou: informacemi, které jsou zpracovávány na serveru, nikoli na počítači uživatele.

Pro dynamické weby je typický rozvinutý backend. Například, sociální média- dynamický. Aktualizují vaši stránku, aniž byste si toho všimli, a generují HTML kód pro prohlížeč na základě faktorů od pohybu kurzoru po konkrétní časové období.

Při registraci si zvolíte přezdívku. A pokud je zaneprázdněn, systém vás na to upozorní: backend začal fungovat. Podle předepsaného algoritmu byla data, která jste zadali do pole webové stránky, odeslána na server. Zde program porovná všechny registrované uživatele s databází a pokud je jméno obsazeno, odešle o tom uživateli na obrazovce informaci. V propracovanější verzi nabízí speciálně napsaný program uživateli různé varianty přezdívky, které lze použít.

A to je jen příklad: pro začátečníky je to nejsrozumitelnější. Obecně může serverová strana provádět neomezený počet funkcí. Vývojář, který vytváří produkt od nuly, určuje, které funkce budou vykonávány výkonem serveru a které padnou na bedra uživatelského stroje. Hodně záleží na službě, kterou webmaster vytvoří.

Například nejvíce populární aplikace pro carpooling BlaBlaCar závisí na backendu více než na všech stránkách vizitek dohromady. S ním straně serveru spolupracuje obrovský tým vývojářů, přičemž frontend je srozumitelný i pro webové figuríny. Je nutné nejen formalizovat celý proces žádost-odpověď. Vytvářejte ale také mobilní a desktopové aplikace pro každou platformu.

Ti, kteří více inklinují k programování, obvykle volí „zpět“. Pro začátečníky, kteří snili o vytvoření dobrých vizuálů a přechodů stránek, to může být nudné. Ale specialisté na tuto stránku vývoje mají svou výhodu: stabilitu. Když se naučili určitou technologii, mohou se s ní vyzbrojit mnoho let, zatímco fronta je neustálý závod s časem.

Jazyky, které se používají pro tuto stranu webu, se obvykle nazývají jazyky na straně serveru. Některé z nich se používají v programování obecně, ale vzhledem k jejich oblibě mezi webovými vývojáři se staly spojovány konkrétně s údržbou webových produktů. Mezi nimi:

PHP, které si získalo svou oblibu díky snadnému učení. Navzdory kritice zvenčí zůstává nejpoužívanějším;

Javascript a jeho modifikace;

Ruby, která dala vzniknout jednomu z nejznámějších frameworků – Ruby on Rails;

Ve skutečnosti není jazyk, který se rozhodnete učit, tak důležitý. Koneckonců, každý z nich se dobře hodí pro interakci se serverem. Kromě nich bude užitečné naučit se dotazovací jazyk. Nejznámější a nejpoužívanější je SEQUEL neboli SQL. Podobnosti mezi těmito jazyky jsou silné. Takže když se naučíte jeden, nebude těžké se přizpůsobit operacím s druhým.

Moderní tendence a přístupy ve vývoji webu

Naučte se algoritmus pro rychlý růst od nuly při vytváření webových stránek

Tento jazyk je potřebný pro komunikaci s databázemi – přesně to lze udělat rychlá aplikace, která využívá velké množství dat. Nejoblíbenější systémy pro správu databází jsou MySQL, MSSQL, MariaDB a další. Je těžké říci, který z nich je lepší, ale MySQL si získalo největší popularitu. Schopnost pracovat s databázemi - potřebný okamžik pro vývojáře webových aplikací to platí pro specialisty na front-end i back-end. Osvojit si klíčové body není těžké, ale abyste byli zběhlí, potřebujete zkušenosti s řešením konkrétních problémů.

Nejen podle designu

...lze označit jako frontend, přestože tak začátečníci chápou klientskou stranu. Do jisté míry mají pravdu, protože většina z přední vývojářské aktivity jsou viditelné pro uživatele rozhraní. Je však zodpovědný nejen za design, ale také za interaktivní uživatelský zážitek.

Kreslit – nekódovat

Přední strana má dva hlavní směry vývoje: designéry a designéry rozložení. Pokud máte rádi kreativitu a rozvržení, začněte se učit základy webdesignu. Nejprve nainstalujte grafický editor, Například, Adobe Photoshop. Vzdělávacích materiálů v této oblasti je spousta a jsou velmi kvalitní. Lví podíl je zaměřen speciálně na figuríny.

Ihned po instalaci PS se vám funkce a rozhraní budou zdát nepřátelské a nástroje se budou obtížně používat. Práce s programem skutečně vyžaduje určité dovednosti. Ale za prvé to není tak těžké, jak se zdá, a za druhé plný potenciál Možnosti Photoshopu nepotřebuješ to. Na YouTube existují kurzy, které se specializují na makety webových produktů. Vyberte si je na trénink!

Pokud se budeme bavit o kastě designérů layoutů, tak jejich úkolem je přeměnit layouty na kód, kterému prohlížeč rozumí – HTML. Ale to vám stačit nebude. Zvládnutí hypertextového jazyka vám nezabere déle než dva dny, pokud budete pilně studovat, a stejně tak více Základy CSS, díky čemuž je stránka pestrá. Není to jako programovací jazyky – je to jako stvořené pro začátečníky.

Pokud mluvíme o programovacím jazyce, pak pro front-end vývojáře je to Javascript. A bylo by skvělé, kdyby se nejednalo o závod s časem, který jsme zmínili výše. Díky jí k modernímu developerovi pro web musíte pracovat se dvěma standardy najednou: pátým a šestým ECMAScriptem. Nové produkty jsou napsány ve svazku 6, ale řada produktů stále používá svazek 5. S každým si budete muset poradit.

Před několika lety byla důležitou dovedností schopnost psát kód napříč prohlížeči. Ve zkratce to znamená napsat Javascriptový program, který bude dobře fungovat ve velkých prohlížečích. Dříve výrobci softwaru pro surfování na webu, soutěžili o to, čí technologie se stane mainstreamem. Ale dnes jsou téměř všechny prohlížeče standardizovány a jejich rozdíly se soustřeďují uživatelské rozhraní. Až donedávna to znamenala kompatibilita mezi prohlížeči Javascriptový kód bude vhodný pro moderní prohlížeče A internet Explorer. Ale společnost uznala IE jako nefunkční a opustila jeho používání trochu méně než úplně.

V Nedávno, vývojáři front-end podléhají požadavkům vyššího řádu. Jestliže dříve byl takový vývojář spíše designérem rozvržení, který je vyškolen ve složitosti klientského JS a „šroubuje“ skripty z knihovny, nyní je to člověk s rozsáhlou sadou dovedností. Moderní trh chce vidět front-endového vývojáře něco takového:

zná HTML/CSS s jeho specifikacemi;

pro optimalizaci používá preprocesory;

cítí se jistě s JavaScriptem;

pracuje s js frameworky jako Angular a React;

vytváří design pomocí metodiky BEM;

rozumí oblíbeným CMS (takže později je funkčnost srozumitelná i pro figuríny);

rozumí základům backendu a nebojí se do něj v případě potřeby pustit;

pracuje se systémy pro správu verzí, jako je Git;

To již připomíná full stack, ale o tom níže. Tento přístup programátoři kritizují, protože je nutí ztrácet čas problémy, které dříve nevyřešili.

Nebo možná plný zásobník?

V jakékoli oblasti, ať už jste lékař, inženýr, matematik nebo webový vývojář, musíte usilovat o zvládnutí celé sady dovedností. A skutečnost, že se dnes od vývojářů front-endu vyžaduje znalost základů backendu, je přirozený jev.

Zdá se ale, že v éře takového vývoje, jakou nyní zažíváme, nebude možné okamžitě zvládnout všechny dovednosti ve vývoji webu od nuly. Faktem je, že zatímco zvládnete jednu věc, vymyslí se něco nového a čas strávený mohl věnovat „leštění“ a praktické části. Velké společnosti chápou, že je jednodušší najmout dva specialisty, než doufat, že někdo dokáže pokrýt dvě bojiště najednou.

Plný zásobník byl možný před několika lety, kdy množství technologie potřebné k vytvoření kvalitního produktu nebylo tak rozsáhlé. Ale ani samotné jazyky a software nejsou hlavními kameny úrazu. V podstatě musí plný zásobník vyvinout jak samotný produkt, tak jeho adaptivní verze Pro různé platformy včetně mobilních. Náročné na implementaci, ještě obtížnější na testování: ukazuje se, že vývojář se musí obklopit zařízeními, pro které aplikaci vytváří.

Pokud ale s tréninkem teprve začínáte, pohybujte se oběma směry. To neznamená, že se z vás definitivně stane full stack. Ale tímto způsobem můžete zjistit, který vývojový vektor se vám líbí, a ve kterém se budete jednoduše pohybovat.

Mimochodem, samotná linie mezi přední a zadní částí je velmi libovolná moderní podmínky. Někdy vývojáři staví plné aplikace, které jsou téměř výhradně založeny na klientská strana, zatímco jiní přenesou všechny procesy na server a uživatel dostane pouze výsledek programu.

A na závěr hlavní pravidlo: nikdy se nepřestávejte zlepšovat, ať už si zvolíte jakoukoli stranu vývoje.

Moderní trendy a přístupy ve vývoji webu

Naučte se algoritmus pro rychlý růst od nuly při vytváření webových stránek

Velmi často se setkáváme s lidmi, kteří by se rádi naučili vývoj webu a udělali kariéru v této oblasti, ale prostě nevědí, kde začít. Co by mělo být prvním krokem? Co studovat? Jaké jsou vyhlídky? Tyto a mnohé další otázky trápí mnohé, kdo se chtějí vydat na dráhu webového vývojáře.

Shromáždili jsme všechny informace v tomto článku, abychom vám poskytli základní znalosti o programování webu, designu, marketingu a dalších. Přečtěte si tento článek až do konce a můžete se rozhodnout, zda se chcete stát specialistou na vývoj webových projektů. Pokud se po přečtení vaše touha konečně posílí, budete si muset během cesty k nové kariéře aktivně udržovat motivačního ducha.

Začněme článek motivačním bodem. Jako v každé jiné činnosti je motivace klíčovým faktorem, který z vás nakonec udělá špičkového specialistu. V počátečních fázích může být motivace pro vstup do řad webového vývoje zcela jednoduchá. Jednak je chuť pracovat v tomto oboru, pak následuje vizuální kontakt s dílem dobří vývojáři, poté se ve vás zrodí něco, co vás motivuje hledat podobné články a dělat první kroky.

Buďme k vám upřímní: motivace na začátku může velmi rychle vyprchat a nemusí vás nabíjet energií na neurčito. Jak rozšířit sílu motivace? Víte, jsou tam ty zelené kousky papíru, dokonce jsou i v jiných barvách, myslím, že se jim říká peníze. Takže peníze jsou spotřebního materiálu, která nám pomáhá snadno získávat věci, které potřebujeme, a dělat to, co je bez nich téměř nemožné. Proč to říkám? Navíc peníze mohou být skvělou motivací.

Ale kde se berou peníze, když jste se ještě nerozhodli, co budete dělat? Počáteční motivace by vám měla stačit, když uděláte první krůčky. Na této vlně už bude možné něco prodat. Pravděpodobně si myslíte, že se to stane za 2-3 roky, možná dokonce za 5 let? Rád rozptýlím vaše pochybnosti. Za 2-3 měsíce budete moci něco prodat. A za 2-3 roky tržby výrazně vzrostou, stejně jako váš zisk. Stejné množství času budete moci strávit u dražších produktů. Nyní můžete práci dělat efektivně, rychle a profesionálně, díky čemuž na sebe výsledek nenechá dlouho čekat (i v podobě příjemně ostrých bankovek).

Možná jste v tento moment Myslíte si, že už je na světě docela dost dobrých vývojářů, proč by si někdo kupoval něco od začátečníka? Vidíte, je tu druhá strana – klient. A stejně jako se vývojáři dělí na začátečníky, specialisty a profíky, tak i klienti jsou buď na trhu dlouho, nebo jsou na začátku své profesní cesty. Podle toho mají klienti různé potřeby.

Vezměme si například klienta, který rád rybaří. Pracuje jako komunikační inženýr a vydělává průměrný plat. A tak se rozhodl udělat si blog o rybaření. Takoví klienti mají v mnoha případech omezený rozpočet a kvalita vývoje pro ně není na prvním místě. Samozřejmě to nebude křičet, protože zaplatí své vydělané peníze. A tady je vaše webová stránka, která bude na čisté HTML nebo na některých volný motor, může dobře uspokojit jeho potřeby. Zde získáte svých prvních 50 $ (podmíněně) a +50 bodů se přidá k vaší motivaci. To bude stačit k dalšímu tréninku a rozvoji dalšího řádu.

Tento bod by mohl být první, ale na základě našich zkušeností zde jeho místo je. Váš motivační duch vás tedy přivedl k hledání specializace. Všechno je zde velmi, velmi jednoduché. V tuto chvíli byste měli úplně zapomenout na peníze, na trendy, na svého kamaráda Maxe, který vydělává „wow, jaké peníze“ tvorbou webů. Musíte si pamatovat vše, co jste měli rádi jako dítě, ve škole, minulý rok, včera. Právě na základě rozboru toho všeho se můžete rozhodnout, zda opravdu chcete být webdesignérem, webovým programátorem, nebo zda máte rádi marketing, s jehož pomocí byste chtěli pomáhat projektům k větší úspěšnosti.

Dám vám svůj osobní příklad. V raném dětství (4-6 let) jsem rád vzal do ruky páječku a pohrával si s ní desky plošných spojů, hrajte si s LED diodami a bateriemi. Ve věku 6-10 let jsem měl počítač Atari. Dodával se s magnetofonem a hry se nahrávaly na magnetickou kazetu. Ano, určitě jsem hrál 8bitové hry! Slušný zájem jsem ale měl o jazyk Basic, který byl v tomto Atari dostupný a dokonce se daly psát programy, které následně výsledek zobrazily na obrazovce. Pak jsem ani nevěděl, co je to programování a to Základní jazyk. Zkopíroval jsem kód z knihy a podíval se na vizualizace na obrazovce. Pak jsem začal experimentovat. Měňte čísla, příkazy a získejte nové obrázky a zvuky. To mě velmi potěšilo. Když jsem pak byl ve škole, narazil jsem na film Matrix. Viděl jsem to mnohokrát a stále patří k mým nejoblíbenějším. nejlepší filmy, předběhl svou dobu. Ve škole jsem měl moc rád algebru a geometrii. A také jsem v sobě měl jakousi „antiučebnici“. Dostali jsme lekce – učil jsem. Dále jsem musel napsat test z obdržených materiálů. Věděl jsem, jak problém vyřešit na základě naučených dat, ale vždy jsem se snažil něco „vymyslet“ a problém nějak vyřešit. O něčem takovém jsem začal přemýšlet, když mi bylo 12 let, vždycky jsem chtěl dělat věci jinak, než nás učili, ale nakonec jsem se rozhodl rychleji, přesněji a jinak než všichni ostatní.

Nyní je čas položit si otázku: "Kdo jsem se měl stát?" Ano, programátor, ale nejspíš architekt softwarový balík. Vyzkoušejte můj přístup a zjistíte, co se vám opravdu líbí na dlouhou, dlouhou dobu. Tohle všechno mi nikdo neřekl. A jak bych se mohl stát programátorem, aniž bych o tom všem vůbec přemýšlel. Ale kdybych původně uvažoval tímto způsobem, mohl bych se rozhodnout dříve. Mimochodem, první krůčky v programování jsem začal dělat ve 13 letech. jazyk Pascal(nepočítám Atari v dětství). Ale jsem si jistý, že začít v 10 letech bylo možné!

Stačí se tedy rozhodnout v jedné ze tří oblastí: návrhář webových projektů, webový programátor nebo marketér. Pokud chcete být programátorem, budete se muset rozhodnout pro první jazyk, který se budete učit. V ostatních dvou případech nedává zpočátku výběr něčeho specializovanějšího smysl.

Chci se stát programátorem. Jaký jazyk si mám vybrat?

Dnes existuje velký počet programovací jazyky pro webové stránky. Níže uvádíme seznam oblíbených programovacích jazyků a stručně popisujeme, co se k čemu používá a pro jaké úkoly.

HTML + CSS

Svou cestu ve vývoji webu byste rozhodně měli začít studiem HTML značení. A je úplně jedno, jestli jste programátor nebo designér. Znát HTML je jako znát základy toho, jak počítač funguje a jak funguje interně. Bez znalosti HTML se neobejdete dobrý web programátor nebo webdesignér. Jeho zásadní zvládnutí bude vyžadovat maximálně pár měsíců píle a úsilí.

Pro základní pochopení můžete začít s těmito dvěma návody:
. HTML výukový program;
. CSS tutoriál.

Pamatujte, že na internetu je toho hodně dostupné informace. A první 2-3 výsledky na Googlu klíčová slova "HTML výukový program“ bude docela relevantní a relevantní. Zpočátku se musíte nastavit, abyste odpovědi nacházeli sami.

Druhým krokem je studium tohoto konkrétního skriptovacího programovacího jazyka. Pomůže vám to udělat vaše stránky interaktivní. S jeho pomocí můžete vytvářet skriptované aplikace, které poběží v prohlížeči klienta. Například: kalkulačky, posuvníky, animace, grafy atd. Komplex z Java skript, HTML, CSS bude stačit na první prodeje, například holé rozložení webu.

PHP

Dále přejdeme k dalším vážné jazyky. Podívejme se na PHP. Je jedním z lídrů mezi jazyky pro tvorbu dynamických webových stránek. Pokud chcete vyvíjet webové stránky, doporučujeme začít svou cestu zde. Jiné jazyky se můžete naučit kdykoli, ale PHP vám pomůže rychle zvládnout základní pojmy a začněte prodávat svůj výtvor. Na učení PHP Už začnete plně chápat podstatu tvorby webových stránek.

Jáva

Vyvinuto společností Sun Microsystems. Java je objektově orientovaný programovací jazyk založený na třídách. To je skvělé populární jazyk programování, standard pro podnikový software, webový obsah, hry a mobilní aplikace. Stejně jako programovací jazyk pro OS Android. Java je navržena tak, aby mohla běžet na více softwarové platformy. Program napsaný na Mac OS X tedy může fungovat i na Windows.

Rubín

Celý smysl Ruby byl vytvořit programovací jazyk, který byl jednoduchý a snadno se kódoval. Byl navržen jako skriptovací jazyk pro tvorbu webových stránek a mobilních aplikací a je dynamický a objektově orientovaný. Ruby vytvořil Ruby On Rails, který používá mnoho webů, včetně Groupon a GitHub. A také mnozí považují Ruby za dobrý výchozí bod pro začínající vývojáře.

C++

C++ je středně pokročilý objektově orientovaný programovací jazyk, původně vyvinutý pro vylepšení jazyka C. Mnoho oblíbené programy, jako jsou Firefox, Winamp a Adobe. Používá se k vývoji systémového softwaru, aplikačního softwaru, serverových a klientských vysoce výkonných aplikací a k vytváření videoher. Je skvělé to znát, ale neměli byste na to spoléhat jako na jazyk pro tvorbu webových stránek.

Python je skriptovací jazyk vysoká úroveň pro webové stránky a mobilní aplikace na straně serveru. Je považován za jazyk, který se snadno učí a je snadno čitelný. Vývojáři mohou použít méně řádků kódu k dosažení stejných cílů v jiných programovacích jazycích. Mnoho komplexních produktů je postaveno na Pythonu: Instagram, Django, Rdio. Python se také aktivně používá v produktech společností Google, Yahoo a NASA. Chcete-li vytvářet projekty s vysokým zatížením, Python je jedním z jazyků, které můžete použít. rozhodující otázka zatížení. Doporučujeme učit se Python jako druhý nebo třetí jazyk.

Je důležité pochopit
V jakékoli fázi učení se můžete postupně začít považovat za programátora, ale považujte se nejlepší programátor nikdy to nestojí za to. Vždy bude něco, co neznáte a vždy se bude co učit. Být programátorem neznamená získat určité zkušenosti a zastavit se tam. Nástroje se každým dnem rozšiřují. Musíte být neustále v této dynamice, neustále se zapojovat do seberozvoje. Můžete zároveň navštěvovat semináře, poslouchat reportáže, ale hlavním základem, který dostanete, bude pouze vaše touha po seberozvoji.

Být úspěšným programátorem znamená najít odpovědi na své otázky sami. Ze začátku to může být těžké. Postupem času ale začnete chápat, že nic není nemožné a díky internetu se vám otevírají četné dveře. Jen je potřeba pokaždé najít ty správné dveře. Nestyďte se dělat chyby, je důležité své chyby přijmout a v budoucnu je minimalizovat.

Nikdy nevěřte školením typu „Jak se stát programátorem za 24 hodin“. Musíte si být vědomi toho, čeho můžete dosáhnout vysoké výsledky jen tvrdou prací, praxí a jen časem. V průměru se věří, že abyste se stali dobrým programátorem, musíte programováním strávit alespoň 10 000 hodin. A to je v průměru 5 let, vezmeme-li v úvahu, že strávíte 4 hodiny denně. Ano, přesně 4, ne 8, protože je to 8 hodin čisté programování bude slušná zátěž na mozek, která narušuje koncentraci a kvalitní zvládnutí látky.

Samotné psaní kódu je pouze část programování. Musíte mít sebekontrolu, mít neustálou touhu po seberozvoji a být maximálně disciplinovaní a vytrvalí. To jsou vlastnosti, na kterých musíte pracovat od prvních dnů. Neexistují žádné snadné způsoby. Účastí na kurzech a školeních nezískáte znalosti, které můžete získat sami. Je to vytrvalost, práce a vytrvalost, která vás postaví nad ostatní.

Nikdy se nerozčilujte a nepovažujte se za horšího než ostatní. V počátečních fázích může nastat velké množství momentů, kdy nemáte ani ponětí, „jak na to“. Vše přichází se zkušenostmi. Dobrý programátor může dělat cokoliv, i když to nikdy nedělal a i když na první pohled přesně nechápe, jakou metodou problém vyřeší. Je si ale jistý, že vše je v jeho silách a vše bude fungovat jako hodinky.

Věčnost! Programování, stejně jako mnoho jiných oblastí, vyžaduje neustálý seberozvoj. Každý den se objevují nové příležitosti, nová řešení. Vždy sledujte novinky, dívejte se svět, neustále rozvíjet. S každým projektem budete vědět něco lépe než včera. A s každým projektem se budete považovat za chytřejšího než včera. To je normální a dokonce skvělé!

Vždy hledejte způsob, jak váš současný projekt vylepšit než ten předchozí! Pokud máte nový projekt, identický s tím, který jste již vytvořili před šesti měsíci, neměli byste používat kód 1 v 1 z tohoto projektu. Vždy se snažte napsat kód znovu a pokaždé ho zkuste napsat lépe než včera.

Důležité pravidlo
Investice do sebe je nejvýnosnější a nejvýnosnější investicí. Strávili jsme dnes nad projektem pár hodin navíc, abychom problém vyřešili více kvalitním způsobem, bude investováno do vašich zkušeností.

Bonus pro vaši motivaci

Tento graf ukazuje připravený zisk, který dobrý programátor na UpWork.com v průměru vydělá. Nechat tento rozvrh bude další motivací pro vaše snažení. Zvažte také fakt, že žijeme v době, kdy se lidé snaží vše co nejvíce automatizovat. Z tohoto důvodu je řada oblastí činnosti doslova každým rokem omezována, takže si můžete být jisti, že v blízké budoucnosti bude pozice programátorů jen posilovat.

Hodně štěstí ve vašem snažení. Buďte vytrvalí, milujte, co si vyberete, a všechno bude fungovat!

S pozdravem,
zakladatel

Překlad
Tutorial

Cesta je to dlouhá a obtížná, ale zajímavá a užitečná!

Článek byl zamýšlen jako praktický průvodce pro ty, kteří se chtějí stát profesionálním webovým vývojářem. Píšu webový kód více než 20 let. Každý den spolupracuji s webovými vývojáři a pomáhám jim. V tomto článku popíšu, co se potřebujete naučit, kdy se to potřebujete naučit a kde informace získat (nejčastěji i zdarma). Pak vám poradím, jak získat zkušenosti z reálného světa, a co je nejdůležitější, dostat zaplaceno za psaní kódu.

V celém článku je roztroušeno mnoho odkazů na bezplatné a důležité zdroje. Pro jednoduchost jsem je shromáždil v PDF a rozdělil do kategorií. Nejsem placen za to, abych zmiňoval stránky, na které odkazuji – chci vám jen doporučit ty nejlepší zdroje, které vám pomohou dosáhnout vašeho cíle.

Důležité informace:

1. Můžete procházet článkem

Začněte od začátku a pokračujte, dokud nedosáhnete konce; a už se tam zastavte.

2. Vyzkoušejte od všeho trochu a pak si vyberte specializaci.

Peníze nejsou to nejdůležitější. Musíte MILOVAT to, co děláte! Ale nebudete vědět, co se vám líbí, dokud to nezkusíte.

Najděte svou vášeň a pak ji zpeněžujte

Průvodce vám pomůže co nejrychleji se seznámit s co nejvíce oblastmi vývoje webu. A pak vám pomůže vybrat specializaci v oblasti, která se vám líbí. Dokonalosti zpočátku nedosáhnete v ničem – naučíte se základy a pak budete pokračovat ve studiu. Najděte svou vášeň a já vám ukážu, jak jít dál.

Rozhodl jsem se napsat kód. Líbí se mi web. Nevím, kde začít

Uspěješ!

Gratulujeme! Toto je velký první krok a začátek něčeho velmi vzrušujícího. Může to být ale také velmi obtížné. Neboj se, pomůžu ti.