Începeți să învățați JavaScript: de ce ar trebui și cum să o faceți gratuit

Vrei să începi să înveți JavaScript, dar nu știi cum sau de unde să începi? În această postare, vă vom oferi îndrumările de care aveți nevoie pentru a începe să vă educați în limbajul de programare popular.

Vom vorbi despre motivul pentru care ai putea lua în considerare învățarea JavaScript atât în ​​ceea ce privește dificultatea, cât și perspectivele de carieră. După aceea, postarea va descrie cum puteți începe, adesea gratuit. Când ați terminat, dorim să înțelegeți bine cum să începeți să învățați JavaScript de la zero pe cont propriu.

Ce este JavaScript și de ce să-l înveți?

Înainte de a înțelege cum puteți începe să vă educați în JavaScript, să vorbim despre motivele pentru care faceți acest lucru. Pentru asta, este util să știi pentru ce poți folosi limbajul de programare.

Aplicații pentru JavaScript

Să vorbim mai întâi despre web design. Când vine vorba de crearea de site-uri web, JavaScript este partea care le face interactive. În timp ce HTML oferă scheletul și conținutul, iar CSS definește aspectul și designul unui site, JavaScript este acolo pentru a adăuga funcționalitate și comportament. Îl puteți găsi cel mai frecvent ca parte a meniurilor derulante, a ferestrelor pop-up și a altor moduri, a formularelor de contact, a animațiilor și a hărților interactive.

La fel ca HTML și CSS, JavaScript este, de asemenea, ceva pe care orice browser îl poate înțelege și procesa.

Și în WordPress, vedem o aplicație crescută a JavaScript. Calypso, aplicația desktop pentru WordPress.com este complet bazată pe JavaScript, în special React și Node.js.

Editorul Gutenberg, care a înlocuit editorul clasic WordPress ca interfață de scriere implicită în 2018, folosește și JavaScript ca tehnologie principală.

Deși inițial era un limbaj de partea clientului (adică este interpretat și procesat în browserul utilizatorului), datorită lui Node.js, acum poate rula și pe partea serverului. În plus, React Native și Iconic l-au adus pe dispozitivele mobile, Electron pe desktop.

În consecință, aplicarea JavaScript depășește mult web. Îl puteți folosi pentru a crea aplicații web și produse back-end, pentru a rula televizoare inteligente, dispozitive Internet-of-Things și aplicații mobile native. În plus, deoarece este compatibil cu mai multe platforme, poate alimenta aplicații desktop care funcționează peste tot.

Avantajele și dezavantajele JavaScript

Pe lângă faptul că știi pentru ce poți folosi JavaScript, ajută și să-i examinezi avantajele și dezavantajele.

Avantaje JavaScript

Să începem cu avantajele JavaScript ca limbaj de programare:

• Versatilitate — Am menționat deja nenumăratele domenii de aplicare pentru JavaScript mai sus. De la site-uri web, aplicații mobile și desktop, până la dispozitive și jocuri inteligente, chiar și învățarea automată - există foarte puține lucruri pentru care să nu-l poți folosi. JavaScript este, de asemenea, potrivit atât pentru front-end, cât și pentru back-end și funcționează bine cu alte limbaje de programare. Pe scurt, JavaScript este o putere de versatilitate.
• Ușurință pentru începători — sintaxa JavaScript este ușor de învățat. De asemenea, nu este nevoie să construiți un mediu de dezvoltare, puteți doar să începeți codarea în browser. În plus, limba are o mare comunitate online pentru sfaturi și sprijin. În plus, JavaScript este excelent pentru a învăța concepte de bază (de exemplu, programare orientată pe obiecte) care se aplică și altor limbi. În cele din urmă, există multe cadre care vă pot da un avans.
• Viteză — În comparație cu alte limbaje de programare, în special cu cele care rulează pe server, cum ar fi PHP, JavaScript se execută de obicei mai rapid. Nu este de mirare, deoarece poate rula direct în browser fără a fi nevoie de compilare sau de a răspunde la un server (cu excepția cazului în care are nevoie de resurse externe). De asemenea, rezultă o cerere redusă pe server. Prin urmare, este adesea alegerea pentru aplicații sau site-uri cu multă interactivitate.

Contra JavaScript-ului

JavaScript are vreun dezavantaj? Desigur, puține lucruri sunt complet fără dezavantaje. În acest caz, iată la ce să vă gândiți:

• Probleme de securitate — Deoarece JavaScript rulează în browserul utilizatorului, este posibil să-l exploateze pentru intenții rău intenționate. De aceea, unii oameni aleg să-l dezactiveze în browser în mod implicit.
• Compatibilitate între browsere — Spre deosebire de scripturile de pe server, uneori browsere diferite interpretează același cod JavaScript în mod diferit. Acest lucru poate face dificilă scrierea unui cod compatibil cu browsere încrucișate.
• SEO — Nu este complet clar cât de bine pot accesa cu crawlere JavaScript motoarele de căutare, așa că prezintă o potențială problemă de SEO. În orice caz, trebuie să înveți cum să implementezi JavaScript într-un mod prietenos cu SEO.

Perspectivele de carieră

În ultimii ani, limbajul de programare a devenit din ce în ce mai popular. În sondajul pentru dezvoltatori Stack Overflow din 2021, a fost votat cel mai popular limbaj de programare printre dezvoltatorii profesioniști. Pentru al nouălea an consecutiv!

În plus, primele 5 cadre web sunt, de asemenea, toate cadrele JavaScript.

Pe măsură ce limba se mută în zone noi, se deschide din ce în ce mai multe oportunități de angajare. Devskiller a descoperit că, în 2019, 72% din toate companiile căutau dezvoltatori JavaScript. Limbajul de programare este, de asemenea, cea mai frecventă abilitate testată în interviuri.

Dacă doriți să fiți un dezvoltator front-end de full-stack, cunoașterea JavaScript este aproape egală pentru curs. În plus, dacă doriți să intrați în dezvoltarea jocurilor, învățarea automată sau inteligența artificială, cunoașterea JavaScript este, de asemenea, utilă.

În plus, oamenii calificați în JavaScript pot obține salarii bune. Potrivit Indeed.com, salariul de bază mediu al unui dezvoltator JavaScript din Statele Unite este de 111.278 USD pe an. Chiar și începătorii se pot aștepta să înceapă de la 90.000 USD.

În plus, atunci când căutați JavaScript pe LinkedIn, acesta arată peste 400.000 de locuri de muncă disponibile numai în Statele Unite. Așadar, având abilitățile JavaScript sub control, te confrunți atât cu oportunități bune de muncă, cât și cu cele bine plătite.

Este JavaScript ușor de învățat pentru începători?

Mai sus, am menționat că unul dintre avantajele JavaScript este că este ușor de învățat. Pentru a vă arăta că acest lucru este adevărat, vom trece acum peste câteva concepte și coduri JavaScript de bază. Astfel, vă puteți forma o părere pentru dvs.

Comentarii

Să vorbim mai întâi despre comentarii. La fel ca majoritatea limbajelor de programare, JavaScript vă permite să vă comentați codul și să marcați comentariile într-un mod în care browserul nu va încerca să le execute. În acest fel, vă puteți documenta munca fără a provoca o eroare.

JavaScript cunoaște două tipuri de comentarii: o singură linie și mai multe rânduri. Iată cum să le scrieți:

 // Nothing in this line will be executed /* Neither Will Any of This */

Cei familiarizați cu PHP se vor simți ca acasă, deoarece cele două limbi marchează comentariile în același mod.

Ieșirea datelor

Una dintre cele mai simple moduri de a încerca JavaScript este să folosești alert() . Îl puteți folosi pentru a afișa un mesaj într-o fereastră pop-up din browser.

Pentru a obține cele de mai sus, pur și simplu deschideți consola în instrumentele de dezvoltare ale browserului și lipiți următorul cod:

 alert("With JavaScript, it's really easy to make this box appear.");

Destul de ușor de înțeles, nu? Când apăsați acum enter, ar trebui să vedeți același mesaj ca mai sus.

alert() este o metodă JavaScript pentru a furniza date utilizatorului. Șirul (adică text) din paranteze este conținutul pop-up-ului. Aveți nevoie de un punct și virgulă la sfârșit pentru a semnifica că linia de cod este completă.

Cu aceste cunoștințe, este deja posibil să-l încercați singur. Pur și simplu schimbați șirul din paranteze (asigurați-vă că îl puneți între ghilimele) în orice doriți pentru a vă crea propriul pop-up.

Manipularea DOM

În design web, utilizați cel mai adesea JavaScript pentru a face modificări la interfața cu utilizatorul sau DOM. DOM înseamnă „Document Object Model” și este practic arborele elementelor HTML care alcătuiesc o pagină web. O puteți vedea atunci când inspectați orice pagină cu instrumentele pentru dezvoltatori.

JavaScript oferă o mulțime de opțiuni diferite pentru a-i face modificări. Să trecem peste un exemplu pentru a arăta cum poate face acest lucru și cum arată.

 <!DOCTYPE html> <html> <body> <h2>Start Learning JavaScript Demo Page</h2> <p></p> <script> document.getElementById("target").innerHTML = "With JavaScript, it's really easy to manipulate the DOM."; </script> </body> </html>

Mai sus, am creat o pagină HTML simplă. După cum puteți vedea, are un titlu și un element de paragraf gol cu ​​un ID de target (dacă nu știți despre clasele și ID-urile HTML, puteți afla mai multe aici).

Există, de asemenea, un script JavaScript în partea de jos. A fost împachetat în etichete <script> , astfel încât browserele să-l recunoască. Pentru a înțelege ce face, hai să-l dezamăgim:

• document — Accesează obiectul document, care este pagina web.
• getElementByID("target") — Găsește un element în funcție de ID-ul său. Paranteza conține ID-ul de căutat între ghilimele.
• innerHTML — Modifică HTML-ul interior al unui element.

Când le puneți împreună, scriptul caută practic pe pagina web un element care are un ID de target și se adaugă la HTML-ul său interior. Ceea ce ar trebui să includă în acel loc este situat în spatele semnului egal din interiorul ghilimelelor duble. În consecință, când accesați un fișier cu codul de mai sus într-un browser, vedeți următoarele:

Nu chiar atât de greu de înțeles, nu-i așa? Sperăm că cele de mai sus v-au oferit o impresie rapidă despre cum funcționează sintaxa JavaScript. Puteți găsi mai multe sfaturi de bază în această fișă de cheat JavaScript.

Dar Framework-uri?

Ceva despre care veți începe să auziți mult când începeți să învățați JavaScript sunt cadre. Dacă nu sunteți familiarizat cu acest termen, cadrele sunt aproape colecții de biblioteci de coduri. Acestea conțin caracteristici și elemente comune ale paginilor web, aplicațiilor sau orice altceva spre care sunt destinate. Acest lucru vă permite să creați și să utilizați aceste elemente și funcționalități fără a fi nevoie să le scrieți de la zero.

Deci, dacă cadrele JavaScript fac viața mult mai ușoară, nu ar trebui să începeți să le utilizați imediat?

Asta face de fapt parte dintr-o dezbatere aprinsă între dezvoltatori. Unii spun că ar trebui să înveți JavaScript vanilla (înseamnă simplu) înainte de cadre. Alții sunt de părere că ar trebui să începeți imediat cu cadrele pentru a începe.

Nu vă putem oferi un răspuns definitiv la acest lucru aici, dar probabil că este întotdeauna o idee bună să învățați măcar elementele de bază ale JavaScript înainte de a vă ramifica. Acest lucru vă va oferi o înțelegere mai bună și mai profundă a ceea ce faceți și vă va face un dezvoltator mai bun pentru asta.

Cum încep să învăț JavaScript gratuit?

Aceasta rămâne doar întrebarea, de unde exact puteți începe să învățați JavaScript, de preferință fără să plătiți pentru asta? Iată o serie de resurse gratuite pe care le puteți folosi pentru a începe călătoria dvs.:

• MDN Web Docs — Mozilla Developer Network este considerată una dintre principalele resurse pentru cunoștințele de design web. Este plin de tutoriale de top despre orice, de la HTML la CSS la formulare web, accesibilitate și multe altele. Ei au, de asemenea, un ghid extins pentru învățarea JavaScript, pe care îl puteți parcurge gratuit.
• W3Schools — Similar cu MDN, W3Schools are o introducere completă în JavaScript. Vine în lecții de dimensiuni mici, cu o mulțime de exemple de încercare personală. Site-ul este, de asemenea, grozav ca resursă de căutare. În plus, dacă vrei o abordare ceva mai structurată și ești dispus să plătești pentru asta, poți încerca cursurile lor plătite.
• JavaScript.info — Un curs online complet JavaScript pe care îl puteți accesa. O mulțime de informații, imagini și sfaturi (inclusiv, de exemplu, ce editori de cod să folosiți). Are, de asemenea, o funcție de comentariu, unde cititorii pot pune întrebări, discuta sau partaja fragmente de cod.
• Eloquent JavaScript — Inițial o carte tipărită, Eloquent JavaScript este disponibil în întregime gratuit online și ca carte electronică. Este destul de dens, deci poate mai potrivit pentru dezvoltatorii intermediari.

Avem și un articol cu ​​resurse de învățare dacă cauți și mai multe. În plus, există cursuri plătite, cum ar fi Team Treehouse, Udemy și Skillshare.

Deci, ar trebui să începi să înveți JavaScript în 2022?

JavaScript este o parte integrantă a web-ului modern. Multe funcții ale site-urilor web și aplicațiilor sunt de neconceput fără acest limbaj de programare dinamic. În plus, s-a extins în multe alte domenii, cum ar fi jocurile și învățarea automată.

În această postare, am încercat să răspundem la întrebarea dacă ar trebui și cum puteți începe să învățați JavaScript. Când te uiți la locul în care limba joacă un rol, ce poate face, precum și la oportunitățile de angajare și salariu, este ușor să vezi că intrarea în JavaScript este o cale sensată. Chiar și mai ales ca cineva în sfera WordPress, are și sens, deoarece înregistrează progrese și aici.

Dacă doriți să vă scufundați, există o mulțime de resurse online gratuite pentru a începe să învățați JavaScript. Puteți începe imediat, așa că de ce nu?

Aveți alte resurse inițiale pentru a învăța JavaScript de partajat? Dacă da, vă rugăm să o faceți în comentariile de mai jos!