CURS NOUL: Drumul spre Următorul

ÎNCHIRIERE B LO G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă

Cum să înveți un cadru JavaScript

01 IANUARIE 2024 DE ROBIN WIERUCH - EDITEAZĂ ACEASTĂ POSTARE

Comunitatea de dezvoltare web și JavaScript evoluează rapid și noi cadre vin și pleacă.
Există mulți oameni care învață React, Angular, Vue sau Svelte în zilele noastre. Nu sunt
doar absolvenți de informatică, așa cum a fost în trecut, ci și programatori autodidacți
care provin din bootcamp-uri și din alte medii.

Mi se pare uimitor faptul că bariera de intrare în domeniu este făcută mult mai accesibilă
în ultimii ani de toate oportunitățile pe care organizațiile și companiile le oferă în lumea
occidentală. Spun aici de lumea occidentală, pentru că adesea nu este evident că există
mai puțină educație despre aceste subiecte în alte țări. Este un privilegiu imens să lucrezi
în acest domeniu și, prin urmare, sper că oamenii îl prețuiesc și fac tot posibilul pentru a
le permite altora să beneficieze de acest privilegiu din întreaga lume .

Următorul articol ar trebui să vă ofere îndrumări despre cum să abordați învățarea unui
cadru JavaScript. Ar trebui să vă ajute să scăpați de paralizia analizei și să vă schimbați
modul intern de la consum la producere.
 CURS NOUL: Drumul spre Următorul

REACT, ANGUL
Î N C H IAR,
R I E R EVUE,
B L O SVELTE?
G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă

Pot doar să presupun cum trebuie să se simtă ecosistemul JavaScript pentru un

începător. Este vestul sălbatic unde toată lumea sare pe cea mai strălucitoare inovație.
Asta doar pentru că toată lumea consumă cele mai recente știri pe Hacker News, Twitter
și Reddit. Dar nimeni nu vorbește despre lumea reală în care companiile nu folosesc cea
mai nouă tehnologie. 80% dintre companii sunt cele care trebuie să respecte alegerile
făcute cu ani în urmă. Pentru că scopul lor principal este de a crește valoarea afacerii și
nu de a înlocui stiva tehnologică de bază în fiecare an. Se rezumă la valoarea pe care o
poți oferi unei companii, un client independent sau propriul tău produs și nu tehnologia
pe care o porți cu tine.

Nu trece o zi în care cineva să nu întrebe care dintre aceste cadre majore să învețe și să
folosească. Este Angular, Vue sau React? Am încercat să răspund la câteva dintre aceste
întrebări și pe platforme precum Quora, dar nu există nicio modalitate de a ține pasul.
Apar toată ziua. De aceea m-am așezat să scriu acest articol.

În trecut, am scris despre experiențele mele de trecere de la Angular la React , pentru că

întotdeauna am simțit că este mai important să ofer oamenilor experiențe de primă
mână decât un articol de comparație tehnică. Este grozav să afli despre motivațiile
oamenilor din domeniu care folosesc unul dintre aceste cadre și de ce s-au mutat de la
unul la altul la un moment dat. Oferă oamenilor acces la experiențe din lumea reală și nu
doar la compararea aspectelor tehnice. Dar, în cele din urmă, articolul a ajuns într-o
 CURS
grămadă cu toate celelalte NOUL:
articole Drumul spre
de comparație Următorul
și doar i-a adăugat mai multă
greutate.
ÎNCHIRIERE B LO G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă

Ieșirea din paralizia de analiză

Indiferent de comparație tehnică sau experiență de primă mână, multe articole îi lasă pe
oameni cu o analiză paralizată . Multe dintre aceste articole nu au un impact imediat,
deoarece nu oferă un sfat clar care poate fi acționat în cele din urmă. Ele oferă doar mai
multe informații pentru cititorii prietenoși cu consumatorii. În loc să-i îndeamnă spre
actul de a produce, cititorii lor continuă să consume și să se plimbe de la un articol la
altul. Ei nu încep niciodată să învețe lucrul în sine. Ei consumă, dar nu ajung niciodată să
producă.

La urma urmei, dacă vrei să înveți ceva nou, trebuie să faci saltul de la consum la
producere. Nu contează dacă alegi Vue, Angular, Svelte sau React, pentru că toate
rezolvă aceeași problemă. Acestea vă permit să construiți aplicații web. Asta este. Și crezi
sau nu, dacă ai stăpânit unul dintre ele, nu este greu să folosești altul.

Dacă rămâneți în paralizia analizei, va exista un alt cadru de învățat în anul următor. Deci
este vorba doar de a-ți murdara mâinile. Legume şi fructe. Nu consuma.

JavaScript este fundația, nimic altceva nu contează...

La urma urmei, JavaScript este fundamentul oricărui cadru JS. Dacă ați adunat suficiente
cunoștințe JS, nu ar trebui să vă faceți griji prea mult cu privire la cadrul pe care îl învățați
 CURS
și îl utilizați acum. JavaScript arNOUL:
trebui săDrumul
vă oferespre
toateUrmătorul
instrumentele pentru a utiliza
oricare dintre aceste cadre. Prin urmare, obiectivul tău final ar trebui să fie să stăpânești
Î N C H I R I E R E B L O G D E S P R E Î N VA Ț Ă R E A C Ț I O N E A Z Ă
JavaScript și nu un cadru care ar putea fi relevant doar pentru încă un an pentru tine.

Stăpânește principiile de bază ale JavaScript. Indiferent dacă adoptați abordarea de jos în
sus (JavaScript -> Framework) sau de sus în jos (Framework -> JavaScript) depinde de
abordarea dvs. personală de învățare. Ceea ce contează este că înțelegeți JavaScript
pentru a trece fără efort de la unul la altul. Nu este aplicabil numai pentru React, Vue,
Svelte sau Angular, ci și pentru biblioteci precum Redux sau MobX . Când treceți de la o
tehnologie la alta, va trebui să înțelegeți mecanismele de bază. Așa că fă-ți timp pentru a
afla despre aceste principii de bază:

Funcțiile sunt cetățeni de primă clasă în JavaScript

bind(), apply() și call()
Domenii de aplicare și închideri
acest
Obiecte (de ex. [Link](myObj).map(key => myMap[key]))
Matrice (de ex. [1, 2].reduce((sum, summand) => sum + summand, 0))
Moștenirea prototipică -> Clasa ES6
Reapeluri și promisiuni
Buclă de evenimente
Barbotare de evenimente
Expresii regulate
Gestionarea erorilor ( [Link](...).catch(...), try { } catch(e) { })
JavaScript ES6 și nu numai
 Ridicare, memorare CURS NOUL: Drumul spre Următorul
Programare declarativă vs imperativă
Î N C H I R I E R E B LO G D E S P R E Î N VA Ț Ă R E A C Ț I O N E A Z Ă
Programare funcțională vs programare orientată pe obiecte

Nu trebuie să fii vrăjitor în aceste lucruri. Dar cel puțin înțelegeți aceste principii pentru a
avea o idee despre cum funcționează JavaScript și cum să îl utilizați fără a vă baza pe
cadre/biblioteci grele. De exemplu, oamenii introduc biblioteci de utilitate mult prea
timpurii, cum ar fi Lodash . Dar majoritatea cazurilor de bază se pot face cu JavaScript
vanilla.

Nu toată lumea este în situația financiară de a învăța orice. Este consumator de timp.
Dacă ești restricționat financiar, cel mai important sfat ar fi să fii cu ochii pe piața muncii.
Clientului tău independent s-ar putea să nu-i pese dacă ai creat aplicația lor web
strălucitoare în Vue, React, Svelte sau Angular, dar piața muncii arată tendințe clare în
care se îndreaptă companiile. Fii cu ochii pe el pentru a învăța ceva care va rămâne
relevant. Există o mulțime de sondaje pentru dezvoltatori, în special la sfârșitul anului, și
veți găsi mai multe dintre aceste tendințe pe Google Trends sau StackOverflow.

DOAR ÎNCEPE

Cred cu tărie că studenții ar trebui să își restrângă materialul de învățare pentru a-și
deschide calea de a învăța ceva mai ușor. Prin urmare, nu ajută să cumpărați 10 cursuri
pe Udemy. Este o poveste de consum fără sfârșit și de fapt nu vă veți murdari niciodată
mâinile programându-vă.CURS NOUL:
Din nou, existăDrumul sprede
o mulțime Următorul
povești pe platforme în care
oamenii vorbesc despre aceeași problemă: au vizionat toate cursurile video, dar niciunul
Î N Ccodificarea.
nu s-a blocat și nu știu cum să înceapă H I R I E R E B L O G D E S P R E Î N VA Ț Ă R E A C Ț I O N E A Z Ă

În schimb, dacă aveți atât de mult timp să consumați materiale de învățare, încercați să
adăugați diversitate în el. Luați un singur curs video și completați-l cu o carte, un podcast
și un curs practic real cu un loc de joacă de codare pentru a stimula toate simțurile. Așa
am abordat învățarea despre învățarea automată . Dacă codificați un proiect personal pe
parcurs, ar trebui să puteți menține provocările în față și abilitățile dvs. în echilibru. În
cele din urmă vei ajunge într-o stare de flux .
 CURS
Dacă simți că aparții acestui NOUL:
grup Drumul
de oameni carespre Următorul
consumă prea mult, cel mai important
pas pentru tine este să începi să produci. Cred că ați consumat deja o mulțime de
Î N C H I R I E R E B L O G D E S P R E Î N VA Ț Ă R E A C Ț I O N E A Z Ă
materiale de învățare până acum, așa că stați și începeți să codificați ceva cu cadrul ales
de dvs. Dacă rămâneți blocat, utilizați motorul de căutare preferat, puneți întrebări pe
StackOverflow sau alăturați-vă unei comunități Discord pentru a obține ajutor de la alții.

Să înveți ceva nou nu este niciodată ușor. În timp ce cineva construiește fără efort un
lucru într-o filmare video într-o oră, fără să izbucnească într-o transpirație rece, este
nevoie de vârste și de mult efort pentru a implementa același lucru. Dar asta e normal.
99% dintre cursurile video sunt pregătite pentru a arăta modul optim și a ascunde
efortul. Acesta este ceea ce face o plăcere să vizionezi. Oamenii prin natura lor evită
lucrurile stresante. Cu toate acestea, transpirația rece și durarea timpului pentru a pune
în aplicare lucrul vă ajută de fapt să învățați subiectul. Așa că stai jos și începe să codezi.

ALEGEȚI UN PROIECT

Deci, cum începeți să codificați Vue, Angular, Svelte sau React? Alege un proiect care te
motivează. Ia-ți hobby-ul preferat și construiește o aplicație pentru el. Nu trebuie să fie o
aplicație cu drepturi depline. Dacă vă place matematica, implementați un calculator.
Începe mic.

În acest moment, dacă sunteți încă în paralizie de analiză, implementați același calculator
în toate cadrele. Păstrați proiectul mic, astfel încât să nu vă ia prea mult timp de dragul
 CURS De
de a compara cadrele majore. NOUL: Drumul
exemplu, spre
în cazul Următorul
unui calculator, implementați doar
caracteristicile de adunare, scădere, înmulțire și împărțire. În cele din urmă, luați cadrul
Î N C H I R I E R E B L O G D E S P R E Î N VA Ț Ă R E A C Ț I O N E A Z Ă
care se simte cel mai confortabil și mergeți cu el.

Dacă nu puteți veni cu o idee de proiect, aruncați o privire la ce construiesc alți

dezvoltatori pentru a învăța Svelte, React, Angular sau Vue. Cei mai mulți dintre ei își
împărtășesc eforturile pe rețelele de socializare. Lasă-le să te inspire, încearcă să faci ceva
similar sau încearcă pur și simplu să le copiezi.

Dacă nu ai un hobby (ce?) și nimeni nu te inspiră (nicicum!), o a treia modalitate de a te

inspira este clonarea aplicației tale web preferate. Nu ar trebui să implementați
următorul Facebook, dar ce zici de o clonă Trello simplificată? Cele mai importante
sfaturi sunt: ​păstrați dimensiunea proiectului ușor de gestionat și aveți un subiect
motivant care să vă conducă prin părțile supărătoare ale proiectului.

2016 Am decis să trec de la Angular la React. La acea vreme foloseam SoundCloud zilnic
pentru a asculta artiștii mei preferați (și încă o fac) și astfel am vrut să implementez o
aplicație SoundCloud în React. În acest moment, exista o clonă SoundCloud numită
sound-redux , unde aș putea explora codul sursă în cazul în care aș avea probleme. Mi-a
luat trei luni să implementez favesound-redux de la zero. Am făcut greșeala să învăț
React with Redux, ceea ce a accentuat curba de învățare, dar cumva am reușit să o fac.
Acest lucru nu înseamnă că ar trebui să implementați singur un proiect atât de mare.
Eram într-o poziție excelentă pentru a transfera o mulțime de cunoștințe JavaScript de
bază de la Angular la React. Arată cum poate rezulta un proiect dacă alegeți ceva care vă
place și rămâneți de el pentru o perioadă.
 CURS NOUL: Drumul spre Următorul

ÎNCHIRIERE B LO G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă

Deci, ce se întâmplă după ce îți construiești primul proiect? Distribuiți-l comunității pe

Reddit, Hacker News, Twitter sau comunitatea dvs. Discord. Obțineți feedback despre el.
Deveniți un producător pe acele platforme - nu doar un consumator. Interacțiunea
completă cu comunitatea vă va ajuta să obțineți o mulțime de feedback, ceea ce vă va
ajuta să creșteți. Luați acest feedback cu dvs., îmbunătățiți-vă proiectul și începeți un alt
proiect ulterior pentru a afla mai multe despre utilizarea cadrului dvs. Repetați procesul
de învățare cu fiecare proiect concentrându-se pe ceva nou despre codarea generală,
JavaScript sau cadrul dvs. Fiecare proiect vine cu propriile provocări și oportunități de
învățare.

În cele din urmă, se rezumă la acest proces simplu de a învăța orice cadru:
 CURS
(1) restrânge materialul NOUL: șiDrumul
de învățare spre Următorul
completează-l cu articole pentru toate simțurile
tale
Î N C H I R I E R E B LO G D E S P R E Î N VA Ț Ă R E A C Ț I O N E A Z Ă
(2) consumă materialul de învățare și începe să produci în paralel
(3) alegeți un proiect care vă menține motivat
(4) transpirați rece și luați ore întregi pentru a vă repara proiectul
(5) utilizați un motor de căutare, AI, Discord sau StackOverflow pentru ajutor
(6) finalizați proiectul și adunați feedback de la alții
(7) dacă este blocat în paralizie de analiză, implementați același proiect într-un alt
cadru
repetați (3) până la (6)

. . .

Sper că acest articol a încurajat să începeți să învățați React, Svelte, Vue, Angular sau
orice alt cadru. Nu contează pe care alegi, dar trebuie să faci saltul de la consum la
producere. Începeți să codificați acum. Pe parcurs, înțelegeți mai bine principiile de bază
ale JavaScript. Cred că dacă începi să înveți una dintre acestea acum, poți ajunge pe
piața muncii anul acesta folosind una dintre aceste soluții.

Discută pe Twitter Distribuie pe Twitter

CONTINUAȚI SĂ CITIȚI DESPRE JAVASCRIPT

 CURS NOUL: Drumul spre Următorul

ÎNCHIRIERE B LO G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă

DE CE GRAPHQL: REACTAȚI STRUCTURA

AVANTA JE ȘI FOLDERULUI ÎN 5 PAȘI
DEZAVANTA JE [2024]
Când vine vorba de solicitările de Organizarea aplicațiilor React mari
rețea între aplicațiile client și în foldere și fișiere este un subiect
server, REST este una dintre cele care deseori stârnește opinii
mai populare opțiuni pentru a puternice. Mi s-a părut dificil să
conecta ambele lumi. În REST, scriu despre asta, deoarece nu
totul evoluează în jurul ideii de a există o abordare „corectă”
avea... definitivă…

DRUMUL REACȚIEI
CURS NOUL: Învață
Drumul sprecreând
React Următorul
aplicații din lumea reală.
Nicio configurație de configurare. Fără scule.
ÎNCHIRIERE B LO G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă
Plain React în peste 200 de pagini de material
de învățare. Învață Reacționează ca peste
50.000 de cititori .

IA CARTEA

Obțineți-l pe Amazon.
 CURS NOUL: Drumul spre Următorul

ÎNCHIRIERE B LO G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă

IA PARTE
N U R ATA Ț I N I C I O D ATĂ U N A R T I C O L D E S P R E D E Z V O LTA R E A W E B Ș I J AVA S C R I P T.

Alăturați-vă la peste 50.000 de dezvoltatori

Învață Dezvoltarea Web

Învață JavaScript

Accesați tutoriale, cărți electronice și cursuri

Dezvoltare personală ca inginer software

ABONAȚI-VĂ

Consultați Politica noastră de confidențialitate .

 CURS NOUL: Drumul spre Următorul

ÎNCHIRIERE B LO G DESPRE Î N VA Ț Ă R E A C Ț I O N E A Z Ă

PORTOFOLIU DESPRE

Drumul spre Următorul Despre mine

Drumul Reacției Cum să lucrezi cu mine

Tutoriale gratuite Flux RSS

Open Source

© Robin Wieruch Contactați-mă Confidențialitate și condiții