7 cele mai bune Tutoriale gratuite pentru învățare Reacționează și realizează aplicații web

În momentul de față, nu numai că reacționează la înălțimea popularității, dar popularitatea se accelerează. În ceea ce privește dezvoltarea de web JavaScript în cauză Programarea vs. Web Development: Care este diferența? Programare vs. Dezvoltare Web: Care este diferența? S-ar putea să credeți că programatorii de aplicații și dezvoltatorii web fac același lucru, dar asta e departe de adevăr. Iată diferențele cheie dintre programatori și dezvoltatorii web. Citiți mai multe, Reactul este unul dintre cele mai simple cadre de învățare și unul dintre cele mai eficiente pentru dezvoltarea rapidă și robustă.

Deci, dacă v-ați hotărât să o învățați, faceți-vă pe spate: ați făcut o alegere inteligentă.

Singura problemă este că cele mai valoroase cursuri React vin cu un preț greu de preț. De exemplu, cursul foarte apreciat React for Beginners este $ 89 (versiunea de pornire) și $ 127 (versiunea master). Cursurile gratuite sunt rareori la fel de cuprinzătoare și de ajutor - dar am descoperit câteva care sunt excelente și vă vor face să începeți pe piciorul drept Ce face un bun tutorial de programare? Ce face un bun tutorial de programare? Nu toate tutorialele de programare sunt egale. Unele beneficiază de tine și de ceilalți ajung să-ți pierzi timpul. Iată ce să căutați într-un tutorial de programare de calitate. Citeste mai mult .

1. Reactiva Cursul de fundamentare a instruirii

Tyler McGinnis este un bine-cunoscut dezvoltator React și instructor care a predat și a scris despre React de ani de zile. În prezent, are patru cursuri disponibile pentru React Training, primul dintre ele fiind complet gratuit și servește drept punct de intrare pentru ceilalți.

Reacționează fundamentele este împărțită în 32 de ore video care adaugă până la trei ore întregi de învățământ. Veți învăța tot ceea ce aveți nevoie pentru a obține o aplicație de bază React în desfășurare (React ecosystem, NPM, Babel și Webpack), conceptele de bază și ciclul de viață care conduc aplicațiile React, modul de scriere a componentelor în mod corespunzător și modul de transmitere a datelor în jurul.

Este densă. Este informativ. Este introducerea perfectă, iar faptul că McGinnis o oferă gratuit este destul de minunată. Aceasta ar trebui să fie prima oprire când învățați React.

website - React Curs de fundamentare

2. Hacking cu reacție

Hacking cu reacție este un ebook care este complet gratuit, acoperă pentru a acoperi, dacă ați citit numai versiunea web. Puteți să descărcați o versiune PDF, EPUB sau MOBI care poate fi descărcată pentru 10 USD, dacă preferați să o luați cu dvs. și să vă aflați offline. Oricum, este o resursă extraordinară pentru începători care nu-i plac videoclipurile.

Începe de la început, explicând concepte de bază precum JSX și componente și recuzită, și ține mâna pe parcursul absolvirii la subiecte intermediare precum state, rutare, teste, linguri și multe altele. Este scris în ES6 să înceapă și veți învăța cele mai bune practici de-a lungul drumului, inclusiv Babel, Webpack și ESLint.

Te va face un expert React? Nu, dar asta voi să vă simțiți în siguranță și să continuați să învățați. Cel puțin, veți ști mai mult decât suficient de reactiv pentru a decide dacă să cheltuiți bani pe un curs avansat avansat în altă parte.

website - Hacking cu reacție

3. Tutorialul Reacții Oficiale

Ați crede că tutorialul oficial ar trebui să fie primul loc pentru a căuta să înveți React, dar personal am găsit-o puțin prea rapid pentru începători complete - și-a asumat mult mai multe cunoștințe decât majoritatea nou-născuților. Este perfect dacă ați avut experiență anterioară cu un alt cadru web JavaScript.

Acestea fiind spuse, tutorialul React oficial este fantastic odată ce ați învățat conceptele de bază ale Reactului și se străduiesc să le pună în practică. Vă va duce prin crearea unei aplicații web tic-tac-toe care nu folosește decât componente, elemente de recuzită și stat. Ea pune capăt decalajului dintre teoria abstractă și aplicarea practică.

De asemenea, vă recomand să verificați documentația oficială React, care explică fiecare bit de reacție în cantități surprinzătoare de detaliu. În special, Gândire în Reacție pagina este ca un mini-tutorial despre aprecierea idiomelor care conduc React. Nu vă fie teamă să vă referiți din nou la documentația React de câte ori învățați și creați propriile aplicații.

website - Tutorialul Reacției Oficiale și Gândirea în Reacție

Cursul de fundamentare a reacției Egghead

egghead oferă numeroase cursuri (sute de lecții) pe diverse subiecte de dezvoltare web: JavaScript, Angular, React, RxJS, Node, TypeScript etc. Reacția este a treia temă cea mai mare pe site și, deși majoritatea cursurilor sunt pentru utilizatorii premium, există cinci disponibile gratuit:

• Începeți să utilizați React pentru a crea aplicații Web
• Adăugați rutarea pentru a reacționa aplicații utilizând React Router v4
• Noțiuni de bază cu Redux
• Aplicații pentru clădiri reactive cu Redux Idiomatic
• Gestionați statul complex în aplicații reactive cu MobX

Primele două sunt cele mai importante, dar probabil că veți dori să le luați pe toate la un moment dat (optim în ordinea enumerată). Cursurile presupun că deja cunoașteți JavaScript, deci verificați cursurile JavaScript ale lui Egghead, dacă nu vă simțiți confortabilă cu limba. 7 Trucuri utile pentru mastering un nou limbaj de programare 7 Trucuri utile pentru mastering un nou limbaj de programare Este bine să fiți copleșiți când sunteți învățând să codificați. Probabil veți uita lucrurile cât de repede le veți învăța. Aceste sfaturi vă pot ajuta să păstrați mai bine toate informațiile noi. Citeste mai mult .

Rețineți că și cursurile premium sunt destul de bune și merită verificate dacă vă puteți permite abonamentul Pro: 40 USD pe lună sau 200 USD pe an.

website - Cursul de fundamentare a retelei Egghead

5. Învață React și Redux cu cabină

Deși Redux nu face parte din cadrul de bază React, ele sunt atât de des utilizate împreună încât ar trebui să-l înveți. Și chiar dacă în cele din urmă vă deplasați de la Redux, puteți lua conceptele cu dvs. și le puteți aplica oricăror lucruri pe care le veți folosi în locul lor.

Cabină este o serie de tutori din 10 părți care vă va învăța cum să creați o aplicație de rețea socială simplificată de la zero: instalarea Node / React / Webpack, înțelegerea modului în care React funcționează, încorporarea Redux, abordarea funcțiilor de rețea socială precum feedurile și notificările, filtre precum Instagram și multe altele.

Ultima parte este o prezentare generală “cele mai bune practici” care nu numai că vă învață modul cel mai eficient de a utiliza și organiza React / Redux, dar și greșelile obișnuite de evitat, cum să creați o aplicație scalabilă și cum să utilizați instrumentele terță parte pentru a ușura fluxul de lucru al dezvoltării.

website - Învață React și Redux cu cabină

6. Cursul Reacția Academiei LearnCode

In ultimii ani, LearnCode Academy sa remarcat ca fiind unul dintre cele mai bune canale de programare pe YouTube Cele 17 cele mai bune tutoriale de programare pe YouTube Cele 17 cele mai bune tutoriale de programare YouTube În acest articol, am dori să vă îndreptăm către cele mai bune serii de programare YouTube pe care le-am găsit. Toate acestea sunt suficiente pentru a obține picioarele ude ca un programator newbie. Citeste mai mult . Acesta este specializat în dezvoltarea de web și acoperă tot felul de subiecte variind de la HTML, CSS și JavaScript la cadre specifice cum ar fi Angular și React. Și totul este gratuit.

Cursul este împărțit în trei secțiuni: opt videoclipuri pe concepte de bază React, șase videoclipuri pe utilizarea fluxului pentru arhitectură de date și șapte videoclipuri despre utilizarea Redux pentru a gestiona statul. Toate acestea se fac folosind practici la zi, inclusiv ES6 și Webpack.

Rețineți că acest lucru nu este un curs cuprinzător, iar Flux și Redux sunt ambele concepte avansate care nu fac parte din cadrul principal React, deci vă recomandăm să utilizați acest curs ca o modalitate de a revizui și cimenta conceptele învățate în cursurile de mai sus.

website - Cursul de feedback al Academiei LearnCode

7. Convenția de reacție

Unii programatori preferă să codeze prin convenție - adică, aderând la un anumit set de decizii de proiectare (“convenții”) de la proiect la proiect pentru a minimiza complexitatea și a accelera procesul de dezvoltare, în special în stadiul incipient al proiectelor noi. Acest ebook on-line își propune să prezinte un tip de convenție pe care dezvoltatorii React îl pot urma.

Înainte de a vă scufunda în acest lucru, totuși, ar trebui să fiți deja bine pregătiți în ES6, confortabil cu cadrul React și să înțelegeți elementele de bază ale Redux. Această carte electronică nu este pentru începători în sine. Mai degrabă, este util pentru intermediarii care se simt copleșiți și nu sunt siguri cum să transforme cunoștințele lor React / Redux în aplicații web de la zero.

Tutorialul pornește cu un proiect de kit de pornire și vă arată cum să îl modificați. Urmând această convenție în viitoarele proiecte, nu va trebui să pierdeți timpul recreând totul.

website - Convenția de reacție

Așa că ați învățat să reacționați: Acum ce?

Cu aceste tutoriale sub centură, ar trebui să fii mai mult decât suficient de informat pentru a începe să îți faci propriile aplicații web cu React. În acest moment, tot ce a mai rămas este de a practica, de a practica, de a practica. Și ceea ce este deosebit de interesant este că poți folosi mai târziu React Native pentru a crea aplicații mobile Pentru a construi o aplicație Android, trebuie să înveți aceste 7 limbi de programare Pentru a construi o aplicație Android, trebuie să înveți aceste 7 limbi de programare Care limbaj de programare este potrivit pentru crearea de aplicații Android? Se referă la istoricul programării și la limbile în care vă simțiți mai confortabil. Din fericire, aveți opțiuni. Citește mai mult - dar nu te preda. Stick cu aplicații web până când sunteți încrezători.

Va fi un drum dur, așa că vă recomandăm să citiți articolul nostru despre cum să învățați cum să programați fără stres Cum să învățați programarea fără stres Cum să învățați programarea fără toate stresul Poate ați decis să continuați programarea, carieră sau doar ca un hobby. Grozav! Dar poate că începi să te simți copleșit. Nu prea grozav. Iată ajutorul pentru a vă ușura călătoria. Citeste mai mult . Doar pentru că vă luptați nu înseamnă că nu sunteți tăiat ca fiind un programator 6 Semne că nu înseamnă să fii programator 6 semne pe care nu vrei să fii un programator Nu toată lumea este tăiată a fi o programator. Dacă nu sunteți sigur că sunteți menit să fii programator, iată câteva semne care vă pot îndruma în direcția cea bună. Citeste mai mult !

Pentru mai multe de învățare, a verifica afară cele mai bune cursuri merită să plătiți pe Coursera 11 cele mai bune site-uri pentru Free Online Cursuri de programare calculator 11 cele mai bune site-uri pentru cursuri de programare online gratuite de calculator Aceste zile, puteți deveni un master coder, fără a lua un grad tradițional de informatică. Unde sunt toate aceste resurse excelente de învățare, întrebați? Întrebare mare. Continuați să citiți și vă vom arăta. Citeste mai mult .

Sperăm că aceste tutoriale gratuite au ajutat! Dacă știți despre alte resurse gratuite React pe care le-am pierdut, vă rugăm să ne anunțați într-un comentariu de mai jos.

Image Credit: guteksk7 prin intermediul Shutterstock.com

Explorați mai multe despre: cursuri online, programare.