Bylo by těžké být v dnešní době vývojářem a nemít alespoň omezené porozumění webu a jeho obrovské popularitě. Jak mnozí z vás pravděpodobně již vědí, web (neboli World Wide Web) je systém webových stránek a webů, který využívá internet k předávání dat a souborů mezi koncovými body. Byl vyvinut na konci 80. let Tim Berners-Lee.
Ale dost stručné lekce historie, pojďme se podívat, jak velký vliv má internet na svět, jak ho známe. Umožnil revoluci téměř v každé části našeho života. Od toho, jak komunikujeme s přáteli, kolegy a vládou, až po to, jak nakupujeme nebo dokonce prodáváme naše zboží. Internet měl neuvěřitelný dopad na obrovské množství průmyslových odvětví, abychom zmínili jen několik; vzdělávání, zábava, marketing a obchod.
S tímto druhem dopadu je důležité, aby člověk měl hlubší znalosti o webu, což zahrnuje znalost, jak pro něj vytvářet aplikace. To je něco, co bych doporučil každému, kdo se učí o internetu, bez ohledu na to, v jakém odvětví se pohybujete, protože vy nebo vaše společnost budete pravděpodobně v určitém okamžiku potřebovat webové stránky. Učit ostatní vyvíjet pro web může ublížit mé jistotě práce, ale udělá svět lepším místem.
V tomto článku budu recenzovat The Web Developer Bootcamp, jehož cílem je naučit vás vyvíjet webové stránky a webové aplikace, které jsou dostupné přes internet.
Instruktor
Je to docela životopis, který má tvůrce tohoto kurzu. Instruktorem je Colt Steele a s pouhými 5 kurzy na jeho jméno rozhodně udělal dobrý dojem. Vzhledem k tomu, že jeho kurz navštěvuje více než 370 000 studentů (v době psaní tohoto článku), ukazuje to, kolik lidí tam venku mu důvěřuje a chodí na jeho kurzy. Už máte pocit, že jste ve správných rukou? Pravděpodobně existuje dobrý důvod. Colt byl ve skutečnosti zvolen Nejlepším novým instruktorem Udemy v roce 2016.
Colt Steele má také dost zkušeností v řadě dalších rolí, protože pracoval jako hlavní instruktor, ředitel osnov a vývojář hlavních kurzů pro společnost Galvanize. Chcete-li se o něm dozvědět více a prohlédnout si jeho další kurzy, nezapomeňte navštívit jeho profil na Udemy.
Publikum pro kurz
Jak jsem již zmínil dříve, díky popularitě internetu je vývoj webových aplikací stále více pro každého. Instruktor tohoto kurzu tomu velmi dobře rozumí a ujistil se, že tento kurz může absolvovat kdokoli, bez ohledu na úroveň jeho odbornosti.
Pokud se chcete naučit vývoj webu a nemáte o něm žádné předchozí znalosti, stačí skočit do bootcampu a začít. Kurz dokonce obsahuje úvod do webu, který obsáhle vysvětluje, jak web a internet fungují, a poté postupně přechází k výuce dokonce i o API a dalších webových technologiích.
Přehled obsahu
Dost bylo pozadí, je na čase, abychom se podívali na obsah tohoto kurzu.
HTML a CSS
HTML a CSS jsou 2 nejdůležitější technologie při vytváření komponent pro jakýkoli web. HTML (Hyper Text Markup Language) se používá k popisu struktury a rozvržení webových stránek pomocí prvků, které jsou reprezentovány značkami, zatímco CSS (Cascading Style Sheets) popisuje, jak mají být prvky HTML zobrazeny na obrazovce.
Porozumění důležitosti těchto technologií pro vývoj webu a trenér potřebuje čas, aby provedl uživatele úvodem a pokračováním ke středně pokročilým konceptům pro HTML i CSS. Kurz využívá praktický přístup k výcviku studentů, provede je stavbou stolu Pokémona, vytvořením desky Tic-Tac-Toe a mnoha dalšími, aby studentovi pomohl pochopit koncepty.
Tato sekce také zajišťuje, že pokrývá Bootstrap (open source sadu nástrojů pro vývoj pomocí HTML, CSS a JS) a používá ji k tomu, aby pomohla studentovi vytvořit galerii obrázků a vstupní stránku v procesu.
JavaScript
„Neplést s Javou“
Nejsem si jistý, kolikrát jsem tuto frázi slyšel, když jsem začínal v JavaScriptu.
JavaScript byl při mnoha příležitostech označován jako „jazyk webu“. Rozhodně tedy není překvapením, že tento úžasný jazyk probíráme v tomto kurzu.
Colt krok za krokem provede studenty úvodem do JavaScriptu a školí uživatele v syntaxi JavaScriptu. Poté, co se student seznámí se syntaxí JavaScriptu, projde řídicími toky JavaScriptu, jako jsou smyčky a podmíněné příkazy. Kurz poté pokračuje, aby pokryl další smyčky, pole a objekty v jeho hloubkovém ponoru do JavaScriptu.
Během toho všeho se uživatel učí vytvářením jednoduchých aplikací, jako je kalkulačka věku, jednoduchá hra a další. Také musím dát trenérovi rekvizity pro zvládnutí null a undefined téma v tomto kurzu, které není vždy snadné naučit, zejména začátečníky.
Manipulace s DOM
DOM, neboli Document Object Model, definuje logickou strukturu dokumentů a způsob, jakým je dokument přístupný a manipulovaný pomocí kódu. To většinou zahrnuje napsání nějakého kódu JavaScript, který vybírá prvky HTML ze stránky a manipuluje s nimi. Používá se téměř na všech nestatických webových stránkách.
Některé z věcí, které můžeme s manipulací DOM dělat, je měnit obsah nebo styl textu, reagovat na události nebo přidávat a odstraňovat prvky HTML. Jak vidíte, díky tomu jsou webové stránky interaktivní. Toto je jeden z nejdůležitějších konceptů pro vytváření dynamického obsahu ve vývoji webu, protože jej používá téměř každý webový vývojář a je tak důležitý, že v tomto věku to většina vývojářů považuje za nezbytnou součást vytváření aplikací. Ať už to dělají přímo, nebo z jednoho z mnoha frontend frameworků, jako je React.js, Angular nebo Vue.js.
Jako vždy tento kurz provede studenta základy a později na tom naváže, aby představil pokročilejší koncepty. Instruktor provede studenta základní manipulací až po interakci s událostmi. Budete-li držet krok s praktickým přístupem pomoci studentům porozumět, budete moci vytvořit několik aplikací s pomocí manipulace DOM, jako je Color Game Project, Simple Selector a několik dalších.
jQuery
jQuery je knihovna JavaScriptu bohatá na funkce, která mimo jiné pomáhá s manipulací s DOM, zpracováním událostí, animací a AJAXem. Když byl jQuery poprvé představen, způsobil revoluci v tom, jak lidé psali JavaScript.
Školitel však začíná uznáním diskuse pro a proti jQuery, která právě probíhá. Uvést studentovi některé z důvodů, proč používat jQuery nebo ne. Také dává studentovi důvody, proč potřebují znát jQuery, a tím důvod pro jeho zařazení do kurzu.
Kurz provede studenta tím, co je jQuery, výše zmíněnou diskusí a jak začlenit jQuery do vašeho projektu, základními úvody. Pokračuje a ukazuje studentovi, jak vybírat a manipulovat s prvky DOM pomocí jQuery a včetně některých dalších cvičení. Kurz pokračuje a seznamuje studenta s manipulací třídy a událostmi, např. .keypress() , .on("event") atd. a uveďte příklady, které vám pomohou porozumět použití těchto různých konceptů.
Node.js a rozhraní API
V tomto kurzu je spousta obsahu na tato dvě témata, ponořuje se hluboko do různých částí každého z nich. Ale protože se mnohé z nich překrývají, budu mluvit o obsahu těchto dvou společně.
Kurz začíná základy, díky nimž se student hluboce ponoří do HTTP (např. stavové kódy, typy požadavků atd.) a backend workflow. Backendové pracovní postupy se snaží ukázat studentovi, jak nastavit a připojit se k databázím, jak vytvořit a spustit servery v Node a konečně, jak vytvořit cesty pro přístup k datům a zpracování různých typů požadavků.
Je uveden úvod do Node, který studentům pomůže porozumět jeho fungování a také tomu, jak komunikovat s jeho správcem balíčků, NPM. Kurz také pokračuje poskytnutím podrobností o několika kritických knihovnách, které pomáhají s vývojem v Node, jako je Express.js, tím, že studentovi ukáže, jak jej nastavit a používat k vývoji.
Nakonec je studentovi ukázáno, jak používat API nebo aplikační programovací rozhraní. Kurz provede studenta různými kroky, jak vytvořit jednoduché API, a poté uživateli ukáže, jak používat další API třetích stran. Toto je jedna z nejdůležitějších dovedností pro každého webového vývojáře, protože je stále vzácnější vytvářet webovou aplikaci bez interakce s API (vaše nebo třetí strany). V této části se seznámíte s rozhraním Yahoo Weather API a Open Movie Data Base Movie API.
YelpCamp
Tento kurz končí jednou z nejúžasnějších funkcí, které jsem v jakémkoli kurzu viděl. Školitel potřebuje čas, aby studenta provedl komplexně a krok za krokem vytvořením webové aplikace. Tato část pokrývá od nastavení projektu, provede uživatele nastavením trasy, nastavením databáze a perzistencí dat. Kurz využívá knihovnu Mongoose, což je populární databáze ORM používaná v Node.js.
Web Developer Bootcamp dále prozkoumává RESTful směrování, demonstruje jej pomocí jednoduchého blogu a poté jej integruje do projektu. Kurz dále pokračuje demonstrací datových asociací, autentizace a práce na uživatelském rozhraní. Tato úžasná část kurzu končí jedním z nejdůležitějších kroků vývoje, který je často přehlížen, nasazením aplikace. Student je proveden procesem nasazení aplikace do Heroku.
Dobro
Průběžný přístup
Jak jste si pravděpodobně všimli, při několika příležitostech jsem zmínil, že tento kurz má praktický přístup ke školení studenta na každé téma, které řeší. U každého tématu probraného v tomto kurzu trvá školiteli čas, aby uživateli skutečně ukázal, jak to udělat, a nechal uživatele, aby následoval spolu s jednoduchými úkoly a cvičeními.
Zdroje
Stejně jako v každém jiném kurzu může být pro většinu lektorů těžké ho sledovat, zvláště pokud se jedná o nový koncept. Tento kurz tomu rozumí a poskytuje záložní zdroje, jako jsou snímky použité ve videu a úryvky kódu, které studentům pomohou upevnit to, co se učí ve video přednáškách.
Projekty
Tento kurz dále vede studenty k vytváření projektů v reálném světě, které jim pomohou dosáhnout tržních standardů. Na rozdíl od jiných kurzů, které vyučují jen základy a nechávají studenta, aby si zbytek vyřešil sám, tento kurz to přebírá a ukazuje studentovi, jak udělat několik projektů.
Čestná uznání
Mezi další čestná uznání témat kurzu, která na mě opravdu udělala dojem, patří:
Zdarma e-kniha:Git Essentials
Prohlédněte si našeho praktického průvodce učením Git s osvědčenými postupy, průmyslově uznávanými standardy a přiloženým cheat sheetem. Přestaňte používat příkazy Google Git a skutečně se naučte to!
- Git a Github :Část, která studenta naučí, jak používat správu verzí k uložení všech změn, které v kódu provedl, a jak tento kód sdílet s ostatními vývojáři ve vašem týmu.
- Řešení JavaScriptu:složité záležitosti :Hlubší ponor do JavaScriptu, který studenty naučí některá pokročilejší témata jazyka.
Kritika
Rámce
Tento kurz je skvělý, ale skutečnost, že přehlíží všechny frontendové rámce, které existují a jsou velmi rozšířené, je pro mě trochu alarmující. Tyto frontendové rámce nabízejí vývojářům velkou hodnotu, takže to nejmenší, co mohli udělat, je zmínit se o několika rámcích a stručně představit jeden z nejpopulárnějších.
Závěr
Web už nějakou dobu existuje a při pohledu na jeho dopad bych řekl, že se v dohledné době nikam neposune. Jak již bylo zmíněno dříve, v určitém okamžiku téměř každý nebo alespoň každá společnost bude někdy potřebovat webovou stránku a naučit se ji vytvořit může být neuvěřitelně užitečná dovednost.
Existuje mnoho způsobů, jak se naučit vytvářet webové aplikace pomocí široké škály programovacích jazyků. JavaScript byl však popsán jako jazyk webu, takže naučit se s ním stavět je další výhodou. Tento kurz dělá přesně to, od vytváření statického HTML až po stylování a vytváření API all-in-one kurzu.
Žádný kurz vás nemůže naučit vše na jedno téma, a i když tento kurz může mít své chyby, The Web Developer Bootcamp může sloužit alespoň jako skvělý výchozí bod. Osobně bych vám doporučil, abyste se začali učit, jak vytvářet webové aplikace pomocí tohoto kurzu, a odtamtud přešli ke zkoumání dalších způsobů učení, dokud nenajdete metodu, která vám bude nejlépe vyhovovat.
Příjemné učení 👨🏾💻