7 labākās bezmaksas apmācības, lai mācītos reaģēt un izveidotu tīmekļa lietotnes

Reklāma

Šobrīd React ne tikai ir savas popularitātes virsotnē, bet arī tā popularitāte pieaug. Ciktāl Ir bažas par JavaScript tīmekļa izstrādi Programmēšana vs. Web izstrāde: kāda ir atšķirība?Varētu domāt, ka lietojumprogrammu programmētāji un tīmekļa izstrādātāji veic vienu un to pašu darbu, taču tas ir tālu no patiesības. Šeit ir galvenās atšķirības starp programmētājiem un tīmekļa izstrādātājiem. Lasīt vairāk , React ir viens no visvieglāk apgūstamajiem ietvariem un viens no efektīvākajiem ātrai un stabilai attīstībai.

Tātad, ja esat nolēmis to apgūt, uzsitiet sev pa muguru: esat izdarījis gudru izvēli.

Vienīgā problēma ir tā, ka lielākajai daļai vērtīgo React kursu ir dārga cena. Piemēram, augsti novērtētie Reakcija iesācējiem kurss ir 89 USD (sākuma versija) un 127 USD (galvenā versija). Bezmaksas kursi reti ir tik visaptveroši un noderīgi, taču esam atraduši vairākus tādus lieliski un palīdzēs jums sākt strādāt ar labo kāju Kāda ir laba programmēšanas apmācība?Ne visas programmēšanas apmācības ir vienādas. Daži gūst labumu no jums, bet citi tērē jūsu laiku. Lūk, ko meklēt kvalitatīvā programmēšanas apmācībā.

Lasīt vairāk .

1. React Training pamatprincipu kurss

Tailers Makginiss ir labi pazīstams React izstrādātājs un instruktors, kurš jau gadiem ilgi māca un raksta par React. Pašlaik viņam ir pieejami četri kursi par React Training [vairs nav pieejami], no kuriem pirmais ir pilnīgi bezmaksas un kalpo kā ieejas punkts pārējiem.

React Fundamentals ir sadalīts 32 video nodarbībās, kas kopā veido trīs pilnas mācību stundas. Jūs uzzināsit visu, kas nepieciešams, lai izveidotu un palaistu pamata React lietotni (t.i., React ekosistēmu, NPM, Babel un Webpack), pamatjēdzieni un dzīves cikls, kas virza React lietotnes, kā pareizi rakstīt komponentus un kā nodot datus. apkārt.

Tas ir blīvs. Tas ir informatīvs. Tas ir ideāls ievads, un fakts, ka McGinnis to piedāvā bez maksas, ir diezgan satriecošs. Tam vajadzētu būt jūsu pirmajai pieturai, mācoties React.

Tīmekļa vietne — React Fundamentals Course [vairs nav pieejams]

2. Datorurķēšana ar React

Datorurķēšana ar React ir e-grāmata, kas ir pilnīgi bezmaksas, no vāka līdz vākam, ja lasāt tikai tīmekļa versiju. Varat paņemt lejupielādējamu PDF, EPUB vai MOBI versiju par 10 ASV dolāriem, ja vēlaties to paņemt līdzi un mācīties bezsaistē. Jebkurā gadījumā tas ir lielisks resurss iesācējiem, kuriem nepatīk videoklipi.

Tas sākas pašā sākumā, izskaidrojot pamatjēdzienus, piemēram, JSX un komponentus un rekvizītus, un tur jūsu roku, pārejot uz tādām vidējām tēmām kā stāvokļi, maršrutēšana, testi, šķiedru veidošana un vairāk. Tas ir rakstīts ES6, no sākuma līdz beigām, un jūs apgūsit paraugpraksi, tostarp Babel, Webpack un ESLint.

Vai tas padarīs jūs par React ekspertu? Nē, bet tā gribu jums būs pietiekami ērti, lai justos pārliecināti un turpinātu mācīties. Vismaz jūs zināsit vairāk nekā pietiekami daudz React, lai izlemtu, vai tērēt naudu augstākās klases kursiem citur.

Tīmekļa vietne — Datorurķēšana ar React

3. Oficiālā reakcijas apmācība

Jūs domājat, ka oficiālajai apmācībai vajadzētu būt pirmajai vietai, kur meklēt React, bet es personīgi tas šķita pārāk ātrs pilnīgiem iesācējiem — tas prasīja daudz vairāk zināšanu nekā vairums iesācējiem ir. Tas ir lieliski piemērots, ja jums ir bijusi iepriekšēja pieredze ar citu JavaScript tīmekļa ietvaru.

To sakot, oficiālā React apmācība ir fantastiski, kad esat apguvis React pamatjēdzienus un cenšaties tos īstenot praksē. Tas ļaus jums izveidot tic-tac-toe tīmekļa lietotni, izmantojot tikai komponentus, rekvizītus un stāvokli. Tas novērš plaisu starp abstrakto teoriju un praktisko pielietojumu.

Iesaku arī apskatīt oficiālā React dokumentācija, kas pārsteidzoši detalizēti izskaidro katru React daļu. Jo īpaši, Domāšana React lapa ir kā mini apmācība, kā izprast idiomas, kas virza React. Nebaidieties atkal un atkal atgriezties pie React dokumentācijas, kad mācāties un veidojat savas lietotnes.

Tīmekļa vietne — Oficiālā reakcijas apmācība un Domāšana React

4. Egghead’s React pamatu kurss

Olu galviņa piedāvā desmitiem kursu (simtiem nodarbību) par dažādām tīmekļa izstrādes tēmām: JavaScript, Angular, React, RxJS, Node, TypeScript utt. React ir trešā lielākā tēma vietnē, un, lai gan lielākā daļa kursu ir paredzēti augstākās klases lietotājiem, pieci ir pieejami bez maksas:

• Sāciet izmantot React, lai izveidotu tīmekļa lietojumprogrammas
• Pievienojiet maršrutēšanu React lietotnēm, izmantojot React Router v4
• Darba sākšana ar Redux
• Izveidojiet React lietojumprogrammas, izmantojot Idiomatic Redux
• Pārvaldiet sarežģīto stāvokli React Apps, izmantojot MobX

Pirmie divi ir vissvarīgākie, bet jūs, iespējams, kādreiz vēlēsities tos visus (optimāli norādītajā secībā). Kursos tiek pieņemts, ka jūs jau zināt JavaScript, tāpēc pārbaudiet Egghead JavaScript kursus ja jūs vēl neesat apmierināts ar valodu 7 noderīgi triki jaunas programmēšanas valodas apguveiMācoties kodēt, ir labi būt satriektam. Jūs, iespējams, aizmirsīsit lietas tikpat ātri, kā tās iemācīsities. Šie padomi var palīdzēt labāk saglabāt visu šo jauno informāciju. Lasīt vairāk .

Ņemiet vērā, ka arī augstākās kvalitātes kursi ir diezgan labi, un tos ir vērts pārbaudīt, vai varat atļauties Pro abonementu: USD 40 mēnesī vai USD 200 gadā.

Tīmekļa vietne — Egghead’s React pamatu kurss

5. Uzziniet React un Redux ar kabīni

Lai gan Redux neietilpst React pamatietvarā, tie tik bieži tiek izmantoti kopā, ka jums tas patiešām būtu jāapgūst. Un pat tad, ja galu galā atkāpjaties no Redux, varat paņemt līdzi jēdzienus un piemērot tos visam, ko lietojat tā vietā.

Kajīte ir 10 daļu pamācību sērija, kas iemācīs jums izveidot vienkāršotu sociālo tīklu lietotni no jauna: Node/React/Webpack instalēšana, izpratne kā darbojas React, iekļaujot Redux, strādājot ar sociālo tīklu funkcijām, piemēram, plūsmas un paziņojumiem, apstrādājot attēlus un filtrus, piemēram, Instagram, un vairāk.

Pēdējā daļa ir pārskats par "labāko praksi", kas ne tikai māca jums visefektīvāko veidu, kā izmantot un organizēt React/Redux, bet arī izplatītākās kļūdas, no kurām jāizvairās, kā izveidot mērogojamu lietotni un kā izmantot trešās puses rīkus, lai atvieglotu izstrādi. darbplūsma.

Tīmekļa vietne — Uzziniet React un Redux ar kabīni

6. LearnCode akadēmijas reakcijas kurss

Dažu pēdējo gadu laikā LearnCode akadēmija ir izcēlusies kā viena no labākie programmēšanas kanāli vietnē YouTube 17 labākās YouTube programmēšanas apmācībasŠajā ziņā mēs vēlamies jūs norādīt uz dažām no labākajām YouTube programmu sērijām, ko esam atraduši. Ar to visu pietiek, lai kā iesācējam programmētājam samirktu kājas. Lasīt vairāk . Tas specializējas tīmekļa izstrādē un aptver visu veidu tēmas, sākot no HTML, CSS un JavaScript līdz īpašiem ietvariem, piemēram, Angular un React. Un tas viss ir bez maksas.

Kurss ir sadalīts trīs sadaļās: astoņi video par React pamatjēdzieniem, seši videoklipi par Flux izmantošanu datu arhitektūrā un septiņi videoklipi par Redux izmantošanu stāvokļa pārvaldīšanai. Tas viss tiek darīts, izmantojot jaunākās metodes, tostarp ES6 un Webpack.

Ņemiet vērā, ka šis nav visaptverošs kurss, un gan Flux, gan Redux ir uzlaboti jēdzieni, kas nav daļa no pamata. React ietvars, tāpēc mēs iesakām izmantot šo kursu kā veidu, kā pārskatīt un nostiprināt iepriekš minētajos kursos apgūtās koncepcijas.

Tīmekļa vietne — LearnCode akadēmijas reakcijas kurss

7. Reakcijas konvencija

Daži programmētāji dod priekšroku kodēšanai pēc vienošanās — tas ir, ievērojot noteiktu dizaina lēmumu kopumu (“konvencijas”) no Projekts uz projektu, lai samazinātu sarežģītību un paātrinātu izstrādes procesu, jo īpaši jaunu agrīnā stadijā projektus. Šīs tiešsaistes e-grāmatas mērķis ir iepazīstināt ar viena veida konvenciju, ko React izstrādātāji var ievērot.

Tomēr, pirms iedziļināties šajā jautājumā, jums jau ir labi jāpārzina ES6, jābūt apmierinātam ar React sistēmu un jāsaprot Redux pamati. Šī e-grāmata pati par sevi nav paredzēta iesācējiem. Drīzāk tas ir noderīgi starpniekiem, kuri jūtas satriekti un nav pārliecināti, kā savas React/Redux zināšanas pārvērst tīmekļa lietotnēs no nulles.

Apmācība sākas ar sākuma komplekta projektu un parāda, kā to modificēt. Ievērojot šo principu turpmākajos projektos, jums nevajadzēs tērēt laiku, lai visu izveidotu no jauna.

Tīmekļa vietne — Reakcijas konvencija

Tātad jūs esat iemācījušies reaģēt: ko tagad?

Izmantojot šīs apmācības, jums vajadzētu būt pietiekami zinošam, lai sāktu veidot savas tīmekļa lietotnes, izmantojot React. Šajā brīdī atliek tikai praktizēt, praktizēt, praktizēt. Un īpaši forši ir tas, ka varat to izdarīt vēlāk izmantojiet React Native, lai izveidotu mobilās lietotnes Lai izveidotu Android lietotni, jums jāapgūst šīs 7 programmēšanas valodasKura programmēšanas valoda ir piemērota Android lietotņu izveidei? Tas ir atkarīgs no jūsu programmēšanas vēstures un valodas, kuras lietojat visērtāk. Par laimi, jums ir iespējas. Lasīt vairāk — bet neapsteidz sevi. Izmantojiet tīmekļa lietotnes, līdz esat pārliecināts.

Tas būs grūts ceļš, tāpēc iesakām iepazīties ar mūsu rakstu par to iemācīties programmēt bez stresa Kā iemācīties programmēt bez stresaVarbūt esat nolēmis nodarboties ar programmēšanu karjeras vai tikai hobija dēļ. Lieliski! Bet varbūt tu sāc justies satriekts. Ne tik lieliski. Šeit ir palīdzība, lai atvieglotu jūsu ceļojumu. Lasīt vairāk . Tas, ka jums ir grūtības, nenozīmē tu neesi par programmētāju 6 pazīmes, ka neesat paredzēts programmētājamNe visi ir gatavi būt programmētājiem. Ja neesat pilnīgi pārliecināts, ka esat programmētājs, šeit ir dažas pazīmes, kas var norādīt jums pareizajā virzienā. Lasīt vairāk !

Lai uzzinātu vairāk, pārbaudiet labākie kursi, par kuriem ir vērts maksāt vietnē Coursera 11 labākās vietnes bezmaksas tiešsaistes datorprogrammēšanas kursiemIzmantojot šos bezmaksas tiešsaistes datorprogrammēšanas kursus, jūs varat kļūt par lielisku kodētāju bez datorzinātņu grāda. Lasīt vairāk .

Cerams, ka šīs bezmaksas apmācības palīdzēja! Ja zināt kādus citus bezmaksas React resursus, kurus esam palaiduši garām, lūdzu, informējiet mūs tālāk komentārā.

Attēla kredīts: guteksk7, izmantojot Shutterstock.com