7 najboljih besplatnih vodiča za učenje reakcije i izradu web aplikacija

Oglas

U ovom trenutku ne samo da je React na vrhuncu svoje popularnosti, već i njegova popularnost ubrzava. Što se tiče JavaScript web razvoj je zabrinut Programiranje vs. Web razvoj: u čemu je razlika?Možda mislite da programeri aplikacija i web programeri rade isti posao, ali to je daleko od istine. Evo ključnih razlika između programera i web programera. Čitaj više , React je jedan od najlakših okvira za naučiti i jedan od najučinkovitijih za brzi i robusni razvoj.

Dakle, ako ste ga odlučili naučiti, potapšajte se po leđima: pametno ste se odlučili.

Jedini problem je što najvrjedniji React tečajevi dolaze s ogromnom cijenom. Na primjer, visoko cijenjeni Tečaj Reagiraj za početnike je 89 dolara (početna verzija) i 127 dolara (glavna verzija). Besplatni tečajevi rijetko su toliko sveobuhvatni i korisni - ali našli smo ih nekoliko izvrsno i započet ćete s pravom nogom Što je dobar vodič za programiranje?Nisu svi programski udžbenici jednaki. Neke koristi vam, a drugima iscrpljuju vaše vrijeme. Evo što potražiti u kvalitetnom programskom vodiču. Čitaj više .

1. Tečaj Osnove reakcije treninga

Tyler McGinnis poznati je programer i instruktor Reacta koji već godinama podučava i piše o Reactu. Trenutno ima na raspolaganju četiri tečaja na React Training (Nema više dostupnih), od kojih je prvi potpuno besplatan, a za ostale služi kao ulaz.

Reagirajte osnove podijeljeno je u 32 video lekcije koje sačinjavaju do tri puna sata obrazovanja. Naučit ćete sve što je potrebno za pokretanje i pokretanje osnovne aplikacije React (tj. React ekosustav, NPM, Babel i Webpack), temeljni koncepti i životni ciklus koji pokreću React aplikacije, kako pravilno pisati komponente i kako proslijediti podatke oko.

Gusta je. Informativan je. To je savršen uvod, a činjenica da ga McGinnis nudi besplatno, prilično je nevjerojatna. Ovo bi vam trebalo biti prvo zaustavljanje kad naučite React.

Web stranica - Tečaj React Fundamentals [Nema više dostupnih]

2. Hakiranje s Reactom

Hakiranje s Reactom e-knjiga je u potpunosti besplatna, za naslovnicu ako pročitate verziju samo za web. Možete preuzeti PDF, EPUB ili MOBI verziju koju možete preuzeti s interneta za 10 USD ako je radije ponesete sa sobom i učite izvan mreže. Bilo kako bilo, to je sjajan resurs za početnike koji ne vole videozapise.

Počinje od samog početka, objašnjavajući osnovne pojmove poput JSX-a te komponente i rekvizite te drži vas za ruku dok prelazite na međuprostorne teme poput stanja, usmjeravanja, testova, obloga i više. Napisano je u ES6 od početka do kraja i na putu ćete naučiti najbolje prakse, uključujući Babel, Webpack i ESLint.

Hoće li od vas postati React stručnjak? Ne, ali to htjeti osigurati vam dovoljno udobnosti da biste se osjećali samopouzdano i nastavite učiti. U najmanju ruku, znat ćete više nego dovoljno React da odlučite želite li novac potrošiti na napredni premium tečaj drugdje.

Web stranica — Hakiranje s Reactom

3. Službeni vodič za reakcije

Mislili biste da bi službeni vodič trebao biti prvo mjesto na kojem biste trebali učiti React, ali ja osobno sam smatrao da je prebrzo za kompletne novorođenče - pretpostavljalo je puno više znanja od većine novorođenčad ima. Idealno je ako ste imali prethodnih iskustava sa drugim JavaScript web okvirom.

To se kaže, službeni React vodič fantastično je nakon što ste naučili temeljne koncepte Reacta i borite se da ih implementirate u praksu. Vodit ćete se stvaranjem web-aplikacije tic-tac-toe koristeći samo komponente, rekvizite i stanje. Time se premošćuje jaz između apstraktne teorije i praktične primjene.

Također preporučujem provjeru službena React dokumentacija, što objašnjava svaku bitnu reakciju s iznenađujućom količinom detalja. Posebno Razmišljanje u React Stranica je poput mini udžbenika o razumijevanju idioma koji pokreću React. Ne bojte se uvijek iznova vraćati dokumentaciju React dok učite i stvarate vlastite aplikacije.

Web stranica — Službeni vodič za reakcije i Razmišljanje u React

4. Tečaj reakcija Osnove Egghead-a

Intelektualac nudi desetke tečajeva (stotine predavanja) o različitim temama web razvoja: JavaScript, Angular, React, RxJS, Node, TypeScript itd. React je treća po veličini tema na web mjestu, a iako je većina tečajeva za premium korisnike, pet ih je besplatno besplatno:

• Počnite koristiti React za izradu web aplikacija
• Dodavanje usmjeravanja za reagiranje aplikacija pomoću React Routera v4
• Početak rada s Reduxom
• Izgradnja reakcijskih aplikacija s idiomatičnim Reduxom
• Upravljanje složenim stanjima u React Apps s MobX-om

Prve dvije su najvažnije, ali vjerojatno ćete ih u nekom trenutku htjeti preuzeti (optimalno navedenim redoslijedom). Tečajevi pretpostavljaju da već znate JavaScript, pa pogledajte JavaScript tečajeve Egghead-a ako vam jezik još nije ugodan 7 korisnih trikova za savladavanje novog programskog jezikaU redu je biti preopterećen kada učite kodirati. Vjerojatno ćete stvari zaboraviti čim ih naučite. Ovi savjeti mogu vam pomoći da bolje zadržite sve te nove informacije. Čitaj više .

Imajte na umu da su i premium tečajevi prilično dobri i vrijedi provjeriti možete li si priuštiti pretplatu na Pro: 40 USD mjesečno ili 200 USD godišnje.

Web stranica — Tečaj reakcija Osnove Egghead-a

5. Saznajte kako reagirati i Redux s kabinom

Iako Redux nije dio jezgre React okvira, toliko se često zajedno koriste da biste to zaista trebali naučiti. Čak i ako se na kraju odmaknete od Reduxa, koncepte možete ponijeti sa sobom i primijeniti ih na sve što na kraju iskoristite umjesto njega.

Kabina je serija tutorijala u 10 dijelova koji će vas naučiti kako iz nule stvoriti pojednostavljenu aplikaciju za društvene mreže: instalirati Node / React / Webpack, razumjeti kako funkcionira React, uključuje Redux, bavi se značajkama društvenih mreža poput feedova i obavijesti, obrađuje slike i filtre poput Instagrama i više.

Posljednji dio je pregled „najboljih praksi“ koji vas ne samo uči najefikasniji način korištenja i organiziranja React / Reduxa, ali i česte pogreške koje treba izbjegavati, kako dizajnirati skalabilnu aplikaciju i kako koristiti alate treće strane kako bi olakšali svoj razvoj tijek rada.

Web stranica — Saznajte kako reagirati i Redux s kabinom

6. Tečaj reakcije Akademije LearnCode

U posljednjih nekoliko godina LearnCode Akademija izdvojila se kao jedna od najbolji programiranje kanala na YouTubeu 17 najboljih udžbenika za programiranje na YouTubeuU ovom postu želimo vas uputiti na neke od najboljih YouTube programskih serija koje smo pronašli. Sve je ovo dovoljno za navlaženje stopala kao programer novaka. Čitaj više . Specijalizirala se za web razvoj i pokriva sve vrste tema u rasponu od HTML-a, CSS-a i JavaScript-a do specifičnih okvira poput Angular i React. I sve je besplatno.

Tečaj je podijeljen u tri dijela: osam videozapisa o temeljnim React konceptima, šest videozapisa o korištenju Fluxa za arhitekturu podataka i sedam videozapisa o korištenju Reduxa za upravljanje stanjem. Sve se to događa pomoću ažurnih praksi, uključujući ES6 i Webpack.

Imajte na umu da ovo nije sveobuhvatni kurs, a Flux i Redux su napredni koncepti koji nisu dio jezgre Reagirajte okvir, pa vam preporučujemo korištenje ovog tečaja kao načina za pregled i cementiranje koncepata naučenih u gornjim tečajevima.

Web stranica — Tečaj reakcije Akademije LearnCode

7. React konvencija

Neki programeri radije kodiraju konvencijom - odnosno pridržavanjem određenog niza dizajnerskih odluka („konvencija“) iz projekt za projekt koji bi minimizirao složenost i ubrzao razvojni proces, posebno u ranoj fazi novog projekti. Ova internetska e-knjiga ima za cilj predstaviti jednu vrstu konvencije koju programeri React-a mogu slijediti.

Prije nego što se udubite u to, već bi trebali biti dobro upućeni u ES6, udoban s React okvirom i razumjeti osnove Reduxa. Ova e-knjiga sama po sebi nije za početnike. Umjesto toga, korisno je intermedijarima koji se osjećaju preplavljenim i nisu sigurni kako svoje znanje React / Redux pretvoriti u web aplikacije ispočetka.

Vodič započinje projektom starter kit i pokazuje vam kako ga modificirati. Pridržavajući se ove konvencije u budućim projektima, nećete trebati gubiti vrijeme stvarajući sve.

Web stranica — React konvencija

Dakle, naučili ste reagirati: Što sada?

Uz ove tutorijale ispod pojasa, trebali biste biti više nego dovoljno upućeni da biste započeli izrađivati ​​vlastite web aplikacije pomoću Reacta. U ovom trenutku sve što preostaje jest vježbati, vježbati, vježbati. A što je posebno cool, možete kasnije koristite React Native za stvaranje mobilnih aplikacija Da biste izgradili aplikaciju za Android, morate naučiti ovih 7 jezika programiranjaKoji je programski jezik prikladan za stvaranje Androidovih aplikacija? To se svodi na vašu povijest programiranja i na kojim se jezicima osjećate najugodnije. Srećom, imate mogućnosti. Čitaj više - ali nemojte više ispred sebe. Držite se web aplikacija dok ne budete sigurni u to.

Put će biti težak, zato preporučujemo da pogledate naš članak o učenje kako programirati bez stresa Kako naučiti programiranje bez ikakvog stresaMožda ste se odlučili baviti programiranjem, bilo radi karijere ili samo kao hobi. Sjajno! Ali možda se počinjete osjećati preplavljeno. Nije tako sjajno. Evo pomoći da vam olakša putovanje. Čitaj više . To samo zato što se boriš ne znači nisi valjda programer 6 Znakovi da ne treba biti programerNisu svi sigurni da su programeri. Ako niste sasvim sigurni da ste namijenjeni programeru, evo nekoliko znakova koji vas mogu usmjeriti u pravom smjeru. Čitaj više !

Za više učenja provjerite najbolji tečajevi koje vrijedi platiti na Coursera 11 najboljih web stranica za besplatne tečajeve računalnog programiranja na mrežiKorištenjem ovih besplatnih tečajeva računalnog programiranja na mreži, možete postati izvrstan koder bez diplome informatike. Čitaj više .

Nadam se da su ovi besplatni udžbenici pomogli! Ako znate za bilo koje druge besplatne resurse Reacta koji su nam nedostajali, javite nam u komentaru u nastavku.

Kreditna slika: guteksk7 putem Shutterstock.com