7 legjobb ingyenes oktatóanyag a reagálás megtanulásához és a webalkalmazások készítéséhez

Hirdetés

Jelenleg a React nemcsak népszerűsége csúcsán van, de népszerűsége egyre gyorsul. Addig, amíg A JavaScript webfejlesztésről van szó Programozás vs. Webfejlesztés: mi a különbség?Azt gondolhatnánk, hogy az alkalmazásprogramozók és a webfejlesztők ugyanazt a munkát végzik, de ez messze van az igazságtól. Íme a legfontosabb különbségek a programozók és a webfejlesztők között. Olvass tovább , A React az egyik legkönnyebben megtanulható keretrendszer, és az egyik leghatékonyabb a gyors és robusztus fejlesztéshez.

Tehát ha úgy döntött, hogy megtanulja, veregetje meg magát: okosan döntött.

Az egyetlen probléma az, hogy a legtöbb érdemes React tanfolyam borsos árat tartalmaz. Például a nagysikerű React kezdőknek tanfolyam 89 dollár (kezdő verzió) és 127 dollár (főverzió). Az ingyenes kurzusok ritkán olyan átfogóak és hasznosak – de találtunk néhányat kiváló, és jó lábon fog elindulni Mitől jó egy programozási oktatóanyag?Nem minden programozási oktatóanyag egyenlő. Egyesek hasznot húznak, mások pedig az idejét vesztegetik. Íme, mire kell figyelni egy minőségi programozási oktatóanyagban.

Olvass tovább .

1. A React Training alapok tanfolyama

Tyler McGinnis egy jól ismert React fejlesztő és oktató, aki évek óta tanít és ír a Reactről. Jelenleg négy kurzusa van a React Training [már nem elérhető] témakörben, amelyek közül az első teljesen ingyenes, és belépési pontként szolgál a többiek számára.

React Fundamentals 32 videóórára oszlik, amelyek összesen három teljes oktatási órát jelentenek. Megtudhat mindent, amire szüksége van egy alap React alkalmazás üzembe helyezéséhez és futtatásához (azaz a React ökoszisztéma, NPM, Babel és Webpack), az alapfogalmak és az életciklus, amelyek a React alkalmazásokat vezérlik, hogyan írjunk helyesen összetevőket és hogyan továbbítsuk az adatokat körül.

Ez sűrű. Ez informatív. Ez a tökéletes bemutatkozás, és az a tény, hogy McGinnis ingyen kínálja, elég félelmetes. Ez legyen az első állomás a React tanulása során.

Weboldal — React Fundamentals tanfolyam [már nem elérhető]

2. Hackelés a React segítségével

Hackelés a React segítségével egy e-könyv, amely teljesen ingyenes, borítótól borítóig, ha elolvassa a csak internetes verziót. Letölthető PDF-, EPUB- vagy MOBI-verziója 10 dollárért vásárolható meg, ha inkább magával viszi, és offline is tanul. Akárhogy is, ez egy fantasztikus forrás azoknak a kezdőknek, akik nem szeretik a videókat.

A legelején kezdődik, és olyan alapfogalmakat magyaráz meg, mint a JSX és az alkatrészek és a kellékek, és megfogja a kezét, miközben olyan köztes témákról érettségizik, mint az állapotok, az útválasztás, a tesztek, a szöszölés és több. Az ES6-ban van megírva az elejétől a végéig, és útközben megtanulhatja a bevált gyakorlatokat, beleértve a Babelt, a Webpack-et és az ESLint-et.

Ettől leszel React szakértő? Nem, de az akarat kellően elkényelmesedik ahhoz, hogy magabiztosnak érezze magát, és folytassa a tanulást. Legalább többet fog tudni a Reactről ahhoz, hogy eldöntse, költ-e pénzt egy haladó prémium tanfolyamra máshol.

Weboldal — Hackelés a React segítségével

3. A hivatalos React bemutató

Azt hinné az ember, hogy a hivatalos oktatóanyag legyen az első hely, ahol meg kell tanulnia a Reactet, de én személy szerint egy kicsit túl gyorsnak találta a teljesen újoncok számára – sokkal több tudást feltételezett, mint a legtöbb újoncoknak van. Tökéletes, ha korábbi tapasztalata van egy másik JavaScript webes keretrendszerrel.

Ezt mondva, a hivatalos React oktatóanyag fantasztikus, ha megtanultad a React alapfogalmait, és nehezen tudod átültetni őket a gyakorlatba. Ez végigvezeti Önt egy tic-tac-toe webalkalmazás létrehozásán, amely nem tartalmaz mást, mint összetevőket, kellékeket és állapotot. Áthidalja az absztrakt elmélet és a gyakorlati alkalmazás közötti szakadékot.

Azt is javaslom, hogy nézd meg a hivatalos React dokumentációt, amely meglepően részletesen elmagyarázza a React minden darabját. Különösen a Reactban gondolkodni Az oldal olyan, mint egy mini oktatóanyag a Reactot hajtó idiómák megértéséhez. Ne féljen újra és újra visszanézni a React dokumentációjához, miközben megtanulja és létrehozza saját alkalmazásait.

Weboldal — A hivatalos React bemutató és Reactban gondolkodni

4. Egghead's React alapjai tanfolyam

Tojásfejű kurzusok tucatjait (több száz leckét) kínál különféle webfejlesztési témákban: JavaScript, Angular, React, RxJS, Node, TypeScript stb. A React a harmadik legnagyobb téma az oldalon, és bár a legtöbb kurzus prémium felhasználóknak szól, öt ingyenesen elérhető:

• Kezdje el használni a React webalkalmazások építéséhez
• Útválasztás hozzáadása a React alkalmazásokhoz a React Router v4 használatával
• A Redux használatának első lépései
• React alkalmazások létrehozása Idiomatic Redux segítségével
• Kezelje a React Apps komplex állapotát a MobX segítségével

Az első kettő a legfontosabb, de valószínűleg valamikor mindegyiket meg akarja venni (optimálisan a felsorolt ​​sorrendben). A kurzusok feltételezik, hogy már ismeri a JavaScriptet, ezért nézze meg az Egghead JavaScript-tanfolyamait ha még nem vagy kényelmes a nyelvvel 7 hasznos trükk egy új programozási nyelv elsajátításáhozRendben van, ha túlterheltek, amikor megtanulunk kódolni. Valószínűleg olyan gyorsan felejt el dolgokat, ahogy megtanulja őket. Ezek a tippek segíthetnek jobban megőrizni az összes új információt. Olvass tovább .

Vegye figyelembe, hogy a prémium kurzusok is nagyon jók, és érdemes megnézni őket, ha megengedheti magának a Pro-előfizetést: havi 40 dollár vagy évi 200 dollár.

Weboldal — Egghead's React alapjai tanfolyam

5. Tanulja meg a Reactet és a Reduxot a kabinnal

Bár a Redux nem része az alapvető React keretrendszernek, olyan gyakran használják őket együtt, hogy tényleg meg kell tanulnod. És még akkor is, ha végül eltávolodik a Reduxtól, magával viheti a fogalmakat, és alkalmazhatja őket bármire, amit a helyére használ.

Kabin egy 10 részes oktatóanyag-sorozat, amely megtanítja, hogyan hozhat létre egyszerűsített közösségi hálózati alkalmazást a semmiből: a Node/React/Webpack telepítése, megértése hogyan működik a React, amely magában foglalja a Reduxot, foglalkozik a közösségi hálózatok szolgáltatásaival, például hírcsatornákkal és értesítésekkel, feldolgozza a képeket és szűrőket, mint például az Instagram, és több.

Az utolsó rész a „legjobb gyakorlatok” áttekintése, amely nemcsak a React/Redux használatának és rendszerezésének leghatékonyabb módját tanítja meg, hanem a gyakori elkerülendő hibákat is, hogyan tervezzünk méretezhető alkalmazást, és hogyan használjunk harmadik féltől származó eszközöket a fejlesztés megkönnyítésére munkafolyamat.

Weboldal — Tanulja meg a Reactet és a Reduxot a kabinnal

6. A LearnCode Akadémia reakciókurzusa

Az utóbbi évek alatt, LearnCode Akadémia egyikeként tüntette ki magát legjobb programozó csatornák a YouTube-on A 17 legjobb YouTube programozási oktatóanyagEbben a bejegyzésben az általunk talált legjobb YouTube-programozási sorozatokra szeretnénk felhívni a figyelmet. Mindezek elegendőek ahhoz, hogy kezdő programozóként megnedvesítse a lábát. Olvass tovább . A webfejlesztésre specializálódott, és mindenféle témát lefed, a HTML-től, a CSS-től és a JavaScript-től kezdve az olyan speciális keretrendszerekig, mint az Angular és a React. És mindez ingyenes.

A kurzus három részre oszlik: nyolc videó az alapvető React koncepciókról, hat videó a Flux használatáról az adatarchitektúrában, és hét videó a Redux használatáról az állapotkezelésre. Mindez a legfrissebb gyakorlatok használatával történik, beleértve az ES6-ot és a Webpack-et.

Vegye figyelembe, hogy ez nem egy átfogó tanfolyam, és a Flux és a Redux egyaránt fejlett fogalmak, amelyek nem részei a magnak. React keretrendszer, ezért azt javasoljuk, hogy ezt a kurzust használja a fenti kurzusokon tanult fogalmak újralátogatására és rögzítésére.

Weboldal — A LearnCode Akadémia reakciókurzusa

7. A React Egyezmény

Egyes programozók inkább konvenció szerint kódolnak – vagyis betartanak bizonyos tervezési döntéseket („konvenciókat”). projektről projektre a bonyolultság minimalizálása és a fejlesztési folyamat felgyorsítása érdekében, különösen az új korai szakaszában projektek. Ennek az online e-könyvnek az a célja, hogy bemutasson egyfajta konvenciót, amelyet a React fejlesztői követhetnek.

Mielőtt azonban belevágna ebbe, már jártasnak kell lennie az ES6-ban, meg kell ismernie a React keretrendszert, és meg kell értenie a Redux alapjait. Ez az e-könyv önmagában nem újoncoknak való. Inkább azoknak a középhaladóknak hasznos, akik úgy érzik, túlterheltek, és nem tudják, hogyan alakítsák át React/Redux tudásukat a semmiből webalkalmazásokká.

Az oktatóanyag egy kezdőcsomag-projekttel kezdődik, és megmutatja, hogyan módosíthatja azt. Ha követi ezt a konvenciót a jövőbeli projektjei során, nem kell időt vesztegetnie minden újraalkotására.

Weboldal — A React Egyezmény

Szóval megtanultad reagálni: most mi van?

Ezekkel az oktatóanyagokkal a kezedben kell lennie ahhoz, hogy eléggé tájékozott legyen ahhoz, hogy elkezdje saját webalkalmazásait a React segítségével. Ezen a ponton már csak gyakorlás, gyakorlás, gyakorlás van hátra. És ami különösen jó, hogy később is megteheti használja a React Native-t mobilalkalmazások létrehozásához Android-alkalmazás létrehozásához meg kell tanulnia ezt a 7 programozási nyelvetMelyik programozási nyelv a megfelelő Android-alkalmazások létrehozásához? Ez a programozási előzményeken múlik, és azon, hogy mely nyelveket érzi a legkényelmesebben használni. Szerencsére vannak választási lehetőségei. Olvass tovább - de ne előzze meg magát. Maradjon az internetes alkalmazásoknál, amíg magabiztos nem lesz.

Ez egy nehéz út lesz, ezért javasoljuk, hogy tekintse meg cikkünket megtanulni, hogyan kell stressz nélkül programozni Hogyan tanuljunk programozni minden stressz nélkülTalán úgy döntött, hogy programozással foglalkozik, akár karrier, akár csak hobbi miatt. Nagy! De lehet, hogy kezdi túlterheltnek érezni magát. Nem olyan nagyszerű. Íme a segítség az utazás megkönnyítéséhez. Olvass tovább . Az, hogy küzdesz, még nem jelenti azt nem vagy kivágva programozónak 6 jel, hogy nem vagy programozóNem mindenkiről van szó, hogy programozó legyen. Ha nem vagy teljesen biztos benne, hogy programozónak szánták, íme néhány jel, amelyek a helyes irányba mutathatnak. Olvass tovább !

További tanulásért nézze meg a legjobb tanfolyamok, amelyekért érdemes fizetni a Courserán A 11 legjobb webhely ingyenes online számítógép-programozási tanfolyamokhozEzekkel az ingyenes online számítógépes programozási kurzusokkal nagyszerű kódolóvá válhat számítástechnikai végzettség nélkül. Olvass tovább .

Remélhetőleg ezek az ingyenes oktatóanyagok segítettek! Ha tud más ingyenes React-forrásról, amelyet kihagytunk, kérjük, ossza meg velünk az alábbi megjegyzésben.

A kép forrása: guteksk7 a Shutterstock.com-on keresztül