Concepte JavaScript de care aveți nevoie înainte de a începe cu cadre și biblioteci

Nu începe înainte să te simți confortabil cu ele

Mulți dezvoltatori front-end din zilele noastre folosesc tot felul de cadre JavaScript (sau biblioteci) și face viața tuturor dezvoltatorilor mult mai ușoară. Ne oferă o mulțime de cod pe care îl putem folosi pentru a construi produse minunate.

Framework-urile și bibliotecile JavaScript precum AngularJS, ReactJS, jQuery, BackboneJS, Underscore, EmberJS vă pot oferi senzația că stăpâniți toate superputerile JavaScript. jQuery mi-a dat acel sentiment când am început!

Dar este adevărat? Stăpânești toate superputerile JavaScript, datorită acestor cadre și biblioteci? Sau doar copiați tot codul de pe Github, Stackoverflow sau alte site-uri web și vă spargeți drumul? Răspunde la această întrebare sincer pentru tine.

Nu știam JavaScript!

Din propria mea experiență, îmi dau seama, când am început eu însumi cu jQuery, nu am înțeles JavaScript deloc. Aceasta este concluzia mea acum, pot să mă uit înapoi la momentul în care am început.

Am început cu implementarea glisoarelor de conținut fantastice cu un plugin jQuery. În acel moment, am copiat codul din exemple, m-am jucat cu el, am lipit într-o funcție de pregătire pentru document și am avut un glisor de conținut fantezist. M-am distrat destul de mult cu el, simt că aș putea face mai mult decât HTML și CSS.

După un timp, am avut erori și nu știam cum să le repar. Eroarea este ca... este nedefinit etc. Sau glisorul nu mai funcționa. A trebuit să le rog colegilor să mă ajute, am rezolvat-o într-o secundă.

Deși m-a ajutat, nu am înțeles ce a făcut, ca să funcționeze.

Înapoi la elementele de bază (JavaScript)!

În acest moment, văd că aveam o lipsă de cunoștințe de programare și elemente de bază JavaScript la momentul în care am început cu jQuery. Câțiva ani mai târziu, cunoșteam jQuery mult mai bine, da jQuery, nu JavaScript!

Cel mai bun lucru pe care mi l-a spus mentorul meu, Ray, dacă vrei să fii mai bun cu jQuery, AngularJS sau alt Framework/Library, ar trebui să te întorci la elementele de bază. M-am gândit, revenind la elementele de bază, da, corect (așa credeam eu în acel moment)! Pentru că am vrut să lucrez cu AngularJS.

Am crezut că pierd timp dacă mă întorc la JavaScript de bază. Nu i-am ascultat sfatul. Am început cu AngularJS! (la naiba da)

Ei bine, după câteva zile i-am spus mentorului meu că nu l-am ascultat. Pentru că am rămas blocat cu ceva cu AngularJS pe care nu l-am înțeles. Și-a râs fundul! (De la început a știut că mă voi întoarce la el :-))

Desigur, m-a ajutat imediat. Mi-a spus să caut un curs de bază JavaScript. Și m-a sfătuit să citesc cartea „Headfirst JavaScript”.

De asemenea, a fost foarte amabil să-mi explice câteva concepte de bază și mediu avansate ale JavaScript, pe care trebuia să le știu pentru a stăpâni AngularJS. Când am început cu cursul, am citit cartea și am început să înțeleg JavaScript. Apoi partea distractivă a început cu adevărat!

Partea distractivă

După câteva provocări și câteva videoclipuri suplimentare de pe youtube, mă scufundam în JavaScript Vanilla. Am lăsat jQuery în urmă și am început să mă provoc cu manipularea DOM doar cu JavaScript.

Nu voi spune că jQuery este rău! Dar pentru mine, mi-a stimulat curba de învățare să învăț JavaScript real. Am învățat o mulțime de lucruri noi și a fost DIVERTAT! Aș sfătui același lucru pe cei care descoperă că nu înțeleg JavaScript. :-)

Cadre și biblioteci JavaScript ca instrument

Când cunoașteți toate elementele de bază ale JavaScript (Dacă derulați în jos, veți găsi o listă, cu ceea ce ar trebui să știți înainte de a începe cu aceste cadre), veți începe să vedeți cadrele și bibliotecile ca instrumente, pentru a vă face viața de dezvoltator mai bună și, sperăm, mai ușoară. Apoi vă vor ajuta să construiți aplicațiile mai rapid.

Dar dacă veți primi o eroare în aplicația dvs. și cunoștințele dvs. despre JavaScript sunt bune, le puteți remedia mult mai repede. Desigur, aveți întotdeauna momente în care vă va costa ore întregi de depanare, dar asta se întâmplă cel mai bine!

Ce elemente de bază JavaScript trebuie să știți?

Cred că mulți dezvoltatori au opinii diferite despre asta, așa că o voi împărtăși pe a mea. Dacă aveți câteva completări, vă rugăm să le împărtășiți în comentarii.

Cred că dacă înțelegeți toate lucrurile pe care le-am enumerat mai jos, sunteți gata să vedeți Framework-urile și Bibliotecile ca instrumente. Poate că nu cunoști direct toate conceptele JavaScript, dar se poate întâmpla să știi ce este, dar să nu cunoști cuvântul ;-)

Concepte de bază JavaScript

• „variabile”
• „Funcții”
• „Pentru bucle”
• „Dacă, altfel și dacă altceva”
• „While bucle”
• "Intrerupator"
• "Obiecte"
• „Matricele”
• "Tipuri de date"
• "Acest"
• „Expresia funcției de auto-invocare”
• „Scopul global și local”
• "Închidere"
• „Ridicare”
• OOP
• „Reapeluri”
• "Promisiune"
• "Modele de design"
• „Modul de modul”

Asta te va ajuta!

Pe toți cei care fac acum același lucru cu mine, v-aș încuraja să învețe mai multe JavaScript de bază. M-a ajutat foarte mult să înțeleg mai bine modul în care funcționează jQuery și AngularJS.

Acum pot vedea aceste cadre și biblioteci JavaScript ca instrumente și mă vor ajuta să economisesc timp de dezvoltare.

Ai nevoie de ajutor sau sfat?

Dacă aveți nevoie de un sfat sau dacă aveți vreo problemă cu învățarea mai bună a JavaScript de bază, vă rugăm să-mi spuneți în comentarii! Suntem aici pentru a vă ajuta și a vă sprijini pentru a fi un dezvoltator mai bun :-)

Mai presus de toate, bucurați-vă de plimbare!!

Am adunat câțiva „dezvoltatori aspiranți din întreaga lume pe un server Discord”, nu ezitați dacă doriți să vă alăturați.

Citeşte mai mult