Načítání animované stránky HTML css. Analýza příkladu animace s demonstrací
V únoru 2008 jsem napsal článek: 9 znamení, že byste neměli najímat takového webového vývojáře. Tento příspěvek vzal internet útokem, dostal se na Digg a Reddit a dokonce si ho vybral Kevin Rose pro epizodu Diggnation. Byl jsem neuvěřitelně hrdý na tento příspěvek, protože skutečně shrnul typ webmasterů, kteří by neměli být najímáni.
Od té doby uplynulo hodně času, ale to jen znamená, že vlastnosti, podle kterých hodnotíme webové vývojáře, se změnily. Pod řezem je seznam 9 znamení, že byste tohoto webového vývojáře neměli najímat.
Mobilní verze jeho stránek fungují pouze ve WebKitu
Mobilní zařízení se systémy iOS a Android zaujímají lví podíl na trhu mobilních zařízení a používají prohlížeče založené na Webkitu a také hybridní mobilní aplikace pro tyto platformy. To vedlo k tomu, že vývojáři používali v kódu mobilní aplikace pouze předpony -webkit-, a to navzdory skutečnosti, že Opera, Mozilla a Internet Explorer PROTI mobilní internet rostoucí. To je podobné programování pouze pro IE v dobách Internet Exploreru 4,5,6 v Mozille pro většinu CSS vlastnosti prefixy byly odstraněny, takže vše bude fungovat, pokud použijete standard CSS pravidla, ale pro nejnovější vlastnosti se stále vyplatí používat předpony -moz. Je důležité si uvědomit, že mobilní zařízení mají více než jen Webkit, a vydání Firefox OS to potvrdí (pokud je Firefox pro Android zatím to neudělal).Je vývojářem "(( js library))"
Za posledních několik let jsem provedl desítky technických pohovorů a dokážu poměrně rychle říct, zda kandidát zná JavaScript nebo konkrétní knihovnu, což je velmi velký rozdíl. Zeptám se na něco jednoduchého jako: „Jak všechno získáte podřízené prvky tohoto prvku? Nebylo by dobré, kdyby odpověď, kterou slyším, zní: „Používám metodu children().Celý kód zapíše do jednoho souboru
Knihovny jako RequireJs nebo CurlJS udělaly načítání modulů JavaScriptu tak snadné, že nic jiného nemůže ospravedlnit psaní kódu do jednoho souboru. To je v pořádku, pokud váš web používá velmi málo JavaScriptu, ale ve všech ostatních případech nemá smysl vytvářet velké soubory .js kvůli lenosti nebo nedostatku zkušeností.Jeho design není responzivní
Velmi malý počet webů a aplikací se používá pouze na stolní počítače, takže zákazníci to očekávají moderní design bude na mobilních zařízeních vypadat alespoň víceméně přijatelně. Mediální dotazy se používají tak snadno, že neexistuje žádná omluva, proč je nepoužívat ke změně struktury a zobrazení obsahu.Zná HTML5
Znalost HTML5 dnes je stejná jako znalost Webu 2.0 před několika lety. HTML5 je marketingový termín a prázdné fráze o znalosti HTML5 jsou známkou toho, že vývojář neví, co to je. Požádejte někoho, kdo tvrdí, že zná HTML5, aby promluvil o určitých rozhraních API, pokud má potíže s odpovědí, nenajímajte ho!Nepoužívá detekci schopností prohlížeče
Žádný zkušený vývojář vám sdělí, že použití dat z User Agent Při určování schopností se nemůžete spoléhat na možnosti prohlížeče, ale co je horší, nemůžete se spoléhat na kontrolu nezbytných funkcí v prohlížeči a naivně věřit, že potřebná funkce je přítomna ve všech prohlížečích. To platí také pro použití nových vlastností CSS bez předpon. Takový webový vývojář vám udělá spoustu problémů.Zahrnuje nepotřebné knihovny
JavaScriptové knihovny a pluginy jsou nesmírně užitečné, ale velmi často nadužívané. Kdybych měl dolar za každé setkání knihovna jQuery na webu, který se používá pro jednoduchou animaci nebo jednoduchou DOM interakci, bych se stal milionářem. Často také vidím zahrnutou knihovnu Modernizr pro kontrolu jedné vlastnosti prohlížeče, když můžete jednoduše použít kód ke kontrole této vlastnosti. Takové akce vedou ke zvětšení velikosti stránky a načtení.Stále věří, že mobilní vývoj je pouze o aplikacích pro iOS
iPhone a iPad nebyly první mobilní zařízení, ale popularitu si získaly jako první, takže na krátkou dobu byly jedinými zařízeními, na která jste při vývoji mobilních aplikací museli myslet. Bohužel takový webový vývojář stále žije minulostí, zatímco zařízení se systémem Android a Firefox OS jsou stále populárnější.Mobilní aplikace HTML nebere vážně
Vývojář, kterého nechcete najmout, si stále myslí, že mobilní aplikace založené na HTML jsou frivolní a PhoneGap je jediný způsob, jak je vyvinout. S příchodem Firefox OS a mnoha dalších nových webových operačních systémů bude každá aplikace, která běží v prohlížeči, spuštěna v nových. operační systémy. Proto negativní postoj k mobilní aplikace HTML založené může pracovat proti vám.I když se definice špatného webového vývojáře v průběhu let měnila posledních letech, Poznáte ho vždy snadno. Buďte ve střehu, takový „vývojář“ vám může snadno způsobit spoustu problémů!
Etapy vývoje webových stránek
Dnes existuje několik fází vývoje webových stránek:
- Návrh webu nebo webové aplikace (sběr a analýza požadavků, vývoj technických specifikací, návrh rozhraní);
- Vývoj kreativního konceptu webových stránek;
- Tvorba konceptu designu webových stránek;
- Vytváření rozvržení stránek;
- Tvorba multimediálních a FLASH prvků;
- Rozvržení stránek a šablon;
- Programování (vývoj funkční nástroje) nebo integrace do redakčního systému (CMS);
- Optimalizace a umístění [ ] materiály stránek;
- Testování a provádění úprav;
- Publikování projektu na hostingu;
- Údržba funkční webové stránky nebo její softwarové základny.
V závislosti na aktuální úloze mohou některé fáze chybět.
Stvoření zadání Přípravu technických specifikací může provádět designér, analytik, webový architekt, projektový manažer společně nebo samostatně: V případě, že web vyvíjí nezávislý pracovník, může technické specifikace vypracovat společnost zákazníka). Práce se zákazníkem začíná vyplněním briefu, ve kterém zákazník uvede svá přání týkající se vizuální reprezentace a struktura webu, označuje chyby v stará verze stránky, uvádí příklady stránek konkurence. Na základě zadání manažer vypracuje technické specifikace s přihlédnutím k možnostem softwaru a konstrukčních nástrojů. Etapa končí po schválení technických specifikací zákazníkem. Je důležité okamžitě poznamenat, že fáze návrhu webu závisí na mnoha faktorech, jako je objem webu, funkčnost, úkoly, které musí budoucí zdroj provést, a mnoho dalších. Existuje však několik fází povinné
- Cíle a účel webu;
- publikum webu;
- Technické vlastnosti;
- Obsah webu (struktura webu s podrobný popis prvky a funkčnost každé stránky);
- Interaktivní prvky a služby (formuláře zpětná vazba, vyhledávání na webu, fórum na webu);
- Formuláře (e-maily, přihlášení k odběru newsletterů, zpětná vazba);
- Systém pro správu obsahu;
- Požadavky na materiály;
- Převod na hosting.
Návrhář zároveň musí vzít v úvahu omezení standardů HTML (nevytvořit návrh, který pak nelze standardně implementovat pomocí HTML). Výjimkou je Flash design.
Počet skic a postup jejich odevzdání jsou projednány s projektovým manažerem. Projektový manažer také hlídá termíny. Ve velkých webových studiích je do procesu zapojen umělecký ředitel, který kontroluje kvalitu grafiky. Etapa také končí schválením náčrtu zákazníkem. Rozvržení HTML Schválený návrh se přenese do návrháře rozvržení HTML, který „ořízne“ grafický obrázek do samostatných obrázků, ze kterých následně poskládá HTML stránku. Výsledkem je kód, který lze zobrazit pomocí prohlížeče. A normostrany
později budou použity jako šablony. Programování Dále jsou hotové HTML soubory odeslány do programátoru. Programování webových stránek lze provádět jak „od nuly“, tak na bázi CMS – redakčního systému. Weboví vývojáři často označují CMS jako „engine“. V případě CMS je třeba říci, že samotný „CMS“ je v jistém smyslu hotový web skládající se z vyměnitelných částí. "Programátor" - v v tomto případě bylo by správné ho nazvat jednoduše specialistou na CMS – měl by vyměnit
standardní šablona , dodávaný s CMS, do původní šablony. Tuto originální šablonu musí vytvořit na základě původního „webdesignu“. termíny. Poslední fází vývoje webu je testování Proces testování může zahrnovat širokou škálu kontrol: zobrazení stránky se zvětšeným písmem, různé velikosti
okna prohlížeče, při absenci flash playeru a mnoho dalších. Také - testování použitelnosti. Zjištěné chyby jsou zasílány k opravě, dokud nejsou vyřešeny. Termíny kontroluje projektový manažer. Také v této fázi je do práce zapojen projektant, aby mohl provádět projektový dozor. Umístění webové stránky na internet Soubory webových stránek jsou umístěny na server poskytovatele (hosting) a vytvořeny požadovaná nastavení. V této fázi je stránka pro návštěvníky stále uzavřena.
- Naplňování obsahem a publikování Stránky jsou zaplněny obsahem - texty, obrázky, soubory ke stažení atd. Někdy texty sestavuje specialista studia, jindy se o obsah stará odpovědná osoba na straně zákazníka. O tom se rozhoduje ve fázi vypracovávání technických specifikací. Pokud obsah sestavuje zástupce studia, tak se tak děje a schvaluje se souběžně s dalšími fázemi projektu.: Každá stránka obsahuje textové bloky, mohou být typické (standardní) i nestandardní. Na stránce 404 je zpravidla umístěn nestandardní textový blok
- textové bloky
- zahrnout:
- zápatí webových stránek;
- strouhanka nebo strouhanka.
- Základní prvky textového bloku:
- úrovně nadpisů 1, 2 a 3;
- obrázky;
- obrázky v textu;
- galerie;
- text;
- rozevírací blok textu, který obsahuje nadpis;
- číslované a nečíslované seznamy;
a pokud je vše vyhovující, podepíší dokumenty o předání projektu.
V této fázi je také zástupce zákazníka vyškolen v dovednostech práce v administrativní oblasti webu. Všichni víme, že 21. století je stoletím moderní technologie . S příchodem internetu do našich životů se množství informací, které přijímáme a vysíláme, zdesetinásobilo. Po tomto nárůstu následoval výrazný nárůst počtu profesí relevantních v moderní svět
. Ukázalo se, že není tak snadné pochopit množství webových specialit, které vznikly. V tomto článku se podíváme na jednu z nejdůležitějších profesí v IT oblasti – profesi webového vývojáře.
Jaké jsou hlavní povinnosti? Odpovědnosti developera webové aplikace vstupuje dostširoký kruh odpovědnosti. Kromě procesu vývoje webových stránek nebo aplikací bude muset zaměstnanec také komunikovat s klienty, chápat a realizovat jejich přání. Poté, co specialista vyjasní všechna přání klienta, začne připravovat technické specifikace. Čím pečlivěji budou technické specifikace vypracovány, tím bohatší bude zdroj uvedený do života. Následuje samotný proces vývoje webových stránek. V této fázi musí webový vývojář uplatnit své dovednosti v programovacích jazycích. Za zmínku také stojí, že webový vývojář často vytváří design webových stránek nezávisle, i když se můžete uchýlit pomocný web
návrháři. Stránka je tedy připravena k použití, specialista ji nyní musí prezentovat svému klientovi, k tomu musí zákazníkovi prokázat, že hotový produkt plně splňuje jeho počáteční požadavky. A na závěr můžeme říci, že mezi povinnosti vývojáře patří také udržování relevance webu prostřednictvím neustálých úprav.
- Abyste se tedy stali představiteli této profese, musíte mít řadu základních dovedností:
- schopnost komunikovat s lidmi, musíte klienta přesvědčit, že váš produkt je ideální pro plnění jeho úkolů znalost různých programovacích jazyků, chuť neustále zdokonalovat své dovednosti. Dobrý specialista
- Musíte ovládat alespoň tři nejnovější programovací jazyky. zvládnutí dovedností web design
-touha být neustále v trendu. Musíte sledovat aktualizace a inovace v oblasti IT.
-Schopnost zpracovat velké množství informací najednou. Vyhledávaný webový vývojář většinou pracuje na více projektech najednou
Kde působí zástupci této profese?
Obvykle webové programy nejsou omezeni volbou mezi kancelářská práce a na volné noze. Můžete si vybrat typ zaměstnání, který vám nejvíce vyhovuje. Pokud chcete plný sociální balíček a jasný pracovní režim, můžete získat práci ve velké společnosti, ale pokud jste blíž nezávislé vyhledávání klientů a rozvrhu zdarma – pak je pro vás ideální freelancing, který je nyní populární.
Okamžitě se nabízí otázka: jaký je rozdíl mezi programátorem a vývojářem? Odpověď je celkem jednoduchá. Vývojář je člověk, jehož povinnosti, jak jsme již zjistili, zahrnují velmi široký rozsah různé odpovědnosti. Vývojář často musí vytvořit něco nového od začátku. Tedy nejen psát kód, ale vytvořit architekturu budoucího webu, jeho design a koncept. Webový programátor stejný - to je člověk, jehož úkolem je především psaní různých kódů. Tato profese vyžaduje méně kreativní přístup, je zde potřeba více vysoký stupeň profesionalita a kvalifikace. Programátor zpravidla nezodpovídá za projekt jako celek, ale za jeho malou část, pro kterou musí napsat kód.
Jak se stát webovým vývojářem
Pokud se rozhodnete vyzkoušet v tomto oboru, pak máte několik možností. Připravte se však na to, že všechny od vás budou vyžadovat spoustu času a trpělivosti. Přeci jen zvládnutí programátorských dovedností v vysoká úroveň není nejlehčí úkol.
První a nejzřetelnější možností je studium na vysoké škole. Tam budete moci získat kvalifikované vzdělání a doklad, bez kterého se neobejdete v žádné velké firmě. Takže pokud máte v úmyslu dobýt velké IT organizace, pak to získejte vysokoškolské vzdělání- předpoklad.
Pokud nemáte možnost studovat na vysoké škole, pak . Během chvilky vás naučí základy profese a své dovednosti pak budete moci rozvíjet sami.
Pokud pro vás kurzy nejsou vhodné, pak se můžete vydat tou nejtěžší cestou – cestou sebevzdělávání. Upozorňujeme však, že tato možnost je vhodná pouze pro ty, kteří se plánují věnovat vývoji webu výhradně pro sebe.
Tak jsme zjistili, kdo to je webový vývojář programy a co dělá. A pokud se náhle rozhodnete začít s tímto populárním a výnosným podnikáním, pak vám hodně štěstí při realizaci vašich plánů!
Dnes zjistíme, kdo je webový vývojář. Obecně je tato profese mnohým známá. O takové práci alespoň slyšel každý uživatel počítače. Pravda, ne každý to zvládne. Budete muset mít nejen nějaké odborné dovednosti, ale také osobní vlastnosti. Bez ohledu na to, jak divně to může znít, hrají důležitou roli. Tak na tohle si dejte pozor. Všechny nejzajímavější věci o profesi zvané „webový vývojář“ jsou prezentovány vaší pozornosti!
Školství
Samozřejmě mluvíme o informační specialitě. To znamená, že vyžaduje předběžné školení. Ano, diplom nestačí, ale ve většině případů by tam měl být. Výjimkou by bylo, kdybyste otevřeli vlastní podnikání. Pro oficiální zaměstnání budete požádáni o příslušný diplom. Jak můžete zvládnout profesi „webového vývojáře“? K tomu vám pomůže studium na ústavu. Je pravda, že si budete muset vybrat jeden nebo druhý směr. Dá se říci, že naše profese je druh programování.
Některé instituce vyššího vzdělávání mají samostatnou specializaci nazvanou „webový vývojář“. Takže z toho se budete muset poučit. Tato situace však nenastává všude. Nejčastěji si studenti jednoduše vyberou následující směry: „Programování“ nebo „Webdesign“. První možnost je často výhodnější, protože vám v budoucnu poskytne výhodu. Požadovanou specializaci najdete na kterékoli univerzitě v zemi. Matematická fakulta nebo kde studují taje informatiky.
Kurzy
co bude dál? Často se stává, že se z člověka z vysoké školy stane úspěšný webový vývojář. Jde o to, že tento směr má ještě jeden docela zajímavý přístup. o čem to mluvíme? Zajímá vás profese „webový vývojář“? Výcvik v této specializaci je možný nejen na univerzitách, ale také na technických školách. je to pravda, populárnější využívat specializované kurzy. Může je používat kdokoli krátkodobě ovládá základy profese, a pak se musí věnovat seberozvoji v té či oné oblasti.
Specializované kurzy vývoje webu často organizují školicí střediska a další vzdělávací instituce. Navíc ty, které s univerzitami nesouvisí. Zajímá vás ještě obor s názvem „webový vývojář“? Studium na vysoké škole nebo absolvování kurzů není příliš zajímavé? Pak je další cesta ven!
Sebevzdělávání
Pozor! Další možnost není vhodná pro každého a ne ve všech případech. Pokud plánujete dělat web development výhradně pro sebe nebo pracovat jako známý, můžete to zkusit. V opačném případě budete muset buď vystudovat vysokou školu, nebo absolvovat specializované kurzy, abyste získali alespoň nějaké potvrzení, že se nyní můžete stát webovým vývojářem. V zásadě lze jako možnost uvažovat o sebevzdělávání. Často se úspěšní vývojáři nejprve sami naučí vše potřebné a pak jen „na parádu“ dostanou diplom nebo jiné potvrzení své specializace.
Zde můžete doporučit nejrůznější videonávody, návody a samozřejmě i procvičování. Bez toho z vás nebude dobrý webový vývojář. Mimochodem, důležitou roli v tomto případě hraje sebevzdělávání. Bez toho zpravidla nebude možné dosáhnout úspěchu. Vývoj webu je totiž stejný jako programování. Neexistují žádné šablony, pro každý případ musíte vymyslet něco speciálního. A sebevzdělávání v této věci pomůže.
Co takový člověk dělá?
Kdo je vůbec webový vývojář? Ano, specialita už začíná přitahovat mnoho lidí. Je zřejmé, že oblastí zaměstnávání takového personálu jsou IT technologie a počítače. Něco, co je v moderním světě tak ceněné. Otázka je ale trochu jiná: co dělá webový vývojář v práci? Nejde zdaleka o nejužší specialitu. Proto byste neměli doufat, že bude snadné pracovat. Navíc vývoj webu, jak jsme již zjistili, úzce souvisí s programováním. Což znamená možné pracovní povinnosti na tento druh rám bude víc než dost.
Weboví vývojáři nebo webmasteři, jak se jim také říká, se obvykle zabývají programováním jakéhokoli druhu. Jedním slovem, podle toho, co nařídí úřady. Ale zároveň důležitou roli se zaměřuje na vývoj a tvorbu webových stránek, internetových zdrojů a aplikací pro internetové stránky. Vše, co se týká World Wide Web a vytvoření jeho součástí je v kompetenci webmastera. Nejčastěji takový rámec navíc kombinuje dovednosti běžného programátora, designéra, správce systému. Všeobecně se uznává, že webový vývojář je univerzální specialista, který se zabývá IT technologiemi.
Start
Ale jak můžete začít? Ostatně programování, administrace a další oblasti nejsou zpočátku odpovědností webmastera! V každém případě si to myslí samotní profesionálové. Jak se stát webovým vývojářem?
Vše záleží na tom, čeho přesně chcete dosáhnout. Můžete se pokusit vzdělávat se, cvičit a samostatně se zapojit do vývoje a činností, které vás zajímají. Tato možnost je vhodná pro ty, kteří mají v úmyslu otevřít vlastní podnik. Jinak vaše kariéra webového vývojáře začíná vaším zaměstnáním v tomto oboru. Je jedno, která společnost.
Samozřejmě je vhodné nejprve najít korporaci specializovanou na IT technologie. Stačí projít pohovorem, napsat životopis a prezentovat ho. Je pravda, že je zde jedna malá nuance: musíte prokázat své dovednosti a znalosti. Zde se portfolio hodí.
Sbírání portfolia
Inu, každý správný webmaster při ucházení se o práci, bez ohledu na zkušenosti v našem současném oboru, jak již bylo zmíněno, by měl mít ukázky své činnosti. Pokud žádné neexistují, riskujete, že se buď dostanete do vážného testu, nebo dokonce budete odmítnuti zvažovat vaši kandidaturu. Stále potřebujete tuto práci? Webový vývojář je všestranný talent, který obvykle rozvíjí své dovednosti prostřednictvím zkušeností. Všechny projekty, které jste kdy vytvořili, budete muset uložit a předložit při zaměstnání.
Dobrá pomoc tady přípravné práce jako freelancer. Internet je plný nabídek pro webmastery. Vytvořené projekty můžete použít pro své portfolio. K úspěšnému zaměstnání v zásadě většinou stačí pár příkladů práce. Ale čím více jich bude, tím lépe pro vás. Sbírat dobrý balíček Důkaz o vašich schopnostech lze získat v průměru za několik měsíců.
Jednání
Už jsme tedy přišli na to, co přesně náš současný zaměstnanec dělá. Existuje pouze jeden zajímavý bod, který lze v praxi dohledat, ale není nikde v dokumentech zapsán. Věc se má tak, že webový vývojář je člověk, který se bude zabývat nejen IT technologiemi na pracovišti. Co dalšího musí takový zaměstnanec dělat?
Kromě programování a dokonce i kombinace několika specialit a oblastí činnosti budete muset komunikovat s klienty. A nejen vést dialog, ale pochopit, co přesně zákazník potřebuje. Někdy jsou webmasteři také zodpovědní za Ve skutečnosti budete plně zodpovědní za návrh a vývoj konkrétního projektu. A také vyjednávat se zákazníky.
Pros
V zásadě je již jasné, jak se stát vývojářem webu. Je potřeba se v tomto směru buď vzdělávat, nebo skončit vzdělávací instituce a také získat příslušný diplom o vzdělání. Zdá se, že to není těžké. Zvláště pokud máte k IT technologiím predispozice, stejně jako vytrvalost a chuť v tomto oboru pracovat. Ale každé povolání má své pro a proti. Také se o nich budete muset dozvědět, aby nebylo nepříjemná překvapení po zaměstnání. Naše současné směřování má samozřejmě více výhod.
Za prvé je to poptávka. V v poslední době Webmasteři jsou potřeba vždy a všude, ale kandidátů je velmi málo. To znamená, že můžeme doufat i v nízkou konkurenci. Za druhé, tato práce je čistě tvůrčí specialitou, i když se zabývá výhradně informační technologie. Skvělý způsob, jak se vyjádřit a rozvíjet své myšlení. Při určitých rozhodnutích navíc nebudete nijak omezováni. Dostali jste úkol, ale jak přesně jej realizovat, je pouze vaše starost.
Za třetí, jak již bylo zmíněno, diplom není vždy potřeba. Webovým vývojářem se navíc může stát i školák nebo student. Zde zpravidla není tak důležitý věk jako dovednosti. Tato práce je poměrně snadno kombinovatelná se studiem. Vývoj webu totiž umožňuje pracovat na dálku. Navíc v takové situaci nebudete mít za zády nikoho s klackem. Jen musíte dodržet termín dodání toho či onoho projektu. Okamžitý náklad si rozdělujete sami. Nezapomeňte také, že poptávané profese jsou vysoce ceněné a dobře placené. A to je pádný argument pro volbu povolání webového vývojáře.
Nedostatky
Specialita má i nevýhody. Většinou ale nejsou tak výrazné, jak by se na první pohled mohlo zdát. Mezi nevýhody povolání často patří jeho všestrannost. To znamená, že na pracovišti musíte často kombinovat několik volných míst a pozic a neustále přecházet z jedné činnosti na druhou. A mzdy dostanete pouze za jednu pracovní pozici. Obvykle sem patří i nepravidelná pracovní doba. Na jednu stranu se tato možnost mnohým zdá atraktivní. Na druhou stranu nestabilita a uspěchaná zaměstnání dost často překážejí úspěšné práci. V zásadě tím všechny nedostatky končí.
kvality
Nyní něco málo o tom, jaké vlastnosti by měl mít webový vývojář. Není žádným tajemstvím, že každá práce oceňuje určité lidské dovednosti, ne nutně profesionální. Takže například (úspěšný) webový vývojář má většinou rychlé učení, schopnost rozhodovat se (zejména nestandardní), vytrvalost, odolnost vůči stresu, komunikační schopnosti s lidmi a organizaci. Takový zaměstnanec se dokáže nejen samostatně vypořádat se všemi úkoly, ale také pracovat v týmu. Neměli byste zapomínat na profesionální dovednosti v IT technologiích a počítačích obecně.
Mimochodem, odolnost vůči stresu hraje v této profesi docela vážnou roli. Vývoj webu je neustálá duševní výzva. A ne každý se s tím dokáže vyrovnat. Proto musí být webmasteři vysoce odolní vůči stresu, stejně jako intelektuálnímu stresu.
Závěry
Takže jsme zjistili, kdo jsou weboví vývojáři. Navíc je nyní jasné, jak se takovým zaměstnancem můžete stát a co dělat v práci. Vysokoškolské studium v této oblasti trvá obvykle 5 let. Kurzy lze absolvovat za 2 roky. Pro zaměstnání není vždy nutné vysokoškolské vzdělání nebo diplom. Obecně byste se měli připravit na to, že webmaster je skutečně univerzální člověk. Pokud zvolíte tento směr jako kariéru, mějte na paměti, že budete muset hodně pracovat. A není nutné něco vyvíjet. Weboví vývojáři si vždy najdou co dělat.
- Překlad
- Konzultace
Cesta je 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.
Existuje 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, kam jste na cestě profesní rozvoj. 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 radami 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ý počet oblasti vývoje webu co nejrychleji. A pak vám pomůže vybrat specializaci v oblasti, která se vám líbí. Zpočátku se nestanete dokonalým v ničem – naučíte se základy a pak budete pokračovat v učení. 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ějete!
Gratuluji! 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. Jak se budete učit složitější 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
Ochladit! To je velmi důležitý krok. Nyní prozkoumejte 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 obrovské množství JS kódu. 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 CSSNauč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, podívejte se do předchozí části článku, kde doplníte 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. Kterému dáváte přednost?
Interakce uživatele? Gratulujeme, jste front-end vývojář!
Interakce s daty? Gratulujeme, jste backendový vývojář!
Obě? 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
Ochladit. 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 tutoriál na střední HTML a poté - na pokročilé.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 také měl stát JavaScriptem MDN.
[Zcela zdarma máte k dispozici také vynikající překlad skvělé knihy „Expressive JavaScript“.]
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
Tohle je nejvíc oblíbená 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 určitý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áči na tomto trhu jsou dnes Bootstrap a Material Design.
Bootstrap
Bootstrap vytvořili vývojáři Twitteru a je již docela vyspělý a oblíbený. 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:
Gratuluji! Máte klíčové přední vývojářské dovednosti!
Jen se na něj podívejte!
Chci být backend developer
úžasné! 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é jazyky 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. Jakmile získáte 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á sérii č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.
