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

Právě teď není jen React na vrcholu své popularity, ale jeho popularita se zvyšuje. Pokud jde o vývoj webových stránek JavaScriptu, programování vs. vývoj webových stránek: Jaký je rozdíl? 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 je daleko od pravdy. Zde jsou hlavní rozdíly mezi programátory a vývojáři webu. , 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í se statnou cenovkou. Například vysoce uznávaný kurz React pro začátečníky je 89 USD (verze starter) a 127 dolarů (hlavní verze). Bezplatné kurzy jsou zřídka tak komplexní a užitečné - ale objevili jsme několik vynikajících a dostanete vás na správnou nohu. Co dělá dobrý programovací výukový program? 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. .

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 k tomu, aby byla základní aplikace React uvedena do provozu (tj. Ekosystém React, NPM, Babel a Webpack), základní pojmy a životní cyklus, které řídí aplikace React, jak správně psát komponenty a jak předávat data. kolem.

Je to husté. Je to poučné. Je to perfektní úvod a skutečnost, že McGinnis ji 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 - Reagovat základy kurzu [již není k dispozici]

2. Hacking With React

Hacking With React je e-kniha, která je zcela zdarma, krytá, pokud si přečtete verzi pouze pro web. Můžete si stáhnout verzi PDF, EPUB nebo MOBI ke stažení za 10 USD, pokud byste si ji raději vzali s sebou a učili se offline. Ať tak či onak, 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 je JSX a komponenty a rekvizity, a drží vaši ruku při přechodu na středně pokročilá témata, jako jsou stavy, směrování, testy, obložení a další. Je to napsáno v ES6 začněte až do konce a dozvíte se osvědčené postupy podél cesty, 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 pro reakce

Mysleli byste si, že oficiální výukový program by měl být prvním místem, kde byste se měli učit React, ale já osobně jsem pro úplné nováčky zjistil, že je příliš rychlý - předpokládalo mnohem více znalostí, než má většina nováčků. Je to perfektní, pokud jste 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á používá pouze 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 Reakce a myšlení v reakci

4. Egghead's React Fundamentals Course

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

• Začněte používat React k vytváření webových aplikací
• Přidání 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 pokud se vám jazyk ještě nelíbí, podívejte se na kurzy jazyka JavaScript Egghead. 7 Užitečné triky pro zvládnutí nového programovacího jazyka 7 Užitečné triky pro zvládnutí nového programovacího jazyka Je v pořádku, když budete ohromeni naučit se kódovat. Pravděpodobně zapomenete na věci tak rychle, jak se je naučíte. Tyto tipy vám mohou pomoci lépe si uchovat všechny nové informace. .

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 Základy kurzu

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 použijete místo toho.

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 Node / React / Webpack, pochopení toho, jak React funguje, začlenění Redux, řešení funkcí sociálních sítí, jako jsou zdroje a oznámení, zpracování obrázků a filtry jako Instagram a další.

Poslední částí je přehled “osvědčené postupy” že 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 zjednodušení vašeho vývojového pracovního postupu.

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 označila za jeden z nejlepších programovacích kanálů na YouTube 17 nejlepších programovacích tutoriálů YouTube 17 nejlepších programovacích tutoriálů YouTube V tomto příspěvku bychom vás chtěli upozornit na některé z nejlepších programovacích sérií YouTube, které jsme našli. To vše je dostačující k tomu, aby vám chodily jako nováčkovací programátor. . 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ří sekcí: 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.

Upozorňujeme, že se nejedná o komplexní kurz a Flux a Redux jsou pokročilé koncepty, které nejsou součástí základního rámce React, proto doporučujeme tento kurz použít jako způsob revize a cementování konceptů získaných v kurzech výše.

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

7. Reactová úmluva

Někteří programátoři dávají přednost kódování konvencí - to znamená, že dodržují určitou sadu rozhodnutí o návrhu (“úmluvy”) od projektu k projektu, aby se minimalizovala složitost a urychlil proces vývoje, zejména v rané fázi nových projektů. 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 kniha není určena pro nováčky jako takové. 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 nebudete muset ztrácet čas obnovováním všeho.

webová stránka - The React Convention

Takže jste se naučili reagovat: Teď co?

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áště skvělé, je to, že později můžete použít React Native k vytváření mobilních aplikací k vytvoření aplikace pro Android, musíte se naučit těchto 7 programovacích jazyků 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? Záleží to na vaší historii programování a jazycích, které se vám nejvíce hodí. Naštěstí máte možnosti. - ale nebuď před námi. Držte se webových aplikací, dokud si nebudete jistí.

Bude to těžká cesta, takže vám doporučujeme podívat se na náš článek o učení, jak programovat bez stresu. Jak se naučit programování bez stresu. Jak se naučit programování bez stresu. Možná jste se rozhodli programovat, ať už 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. . Jen proto, že bojujete, neznamená, že nejste vystřihnuti jako programátor. 6 Známky, že nemáte na mysli být programátorem 6 Známky, že nemáte na mysli být programátorem Ne každý je vystřižen, aby byl 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. !

Chcete-li se více učit, podívejte se na nejlepší kurzy, které stojí za to zaplatit na Coursera 11 nejlepších webů zdarma online počítačové programovací kurzy 11 nejlepších webů zdarma online počítačové programovací kurzy Pomocí těchto bezplatných online počítačových programovacích kurzů se můžete stát skvělým kodérem bez počítačová věda. .

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