7 najlepších bezplatných návodov na učenie sa React a vytváranie webových aplikácií

Reklama

Práve teraz je React nielen na vrchole svojej popularity, ale jeho popularita sa zrýchľuje. Pokiaľ Ide o vývoj webu v JavaScripte Programovanie vs. Vývoj webu: Aký je rozdiel?Možno si myslíte, že aplikační programátori a weboví vývojári robia rovnakú prácu, ale to je ďaleko od pravdy. Tu sú hlavné rozdiely medzi programátormi a webovými vývojármi. Čítaj viac , React je jedným z najjednoduchších rámcov na učenie a jedným z najúčinnejších pre rýchly a robustný vývoj.

Takže ak ste sa to rozhodli naučiť, potľapkajte sa po pleci: urobili ste rozumnú voľbu.

Jediným problémom je, že väčšina kurzov React, ktoré stoja za to, má vysokú cenu. Napríklad vysoko uznávané Kurz Reagovať pre začiatočníkov je 89 USD (štartovacia verzia) a 127 USD (hlavná verzia). Bezplatné kurzy sú zriedka také komplexné a užitočné – ale našli sme niekoľko takých vynikajúce a naštartuje vás tou správnou nohou Čo robí dobrý návod na programovanie?Nie všetky programovacie tutoriály sú rovnaké. Z niektorých máte úžitok a z iných nakoniec strácate čas. Tu je to, čo treba hľadať v kvalitnom návode na programovanie.

Čítaj viac .

1. React Training’s Fundamentals Course

Tyler McGinnis je známy vývojár a inštruktor Reactu, ktorý o Reacte učí a píše už roky. Momentálne má k dispozícii štyri kurzy na React Training [No už nie je k dispozícii], z ktorých prvý je úplne zadarmo a slúži ako vstupný bod pre ostatné.

React Fundamentals je rozdelená do 32 video lekcií, ktoré spolu tvoria tri celé hodiny vzdelávania. Dozviete sa všetko, čo potrebujete na spustenie základnej aplikácie React (t. j. ekosystém React, NPM, Babel a Webpack), základné koncepty a životný cyklus, ktoré riadia aplikácie React, ako správne písať komponenty a ako odovzdávať údaje okolo.

je to husté. je informatívny. Je to perfektný úvod a skutočnosť, že ho McGinnis ponúka zadarmo, je celkom úžasná. Toto by mala byť vaša prvá zastávka pri učení React.

webové stránky — React Fundamentals Course [už nie je k dispozícii]

2. Hackovanie s React

Hackovanie s React je e-kniha, ktorá je úplne zadarmo, od obalu po obal, ak čítate iba webovú verziu. Môžete si stiahnuť jeho verziu PDF, EPUB alebo MOBI za 10 dolárov, ak by ste si ju radšej vzali so sebou a učili sa offline. V každom prípade je to skvelý zdroj pre začiatočníkov, ktorí nemajú radi videá.

Začína úplne na začiatku, vysvetľuje základné pojmy ako JSX a komponenty a rekvizity, a drží vás za ruku pri prechode na stredne pokročilé témy, ako sú stavy, smerovanie, testy, lintovanie a viac. Je napísaný v ES6 od začiatku do konca a popri tom sa naučíte osvedčené postupy vrátane Babel, Webpack a ESLint.

Urobí to z vás experta na React? Nie, ale to bude dostať sa do dostatočnej pohody, aby ste sa cítili sebaisto a pokračovali v učení. Prinajmenšom budete vedieť viac než dosť React na to, aby ste sa rozhodli, či minúť peniaze na pokročilý prémiový kurz inde.

webové stránky — Hackovanie s React

3. Oficiálny návod React

Mysleli by ste si, že oficiálny návod by mal byť prvým miestom, kde by ste sa mali naučiť React, ale ja osobne to považovalo za príliš rýchle pre úplných nováčikov – predpokladalo oveľa viac vedomostí ako väčšina ostatných nováčikovia majú. Je to perfektné, ak ste mali predchádzajúce skúsenosti s iným webovým rámcom JavaScript.

Ako bolo povedané, oficiálny návod React je fantastické, keď sa naučíte základné koncepty Reactu a snažíte sa ich uviesť do praxe. Prevedie vás vytvorením webovej aplikácie tic-tac-toe s použitím iba komponentov, rekvizít a stavu. Premosťuje priepasť medzi abstraktnou teóriou a praktickou aplikáciou.

Odporúčam tiež pozrieť si oficiálna dokumentácia React, ktorá vysvetľuje každý kúsok Reactu do prekvapivého množstva detailov. Najmä Myslenie v Reacte stránka je ako mini-návod na pochopenie idiómov, ktoré riadia React. Pri učení a vytváraní vlastných aplikácií sa nebojte znova a znova vracať k dokumentácii React.

webové stránky — Oficiálny návod React a Myslenie v Reacte

4. Egghead's React Fundamentals Course

Vaječná hlava ponúka desiatky kurzov (stovky lekcií) na rôzne témy vývoja webu: JavaScript, Angular, React, RxJS, Node, TypeScript atď. React je treťou najväčšou témou na stránke, a hoci väčšina kurzov je pre prémiových používateľov, je ich zadarmo k dispozícii päť:

• Začnite používať React na vytváranie webových aplikácií
• Pridajte smerovanie do aplikácií React pomocou smerovača React Router v4
• Začíname s Reduxom
• Vytváranie aplikácií React s Idiomatic Redux
• Spravujte komplexný stav v aplikáciách React s MobX

Prvé dva sú najdôležitejšie, ale pravdepodobne ich budete chcieť niekedy vziať všetky (optimálne v uvedenom poradí). Kurzy predpokladajú, že už poznáte JavaScript, takže si pozrite kurzy JavaScriptu Egghead ak ešte nie ste spokojní s jazykom 7 užitočných trikov na zvládnutie nového programovacieho jazykaJe v poriadku byť ohromený, keď sa učíte kódovať. Pravdepodobne veci zabudnete tak rýchlo, ako sa ich naučíte. Tieto tipy vám môžu pomôcť lepšie si uchovať všetky nové informácie. Čítaj viac .

Všimnite si, že prémiové kurzy sú tiež celkom dobré a oplatí sa vyskúšať, či si môžete dovoliť predplatné Pro: 40 dolárov mesačne alebo 200 dolárov ročne.

webové stránky — Egghead's React Fundamentals Course

5. Naučte sa React and Redux With Cabin

Hoci Redux nie je súčasťou základného rámca React, používajú sa tak často spolu, že by ste sa to naozaj mali naučiť. A aj keď sa nakoniec vzdialite od Reduxu, môžete si vziať koncepty so sebou a aplikovať ich na čokoľvek, čo nakoniec použijete namiesto nich.

Kabína je 10-dielna séria tutoriálov, ktorá vás naučí, ako vytvoriť zjednodušenú aplikáciu sociálnej siete od začiatku: inštalácia Node/React/Webpack, pochopenie ako funguje React, ktorý zahŕňa Redux, zaoberá sa funkciami sociálnych sietí, ako sú informačné kanály a upozornenia, spracováva obrázky a filtre, ako je Instagram a viac.

Posledná časť je prehľadom „najlepších postupov“, ktoré vás nielen naučia najefektívnejšie používať a organizovať React/Redux, ale aj bežné chyby, ktorým sa treba vyhnúť, ako navrhnúť škálovateľnú aplikáciu a ako používať nástroje tretích strán na uľahčenie vývoja pracovný tok.

webové stránky — Naučte sa React and Redux With Cabin

6. Kurz React Academy LearnCode

Za posledných pár rokov Akadémia LearnCode sa vyznamenal ako jeden z najlepšie programovacie kanály na YouTube 17 najlepších návodov na programovanie YouTubeV tomto príspevku by sme vás chceli poukázať na niektoré z najlepších programových sérií YouTube, ktoré sme našli. To všetko je dostatočné na to, aby ste si ako začiatočník programátor namočili nohy. Čítaj viac . Špecializuje sa na vývoj webových aplikácií a pokrýva všetky druhy tém od HTML, CSS a JavaScript až po špecifické rámce ako Angular a React. A to všetko zadarmo.

Kurz je rozdelený do troch sekcií: osem videí o základných konceptoch React, šesť videí o používaní Flux pre dátovú architektúru a sedem videí o používaní Reduxu na riadenie stavu. To všetko sa vykonáva pomocou najnovších postupov vrátane ES6 a Webpack.

Upozorňujeme, že toto nie je komplexný kurz a Flux a Redux sú pokročilé koncepty, ktoré nie sú súčasťou jadra Rámec React, preto odporúčame použiť tento kurz ako spôsob, ako si preštudovať a upevniť koncepty získané v kurzoch vyššie.

webové stránky — Kurz React Academy LearnCode

7. Dohovor React

Niektorí programátori uprednostňujú kódovanie podľa konvencie – to znamená, že sa riadia určitým súborom návrhových rozhodnutí („konvencií“) z projekt na projekt, aby sa minimalizovala zložitosť a urýchlil proces vývoja, najmä v počiatočnom štádiu nového projektov. Cieľom tejto online e-knihy je predstaviť jeden druh konvencie, ktorú môžu vývojári Reactu dodržiavať.

Predtým, ako sa do toho pustíte, by ste sa však už mali dobre orientovať v ES6, mali by ste byť spokojní s rámcom React a mali by ste rozumieť základom Redux. Táto e-kniha sama o sebe nie je pre nováčikov. Je to užitočné skôr pre stredne pokročilých, ktorí sa cítia ohromení a nie sú si istí, ako premeniť svoje znalosti React/Redux na webové aplikácie od začiatku.

Tutoriál začína projektom štartovacej súpravy a ukáže vám, ako ju upraviť. Pri dodržiavaní tejto konvencie v budúcich projektoch nebudete musieť strácať čas opätovným vytváraním všetkého.

webové stránky — Dohovor React

Takže ste sa naučili Reagovať: Čo teraz?

S týmito tutoriálmi by ste mali byť dostatočne informovaní, aby ste mohli začať vytvárať svoje vlastné webové aplikácie s Reactom. V tomto bode ostáva už len cvičiť, cvičiť, cvičiť. A čo je obzvlášť skvelé, môžete neskôr použite React Native na vytváranie mobilných aplikácií Ak chcete vytvoriť aplikáciu pre Android, musíte sa naučiť týchto 7 programovacích jazykovKtorý programovací jazyk je vhodný na vytváranie aplikácií pre Android? Záleží na vašej histórii programovania a na tom, ktoré jazyky sa vám najviac páčia. Našťastie máte možnosti. Čítaj viac — ale nepredbiehaj. Držte sa webových aplikácií, kým si nebudete istí.

Bude to náročná cesta, preto vám odporúčame prečítať si náš článok o naučiť sa programovať bez stresu Ako sa naučiť programovať bez stresuMožno ste sa rozhodli venovať programovaniu, či už pre kariéru alebo len ako hobby. skvelé! Ale možno sa začínate cítiť prehnane. Nie také skvelé. Tu je pomoc, ktorá vám uľahčí cestu. Čítaj viac . To, že sa trápiš, ešte neznamená nie ste stvorení na to byť programátorom 6 znakov, že nemáte byť programátoromNie každý je pripravený byť programátorom. Ak si nie ste úplne istí, že máte byť programátorom, tu je niekoľko znakov, ktoré vás môžu nasmerovať správnym smerom. Čítaj viac !

Ak sa chcete dozvedieť viac, pozrite sa najlepšie kurzy, za ktoré sa oplatí zaplatiť na Coursera 11 najlepších stránok pre bezplatné online kurzy počítačového programovaniaPomocou týchto bezplatných online kurzov počítačového programovania sa môžete stať skvelým programátorom bez diplomu z informatiky. Čítaj viac .

Dúfajme, že tieto bezplatné návody pomohli! Ak viete o akýchkoľvek iných bezplatných zdrojoch React, ktoré sme vynechali, dajte nám vedieť v komentári nižšie.

Image Credit: guteksk7 cez Shutterstock.com