určité dovednosti rostou v poptávce.

dovednosti, které mohou téměř zaručit vaši práci a příležitosti pro nadcházející roky a desetiletí.

jednou z těchto dovedností je vývoj webu.

Přemýšleli jste, jak se stát webovým vývojářem?

Na rozdíl od všeobecného přesvědčení nepotřebujete fantastický bakalářský titul v oboru informatiky, abyste se stali webovým vývojářem a vytvořili funkční web.

Ve skutečnosti, pokud budete postupovat podle pokynů v tomto článku, můžete se stát web developer mnohem rychleji, než si myslíte (ale to bude ještě trvat nějakou tvrdou práci!).

připraven? Začněme s základy:

Co/Kdo je Webový Vývojář

Tady je jednoduchá odpověď na tuto otázku: Oni vybudovat a udržovat webové stránky.

jinými slovy-doslova vytvářejí, jak prožíváte web. Webové stránky, které chcete, aby uživatelé vychutnat své zkušenosti třeba skvělé webové vývojáře – a jsou obvykle ochotni vysázet nějaké vážné hotovost, aby si tyto skvělé webové vývojáře.

odpovědnost webového vývojáře:

1. psát webové stránky s kombinací značkovacích jazyků.
2. vytvářejte kvalitní makety a prototypy.
3. vytvořte web WordPress od nuly.
4. rozumí HTML a CMS.
5. pochopit UI, UX a učení použitelnost.
6. vyvíjejte funkční a přitažlivé webové stránky a webové aplikace.
7. poskytuje údržbu a vylepšení webových stránek.

to jsou nejčastější požadavky, ale vaše povinnosti a úkoly se budou lišit v závislosti na vývoj webových koncert, stejně jako vaše webové rozvoj oboru.

Když už mluvíme o specialitách vývoje webu, měli byste si být vědomi tří:

1. vývoj frontendu: „frontend“ označuje „věci“ na webových stránkách, které vidíte a komunikujete s nimi, např. nabídky, rozbalovací nabídky atd.
2. Backend vývoj: „backend“ je jako část ledovce pod povrchem. Bez ní web nemůže fungovat. Backend se zabývá servery, aplikacemi, databázemi atd.
3. Full-stack development: jedná se o kombinaci vývoje backendu i frontendu.

proč byste se měli stát webovým vývojářem?

Vývoj webu je odvětví, které v dohledné době nevymře.

ve skutečnosti americký Úřad pro statistiku práce předpověděl 13% růst dostupných pracovních míst pro vývoj webových aplikací do roku 2028.

jednoduše řečeno – pokud můžete tuto dovednost rozvíjet, nebudete mít v dohledné budoucnosti těžké najít práci.

zde je pět velkých výhod / výhod toho, že jste webovým vývojářem:

1. můžete pracovat vzdáleně. Přemýšleli jste někdy, jaké by to bylo pracovat odkudkoli na světě, ve svém volném čase? Jako webový vývojář budete mít spoustu příležitostí pracovat na dálku. Možná můžete konečně splnit ten sen o cestování po světě a zároveň ušetřit peníze.
2. můžete využít své dovednosti k vytváření vlastních webových stránek a webových aplikací. Chcete vytvořit ziskový web nebo aplikaci? S touto dovedností nebudete muset platit spoustu peněz, abyste si ji postavili. Můžete si ji postavit sami za zlomek ceny.
3. můžete pracovat samostatně. Už nemusíte pracovat pod záštitou šéfa, pokud nechcete. Můžete na volné noze nebo začít svůj vlastní podnik mnohem snadněji, když víte o vývoji webových aplikací.
4. dostat se do ziskového technologického průmyslu. Vývoj webu je v podstatě vaše vstupenka do technologického průmyslu. Většina technologických startupů potřebuje webové vývojáře, takže to může být váš způsob, jak dostat nohu do dveří.
5. můžete vytvořit úžasné věci! Zábavná část je, že můžete být tak kreativní, jak chcete. Místo toho, abychom se dívali na webové stránky a přemýšleli, “ Wow, to vypadá úžasně. Přál bych si, abych mohl něco takového vytvořit, “ Nyní si budete moci vytvořit svůj vlastní úžasně vypadající web.“.

Co si myslíte? To vše vás nadchne myšlenkou stát se webovým vývojářem? Pokud ano, jste na správném místě – protože se chystáte naučit kroky, které musíte podniknout, abyste se jedním stali!

Jak se Stát Web Developer

Naučte se Základy HTML, CSS, a Javascript

Tyto jsou matice a šrouby všech stránkách vývoje, že budete pracovat s denním pokud se rozhodnete vytvořit webové stránky na živobytí.

• HTML diktuje strukturu
• CSS bude vypadat pěkně
• Javascript bude fungovat

pojďme diskutovat o každém z nich a jak se je můžete naučit.

HTML

HTML je zkratka pro Hypertext Markup Language. Je to jedna z hlavních složek všech webových stránek a jeden z takzvaných frontendových jazyků.

Stručně řečeno-poskytuje základní kostru webové stránky, hlavně prostřednictvím řady značek.

značka je HTML kód, který řídí vzhled obsahu dokumentu HTML.

Zde jsou některé běžné HTML tagy, měli byste se seznámit s:

• <HTML></HTML> – Tato značka se objeví na začátku a na konci HTML dokumentu. Označuje, že dokument je napsán v HTML5.
• <nadpis></nadpis> – název značky je název pro stránku. To je užitečné pro vyhledávače (když skenování a index stránek) a uživatelů (to se ukáže v titulní řádku prohlížeče) tím, že je výslovně uvedeno, hlavní téma každé stránky
• <><> – Toto obsahuje informace o konkrétní stránce, včetně názvu značky, metadata a odkazy na skripty a styly.
• <><> – Toto zahrnuje veškerý obsah, který bude zobrazen uživatelům, včetně vše, co budou vidět a číst.

Poznámka: Všechny kategorie start jako „<>“ a končí jako „<>“. „/“Znamená, že konkrétní značka se poté již nepoužívá. Je důležité dát koncovou značku. V opačném případě bude celý dokument používat tuto značku.

Zde jsou některé zdroje pro učení HTML:

• HTML Začátečník Průvodce
• HTML Cheat Sheet

CSS

CSS je zkratka pro Cascading Style Sheets.

dává styl za strukturu HTML. V podstatě bez CSS, HTML a následně by celá webová stránka vypadala nudně.

zde je návod, jak se kombinují: ve vašem HTML kódu odkazujete na CSS styl.

zde je příklad toho, jak CSS vypadá v akci:

}#top-header a,#top-header a { color: #fff;}#top-header,#et-secondary-nav { -webkit-transition: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -moz-transitions: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out; -transistion: background-color 0.4s, transform 0.4s, opacity 0.4s ease-in-out;}#top-header .container { padding-top: 0.75em; font weight: 600;}

zde je skvělý zdroj pro učení CSS: CSS Cheat Sheet

Javascript

Javascript je programovací jazyk, který umožňuje implementovat prvky na webových stránkách. Pohání funkce, jako jsou interaktivní mapy, 2D / 3D grafika a další.

Tady je skvělý zdroj, který vám pomůže naučit Javascript: Javascript Cheat Sheet

Naučte se Základy WordPress

, Aby se stal web developer, budete mít seznámit s WordPress. Koneckonců-63% všech webových stránek je poháněno tímto bezplatným open-source softwarem, který můžete nainstalovat do v podstatě jakéhokoli webového hostitele.

Jakmile nastavíte web WordPress, je pro vaše klienty poměrně snadné přidávat obsah sami (i když nemají žádné zkušenosti s vývojem webu).

na tomto webu máme spoustu průvodců WordPress. Podívejte se na odkazy níže:

• Jak Vytvořit WordPress Stránky
• Jak Vytvořit WordPress Blog
• Jak Přizpůsobit WordPress

poznat UI a UX

UI (User Interface) a UX (Uživatelské Zkušenosti) jsou základy uživatelské zkušenosti design.

většina vývojářů nejsou odborníci na design-to jsou dvě různé oblasti. Nebudete muset být design rockstar.

je stále důležité si uvědomit, že tím, že se naučíte základy designu uživatelských zkušeností, můžete lépe porozumět tomu, jak má web fungovat. To udrží více uživatelů na webu, pomůže jim najít to, co hledají, a nakonec utratit více peněz na tomto webu.

Chcete-li se naučit stavební kameny designových dovedností, doporučujeme naučit se Adobe Creative Suite. Photoshop by měl být první věcí, do které se ponoříte, protože je to go-to pro nejzávažnější designéry. Pokud se vám nelíbí Adobe, můžete se také ponořit do Sketch, což je vycházející hvězda mezi designéry.

Zde jsou některé zdroje pro pochopení a učení UI a UX:

• Rozdíl Mezi UX a Design UI-Laik je Průvodce
• Treehouse a Lynda nabízejí vynikající začátečník kurzy jak v Photoshopu a obecné koncepty

Naučte se SQL a PHP (Volitelně)

Budeme paušální tyto dva dohromady, protože oni jsou jako dvě strany stejné mince.

SQL je databázová technologie (viz SQL cheat sheet), která ukládá informace. PHP je „skriptovací“ jazyk, který umisťuje nebo Stahuje věci z databáze (viz PHP cheat sheet).

Přemýšlejte například o WordPress.

používá MySQL k ukládání a správě informací (blogové příspěvky, obsah stránky, Komentáře, informace o uživateli atd.) v databázi „tabulka“. PHP je to, co dělá WordPress webové stránky dynamické, interakci se všemi těmito různými prvky a správně aktualizovat databázi as you go.

Další informace o tom, jak SQL a PHP spolupracují, vám mohou pomoci zvládnout vývoj stránek WordPress, které doslova stovky (ne-li tisíce) lidí hledají každý den na pracovních a projektových deskách přes internet.

Další zdroje pro výuku PHP a SQL:

• SQL kurz
• TutorialsPoint (PHP)

není to snadné. Tohle všechno nezvládneš za týden nebo dva. Ale postupem času se Seznámení a pak dobré v těchto dovednostních sadách znamená, že budete mít vždy před sebou ziskovou kariéru.

Naučte se základy SEO

SEO znamená optimalizace pro vyhledávače. To se týká procesu zlepšování hodnocení webových stránek ve vyhledávači, jako je Google. Je to jedna z nejdůležitějších dovedností v online podnikání.

možná si myslíte: „pokud jsem vývojář, proč se musím starat o to, jak dobře se web řadí do vyhledávačů? Není to práce blogerů a tvůrců obsahu?“

No ano, velká část SEO webových stránek má co do činění s obsahem. Roli však hraje i skutečná struktura a kód webu.

například značky nadpisů (HTML) jsou pro SEO nesmírně důležité. Říkají vyhledávačům, co je na webu opravdu důležité.

nyní potřebujete být odborníkem na SEO? Rozhodně ne. Měli byste se však naučit základy SEO a při vytváření jednotlivých webových stránek mějte na paměti SEO. Tímto způsobem dáte webové stránce mnohem větší šanci na úspěch a váš klient pro vývoj webových stránek bude mnohem šťastnější.

zde je několik SEO tipů pro webové vývojáře:

• Optimalizujte své meta tagy. Na vyhledávací stránce meta tag říká prohlížečům, o čem je váš web-čím lepší je, tím je pravděpodobnější, že prokliknou na web.
• ujistěte se, že značky nadpisů jsou v určitém pořadí. H1 by měl být hlavní Nadpis a pak byste měli sestoupit přes nadpisy nižší úrovně přes stránku (tj. To usnadňuje vyhledávačům navigaci na webu.
• ujistěte se, že značka názvu správně popisuje webovou stránku. Název by měl zdůraznit, o čem je stránka.

zde jsou některé zdroje pro učení základů SEO:

• Začátečník Průvodce SEO
• Jak se Naučit SEO: 10 z Nejlepších Zdrojů na Záložku
• Jak Zvýšit Návštěvnost webových Stránek

Věnovat nejméně 3-5 hodin na přečtení zdrojů a naučit se základy. To vás připraví na vývoj webových stránek s ohledem na SEO.

Ujistěte Se, že Váš Web je Responzivní

Při vytváření své vlastní webové stránky (což bude dobrý nápad, pokud chcete získat více klientů) – měli byste se ujistit, že váš web je responzivní.

responzivní znamená, že prvky webu se upravují podle velikosti obrazovky. To znamená, že váš web bude vypadat dobře, ať už je návštěvník na notebooku nebo mobilním zařízení.

v roce 2018 byl rozhodující responzivní design. Všichni vaši klienti to očekávají-jděte příkladem a ujistěte se, že váš web reaguje.

* * *

dobře, takže jakmile projdete těmito 6 kroky, budete mít základní znalosti o vývoji webu. Budete vědět, jak na to (alespoň na základní úrovni).

Udělejte si čas s těmito kroky-poptávka po webových vývojářů není jít dolů v dohledné době, takže máte čas se učit.

ale tady je velká otázka: jakmile máte pocit, že máte základní porozumění, jak vlastně najdete klienty pro vývoj webových aplikací?

máte štěstí – o tom budeme hovořit dále!

Jak Najít Svůj První Vývoj Webových Klient (nebo se Stát na volné NOZE)

Jen proto, že máte dovednost neznamená, že lidé budou jen vysázet peníze na vás. Musíte udělat trochu práce a prodat se. Musíte se také dostat na správná místa, abyste získali příležitosti.

Nyní máte jako webový vývojář dvě možnosti. Můžete 1) pokusit se přistát na plný úvazek, Práce na místě s firmou nebo 2) jít cestou volné noze, a hledat on-line koncerty.

doporučujeme volné noze. I když to nemá dovolit stejnou zaručenou výplatu, že na plný úvazek dělá, existují 3 obrovské výhody:

• Svoboda: žádné další stopování a stopování. Můžete stále pracovat ve stejných hodinách (nebo více), ale váš rozvrh, umístění a životní podmínky jsou zcela na vás. (Plus-žádné dojíždění, což vám ušetří hodiny každý týden!)
• peníze: jakmile se stanete dobrým freelancerem, budete mít lepší šanci vydělat více peněz (než čekat na ubohé 3% Zvýšení každý rok).
• Prestige: postupem času budete mít možnost vybudovat si vlastní osobní práci a značku do té míry, že vám nakonec zaručí stálý příliv nových klientů (aniž byste je museli hledat!).

v následující části se zaměříme na to, jak získat svůj první freelancing koncert jako webový vývojář.

dostat se na pracovních desek

většina nezávislých hit pracovních desek najít své první webové vývojové koncerty. Ty mohou být skvělé pro shromažďování zkušeností, ale pravděpodobně je nechcete používat jako dlouhodobou strategii.

kvalita klientů může být velmi hit-or-miss. Některé by mohly být skvělé. Jiní méně …

mnohokrát přitahují lidi, kteří jsou nezkušení s najímáním, což může způsobit spoustu problémů, když se s nimi snažíte pracovat. Poměrně často budou pracovní desky také přitahovat lidi s nerealistickými časovými rámci a rozpočty.

přílišné spoléhání se na pracovní desky (příliš dlouho) vám nedá příležitost (nebo volný čas) začít budovat vlastní značku. Přitahování „příchozí“ pozornosti k vaší práci vám nakonec na konci dne přistane nejlepší (a nejlépe platící) klienti.

ale jak jsme řekli, není to špatná možnost začít a získat zkušenosti.

jen pochopte, že každý koncert, který dostanete na pracovní desce (i když to nemusí platit velmi dobře), vám pomůže získat zkušenosti a získat více budoucí práce.

je také docela snadné začít na pracovních deskách …

níže je obrázek výsledků z rychlého vyhledávání na UpWork:

(jak můžete vidět, existuje spousta pracovních příležitostí pro webové vývojáře!)

Zde jsou některé pracovní desky, kde můžete najít vývoj webových koncerty:

• PeoplePerHour.com
• Codeable.io (pro WordPress)
• TopTal.com (pro WordPress)
• UpWork.com

dát dohromady stránky portfolia

pro usnadnění získání více klientů (a pro klienty, aby vás našli), měli byste vytvořit stránky portfolia. To je místo, kde budete předvést své nejnovější projekty, zobrazit reference od spokojených klientů, poskytnout potenciálním klientům snadný způsob, jak vás kontaktovat, a také předvést své webové rozvoj schopností.

zde je několik tipů pro vytvoření webu portfolia vývoje webu:

• použijte reference od minulých a současných klientů. To zajistí návštěvníkům, že děláte skvělou práci a že ostatní s vámi rádi pracují. (Ať je to zvyk ptát posudky vždy, když dokončíte projekt.)
• naplňte svou osobnost. Co je skvělé na práci s vámi, a co vás dělá vyniknout? Když do svého portfolia vložíte osobnost, automaticky se oddělíte.
• obsahují správné prvky. Vaše jméno, krátká verze vašeho příběhu o tom, jak / proč jste se stali webovým vývojářem, Vaše kontaktní údaje, vaše nedávná práce a vaše dovednosti.
• odpovězte na “ co je v tom pro mě?” otázka. V podstatě, dejte jim vědět hlavní přínos práce s vámi, tj., co klienti získají z práce s vámi.

nejvíce ze všeho – měli byste se ujistit, že vaše portfolio stránky vypadá úžasně! Chcete, aby to potenciální klienti Viděli a přemýšleli, “ Wow! Chci něco takového i pro svůj web!“Tímto způsobem budou mít mnohem větší zájem o spolupráci s vámi.

Zde je několik příkladů skvělý web developer portfolio webů použít jako inspiraci:

• MattFarley.ca
• Caferati.já (když už mluvíme o infuzi osobnosti, tento vývojář to dělá na svém webu velkým způsobem. Přejděte na domovskou stránku a uvidíte, co máme na mysli!)
• Pierre.io

Zde jsou některé zdroje, které vám pomohou budovat váš web development portfolio stránky:

• Jak Vytvořit Portfolio webové Stránky
• 10 Tipů pro Vytvoření Vašeho Developer Portfolio

Začněte Sítí

ne jen trávit všechen svůj čas drhnutí on-line pracovních desek. Pokud chcete získat skvělé příležitosti, musíte se také dostat do skutečného světa.

ujistěte se, že každý měsíc navštěvujete alespoň 2-3 relevantní síťové události. Za předpokladu, že žijete ve velkém městě nebo do hodiny nebo dvou, nemělo by být těžké najít tyto druhy událostí.

začněte hledáním setkání na Meetup.com a Eventbrite. Pouze na těchto dvou platformách byste měli najít spoustu relevantních událostí.

zaměřte se na události, které přitahují podnikatele, protože tito lidé budou s největší pravděpodobností chtít vytvořit nový web. Jak se připojit a síť s více těchto lidí (a nechal to být známý, že jste webový vývojář), budete vystavovat se více a lepších vystoupení, než ty, které byste najít na pracovních desek. Začnete také pěstovat svou osobní značku.

Zde je další skvělý zdroj, který vám pomůže najít události: Jak Najít Sítí Události Skutečně Stojí za to Navštěvovat

Výhody Full-Time Web Developer

mluvili Jsme hodně o volné noze jako web developer. Práce na plný úvazek ve společnosti však má své vlastní výhody:

• pracujete s dalšími vývojáři – to vám dává výhodu sdíleného zážitku, zejména pokud jste zcela noví. Práce s ostatními jim umožňuje sdílet své zkušenosti s vámi, což je docela cenné.
• klientská podpora je organizována – když pracujete ve společnosti, nejste povinni pracovat v různých denních dobách. To znamená, že klienti společnosti vědí, kdy kontaktovat, a očekávají, že vaše práce bude dokončena.
• mnohem více zaměřené pracovní zatížení-několik nezávislých pracovníků dnes pracuje na různých projektech současně. To rozděluje jejich zaměření, které může ovlivnit celkovou kvalitu. Jako vývojář na plný úvazek budete pravděpodobně pracovat na jediném projektu, který vyžaduje vaši plnou pozornost.

závěr

trh práce je stále tvrdší. Tradičnější pracovní místa jsou postupně ukončována každý den. Tak proč ne naučit dovednost, která vás udrží zaměstnán (a možná bohatý) v dohledné budoucnosti?

to je velká výhoda vývoje webu. Skvělá část je-nepotřebujete luxusní drahý titul, abyste se dostali do pole. Jednoduše podle kroků, které jsme zde uvedli, můžete začít cestou stát se webovým vývojářem.

také existuje mnoho softwarových možností integrovaného vývojového prostředí (IDE), které usnadňují život vývojáře.

Chcete-li shrnout, zde jsou základní kroky k tomu, abyste se stali webovým vývojářem:

1. Naučte se Základy HTML, CSS, a Javascript
2. Jít přes WordPress Návody
3. Naučte se Základy UI a UX
4. Naučte se SQL a PHP
5. Naučte se Základy SEO
6. Ujistěte Se, že Váš Web je Responzivní

A zde jsou základní kroky, jak najít svůj první web development vystoupení:

1. Dostat se na Pracovní Desky
2. Dát Dohromady Portfolio Stránky
3. Začít Sítí

Nyní je čas, aby přijaly opatření a ukázat světu, jak úžasné web developer můžete být!