7 nejlepších bezplatných konzultací pro výuku reakce a tvorby webových aplikací

reklama

Právě teď není jen React na vrcholu své popularity, ale jeho popularita se zvyšuje. Pokud Jedná se o vývoj webových stránek JavaScriptu Programování vs. Vývoj webu: Jaký je rozdíl?Možná si myslíte, že programátoři aplikací a vývojáři webových stránek dělají stejnou práci, ale to zdaleka není pravda. Zde jsou hlavní rozdíly mezi programátory a vývojáři webu. Přečtěte si více , React je jedním z nejjednodušších rámců pro učení a jedním z nejúčinnějších pro rychlý a robustní vývoj.

Takže pokud jste se rozhodli to naučit, poplácajte se po zádech: udělali jste chytrou volbu.

Jediným problémem je, že nejužitečnější kurzy React přicházejí s robustní cenovkou. Například vysoce uznávaný Reagujte na začátečníky je $ 89 (verze starter) a 127 dolarů (master verze). Bezplatné kurzy jsou zřídka tak komplexní a užitečné - ale našli jsme několik, které jsou vynikající a dostanete vás na pravou nohu Co dělá dobrý programovací výukový program?Ne všechny programovací návody jsou rovnocenné. Některé z vás a ostatních nakonec ztratí čas. Zde je, co hledat v kvalitním programovacím tutoriálu.

Přečtěte si více .

1. Reagujte na kurz Základy školení

Tyler McGinnis je známý vývojář a instruktor React, který již řadu let vyučuje a píše o React. V současné době má k dispozici čtyři kurzy na React Training [No Longer Available], z nichž první je zcela zdarma a slouží jako vstupní bod pro ostatní.

Reagovat základy je rozdělena do 32 lekcí videa, které zvyšují až tři hodiny výuky. Dozvíte se vše, co potřebujete, abyste mohli základní aplikaci React uvést do provozu (tj. React ekosystém, NPM, Babel a Webpack), základní koncepty a životní cyklus, které řídí aplikace React, jak správně zapisovat komponenty a jak předávat data kolem.

Je to husté. Je to poučné. Je to perfektní úvod a skutečnost, že to McGinnis nabízí zdarma, je docela úžasná. To by mělo být vaše první zastávka při učení React.

webová stránka - React Fundamentals Course [již není k dispozici]

2. Hacking With React

Hacking With React je e-kniha, která je zcela zdarma, kryte ji, pokud si přečtete verzi pouze pro web. Pokud si ho chcete vzít s sebou a učit se offline, můžete si jej stáhnout ve formátu PDF, EPUB nebo MOBI ke stažení za 10 USD. V každém případě je to skvělý zdroj pro začátečníky, kteří nemají rádi videa.

Začíná na samém začátku, vysvětluje základní pojmy jako JSX a komponenty a rekvizity a drží ruku při přechodu na středně pokročilá témata, jako jsou stavy, směrování, testy, obložení a více. Je napsán v ES6 a začíná se do konce a na cestě se naučíte osvědčené postupy, včetně Babel, Webpack a ESLint.

Bude z vás expert na React? Ne, ale to vůle dostat se dostatečně pohodlně, abyste se cítili sebevědomě a neustále se učili. Přinejmenším budete vědět víc než dost React, abyste se rozhodli, zda utratit peníze za pokročilý prémiový kurz jinde.

webová stránka — Hacking With React

3. Oficiální výukový program

Myslíte si, že oficiální výukový program by měl být prvním místem, kde byste se mohli učit React, ale já osobně to shledalo příliš rychle pro úplné nováčky - předpokládalo mnohem více znalostí než většina ostatních nováčci mají. Je to perfektní, pokud jste již měli předchozí zkušenosti s jiným webovým rámcem JavaScriptu.

To bylo řečeno, oficiální výukový program React je fantastické, jakmile se naučíte základní pojmy React a snažíte se je uvést do praxe. Provede vás vytvořením webové aplikace tic-tac-toe, která nepoužívá nic jiného než komponenty, rekvizity a stav. Překlenuje propast mezi abstraktní teorií a praktickou aplikací.

Doporučuji také vyzkoušet oficiální dokumentace React, což vysvětluje každý kousek React v překvapivém množství detailů. Zejména Myšlení v React stránka je jako mini-tutoriál o pochopení idiomů, které řídí React. Když se učíte a vytváříte své vlastní aplikace, nebojte se znovu a znovu odkazovat na dokumentaci React.

webová stránka — Oficiální výukový program a Myšlení v React

4. Egghead's React Fundamentals Course

Egghead nabízí desítky kurzů (stovky lekcí) na různá témata vývoje webových stránek: JavaScript, Angular, React, RxJS, Node, TypeScript atd. React je třetím největším tématem na webu, a přestože většina kurzů je určena pro prémiové uživatele, je jich pět zdarma:

• Začněte používat React k vytváření webových aplikací
• Přidejte směrování k reakci aplikací pomocí React Router v4
• Začínáme s Redux
• Budování reakčních aplikací s Idiomatic Redux
• Správa komplexního stavu v reakci aplikací s MobX

První dva jsou nejdůležitější, ale pravděpodobně je budete chtít vzít všechny v určitém okamžiku (optimálně v uvedeném pořadí). Kurzy předpokládají, že již jazyk JavaScript znáte, takže se podívejte na kurzy JavaScript jazyka Egghead pokud vám jazyk ještě není vyhovující 7 užitečných triků pro zvládnutí nového programovacího jazykaJe v pořádku být ohromen, když se učíte kódovat. Pravděpodobně zapomenete na věci tak rychle, jak se je naučíte. Tyto tipy vám mohou pomoci lépe uchovat všechny nové informace. Přečtěte si více .

Všimněte si, že prémiové kurzy jsou také velmi dobré a stojí za to zkontrolovat, zda si můžete dovolit předplatné Pro: 40 $ měsíčně nebo 200 $ ročně.

webová stránka — Egghead's React Fundamentals Course

5. Naučte se reagovat a Redux With Cabin

Přestože Redux není součástí základního rámce React, jsou používány tak často, že byste se to měli opravdu naučit. A i když se nakonec vzdálíte od Reduxu, můžete si vzít koncepty s sebou a aplikovat je na cokoli, co nakonec místo toho použijete.

Chata je 10dílná výuková série, která vás naučí, jak vytvořit zjednodušenou aplikaci pro sociální sítě od nuly: instalace uzlu / reakce / webpacku, porozumění jak React funguje, začleňuje Redux, zabývá se funkcemi sociální sítě, jako jsou zdroje a oznámení, zpracování obrázků a filtrů, jako je Instagram, a více.

Poslední částí je přehled „osvědčených postupů“, který vás nejen naučí nejúčinnější způsob, jak používat a organizovat React / Redux, ale také časté chyby, kterým je třeba se vyhnout, jak navrhnout škálovatelnou aplikaci a jak používat nástroje třetích stran ke zlepšení vašeho vývoje Pracovní postup.

webová stránka — Naučte se reagovat a Redux With Cabin

6. LearnCode Academy's React Course

V posledních několika letech, Akademie LearnCode se vyznačuje jedním z nejlepší programovací kanály na YouTube 17 nejlepších výukových programů pro programování YouTubeV tomto příspěvku bychom vás chtěli upozornit na některé z nejlepších programovacích seriálů YouTube, které jsme našli. To vše je dostačující k tomu, abyste si jako nováčkovaný programátor namočili nohy. Přečtěte si více . Specializoval se na vývoj webových aplikací a pokrývá všechny druhy témat od HTML, CSS a JavaScript až po specifické rámce jako Angular a React. A je to všechno zdarma.

Kurz je rozdělen do tří částí: osm videí o základních konceptech React, šest videí o použití Flux pro datovou architekturu a sedm videí o použití Reduxu pro správu stavu. To vše se provádí pomocí aktuálních postupů, včetně ES6 a Webpack.

Toto není komplexní kurz a Flux a Redux jsou pokročilé koncepty, které nejsou součástí jádra Reagujte na rámec, proto doporučujeme tento kurz použít jako způsob revize a cementování konceptů získaných ve výše uvedených kurzech.

webová stránka — LearnCode Academy's React Course

7. The React Convention

Někteří programátoři dávají přednost kódování konvencí - to znamená dodržení určité sady návrhových rozhodnutí („konvence“) od projekt na projekt s cílem minimalizovat složitost a urychlit proces vývoje, zejména v rané fázi nového projekty. Cílem této online e-knihy je představit jeden druh konvence, kterou mohou vývojáři React dodržovat.

Než se do toho ponoříte, měli byste se již dobře vyznávat v ES6, pohodlně s rámcem React a rozumět základům Reduxu. Tato e-kniha není pro nováčky per se. Spíše je to užitečné pro meziprodukty, kteří se cítí ohromeni, a nejsou si jisti, jak proměnit své znalosti z React / Redux na webové aplikace od nuly.

Výukový program začíná projektem startovací sady a ukazuje, jak jej upravit. Dodržováním této konvence v budoucích projektech nemusíte ztrácet čas obnovováním všeho.

webová stránka — The React Convention

Takže jste se naučili reagovat: Co teď?

Díky těmto výukovým programům pod pásem byste měli být více než dostatečně znalí, abyste mohli s Reactem vytvářet vlastní webové aplikace. Nyní zbývá jen cvičit, cvičit, cvičit. A co je obzvlášť cool, je to, že můžete později k vytvoření mobilních aplikací použijte React Native Chcete-li vytvořit aplikaci pro Android, musíte se naučit těchto 7 programovacích jazykůKterý programovací jazyk je vhodný pro vytváření aplikací pro Android? Přichází to do vaší historie programování a jazyků, které vám připadají nejpohodlnější. Naštěstí máte možnosti. Přečtěte si více - ale nedostaň se před sebe. Držte se webových aplikací, dokud si nebudete jistí.

Bude to těžká cesta, takže doporučujeme podívat se na náš článek naučit se programovat bez stresu Jak se naučit programování bez stresuMožná jste se rozhodli pokračovat v programování, ať už pro kariéru nebo jen jako koníček. Skvělý! Ale možná se začínáte cítit ohromeni. Není to tak skvělé. Zde je nápověda, která vám usnadní cestu. Přečtěte si více . To, že bojujete, neznamená nejsi vyříznutý jako programátor 6 Známky toho, že nemáte na mysli programátoraNe každý je vyříznut jako programátor. Pokud si nejste zcela jisti, že jste chtěli být programátorem, zde jsou některé náznaky, které vás mohou nasměrovat správným směrem. Přečtěte si více !

Pro více informací, podívejte se nejlepší kurzy, které stojí za to zaplatit na Coursera 11 nejlepších webů pro online kurzy počítačového programování zdarmaPomocí těchto bezplatných kurzů online počítačového programování se můžete stát skvělým kodérem bez stupně informatiky. Přečtěte si více .

Doufejme, že tyto bezplatné návody pomohly! Pokud víte o jakýchkoli jiných zdrojích React, které nám chyběly, dejte nám prosím vědět v komentáři níže.

Obrázek Kredit: guteksk7 prostřednictvím Shutterstock.com