First_steps/What_is_JavaScript ~ vw-bmw.forum

Cele trei straturi se construiesc unul peste altul frumos. Să luăm ca exemplu o etichetă simplă de text. Îl putem marca folosind HTML pentru a-i da structură și scop:

<p>Player 1: Chris</p>

Apoi, putem adăuga niște CSS în mix pentru a arăta frumos:

p {
  font-family: 'helvetica neue', helvetica, sans-serif;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
  border: 2px solid rgba(0,0,200,0.6);
  background: rgba(0,0,200,0.3);
  color: rgba(0,0,200,0.6);
  box-shadow: 1px 1px 2px rgba(0,0,200,0.4);
  border-radius: 10px;
  padding: 3px 10px;
  display: inline-block;
  cursor: pointer;
}

Și, în cele din urmă, putem adăuga ceva JavaScript pentru a implementa un comportament dinamic:

const para = document.querySelector('p');

para.addEventListener('click', updateName);

function updateName() {
  let name = prompt('Enter a new name');
  para.textContent = 'Player 1: ' + name;
}

Încercați să faceți clic pe această ultimă versiune a etichetei de text pentru a vedea ce se întâmplă (rețineți, de asemenea, că puteți găsi această demonstrație pe GitHub - vedeți codul sursă sau rulați-o live )!

JavaScript poate face mult mai mult decât atât - să explorăm mai detaliat ce.

Deci, ce poate face cu adevărat?

Limbajul JavaScript de bază pentru client este format din câteva caracteristici comune de programare care vă permit să faceți lucruri precum:

Stocați valori utile în variabile. De exemplu, în exemplul de mai sus, solicităm introducerea unui nume nou, apoi stocăm acel nume într-o variabilă numită name.
Operații pe bucăți de text (cunoscute sub numele de „șiruri” în programare). În exemplul de mai sus luăm șirul „Player 1:” și îl alăturăm namevariabilei pentru a crea eticheta completă de text, de exemplu „Player 1: Chris”.
Rularea codului ca răspuns la anumite evenimente care apar pe o pagină web. Am folosit un clickeveniment în exemplul nostru de mai sus pentru a detecta când se face clic pe buton și apoi a rula codul care actualizează eticheta text.
Și mult mai mult!

Cu toate acestea, ceea ce este și mai interesant este funcționalitatea construită pe partea superioară a limbajului JavaScript din partea clientului. Așa-numitele interfețe de programare a aplicațiilor ( API ) vă oferă superputeri suplimentare de utilizat în codul dvs. JavaScript.

API-urile sunt seturi gata de blocuri de cod care permit unui dezvoltator să implementeze programe care altfel ar fi greu sau imposibil de implementat. Ei fac același lucru pentru programare pe care îl fac kiturile de mobilier gata făcute pentru construirea locuințelor - este mult mai ușor să luați panouri gata tăiate și să le înșurubați pentru a face un raft de cărți decât să lucrați singuri la design, mergeți și găsiți lemn corect, tăiați toate panourile la dimensiunea și forma potrivite, găsiți șuruburile cu dimensiunea corectă și apoi puneți-le împreună pentru a face un raft de cărți.

În general, acestea se încadrează în două categorii.

API-urile browserului sunt încorporate în browserul dvs. web și pot expune date din mediul computerului înconjurător sau pot face lucruri complexe utile. De exemplu:

Vă DOM (Document Object Model) APIpermite să manipulați HTML și CSS, să creați, să eliminați și să modificați HTML, să aplicați dinamic stiluri noi pe pagina dvs. etc. De fiecare dată când vedeți o fereastră pop-up pe o pagină sau un anumit conținut nou afișat (așa cum am văzut mai sus în demo simplu) de exemplu, acesta este DOM-ul în acțiune.
Geolocation APIExtrage informații geografice. Acesta este modul în care Google Maps este capabil să vă găsească locația și să o traseze pe o hartă.
CanvasȘi WebGLAPI - uri vă permit să creați grafica 2D și 3D animate. Oamenii fac câteva lucruri uimitoare folosind aceste tehnologii web - consultați Experimentele Chrome și webglsamples .
API-urile audio și video vă plac HTMLMediaElementși WebRTCvă permit să faceți lucruri cu adevărat interesante cu multimedia, cum ar fi redarea audio și video chiar într-o pagină web sau preluarea de videoclipuri de pe camera dvs. web și afișarea acestuia pe computerul altcuiva (încercați demo-ul nostru instantaneu simplu pentru a obține ideea).

Notă : Multe dintre demonstrațiile de mai sus nu vor funcționa într-un browser mai vechi - atunci când experimentați, este o idee bună să utilizați un browser modern precum Firefox, Chrome, Edge sau Opera pentru a rula codul dvs. Va trebui să luați în considerare testarea pe mai multe browsere. mai detaliat atunci când vă apropiați de livrarea codului de producție (adică cod real pe care îl vor folosi clienții reali).

API-urile terților nu sunt încorporate în browser în mod implicit și, în general, trebuie să preluați codul și informațiile lor de undeva de pe Web. De exemplu:

Twitter API - ul vă permite să faci lucruri cum ar fi afișate cele mai recente tweet - uri de pe site.
Google Maps API și OpenStreetMap API vă permite să Încorporați hărți personalizate în site - ul dvs., și alte astfel de funcționalitate.

Notă : Aceste API-uri sunt avansate și nu vom acoperi niciuna dintre acestea în acest modul. Puteți afla mai multe despre acestea în modulul nostru API-uri web din partea clientului .

Există și multe alte disponibile! Cu toate acestea, nu vă excitați încă. Nu veți putea construi următorul Facebook, Google Maps sau Instagram după ce ați studiat JavaScript timp de 24 de ore - există o mulțime de elemente de bază pentru a acoperi mai întâi. Și de aceea ești aici - să mergem mai departe!

Ce face JavaScript pe pagina ta?

Aici vom începe să ne uităm la un anumit cod și, în timp ce facem acest lucru, vom explora ce se întâmplă de fapt atunci când rulați ceva JavaScript în pagina dvs.

Să recapitulăm pe scurt povestea a ceea ce se întâmplă atunci când încărcați o pagină web într-un browser (despre care am vorbit prima dată în articolul nostru Cum funcționează CSS ). Când încărcați o pagină web în browser, rulați codul (HTML, CSS și JavaScript) într-un mediu de execuție (fila browser). Aceasta este ca o fabrică care preia materii prime (codul) și produce un produs (pagina web).

O utilizare foarte obișnuită a JavaScript-ului este modificarea dinamică a HTML și CSS pentru a actualiza o interfață cu utilizatorul, prin intermediul API-ului Document Object Model (așa cum sa menționat mai sus). Rețineți că codul din documentele dvs. web este, în general, încărcat și executat în ordinea în care apare pe pagină. Dacă JavaScript se încarcă și încearcă să ruleze înainte ca HTML și CSS pe care le afectează să fie încărcate, pot apărea erori. Veți afla modalități în acest sens mai târziu în articol, în secțiunea Strategii de încărcare a scripturilor .

Securitatea browserului

Fiecare filă de browser are propriul compartiment separat pentru executarea codului (aceste compartimente sunt numite „medii de execuție” în termeni tehnici) - aceasta înseamnă că, în majoritatea cazurilor, codul din fiecare filă este rulat complet separat, iar codul dintr-o filă nu poate fi direct afectează codul într-o altă filă - sau pe un alt site web. Aceasta este o măsură bună de securitate - dacă nu ar fi cazul, atunci pirații ar putea începe să scrie cod pentru a fura informații de pe alte site-uri web și alte astfel de lucruri rele.

Notă : există modalități de a trimite cod și date între diferite site-uri web / file într-un mod sigur, dar acestea sunt tehnici avansate pe care nu le vom acoperi în acest curs.

JavaScript rulează ordinea

Când browserul întâlnește un bloc de JavaScript, acesta îl rulează în general în ordine, de sus în jos. Aceasta înseamnă că trebuie să fiți atenți la ordinea în care puneți lucrurile. De exemplu, să revenim la blocul JavaScript pe care l-am văzut în primul nostru exemplu:

const para = document.querySelector('p');

para.addEventListener('click', updateName);

function updateName() {
  let name = prompt('Enter a new name');
  para.textContent = 'Player 1: ' + name;
}

Aici selectăm un paragraf text (linia 1), apoi atașăm un ascultător de evenimente la acesta (linia 3), astfel încât, atunci când se face clic pe paragraf, să updateName()ruleze blocul de cod (rândurile 5-8). updateName()Blocul de cod (aceste tipuri de blocuri de cod reutilizabile sunt numite „funcții“) solicită utilizatorului un nume nou și apoi se introduce numele în paragraf pentru a actualiza ecranul.

Dacă ați schimbat ordinea primelor două linii de cod, acesta nu ar mai funcționa - în schimb, veți primi o eroare returnată în consola dezvoltatorului de browser - TypeError: para is undefined. Aceasta înseamnă că paraobiectul nu există încă, deci nu putem adăuga un ascultător de evenimente la el.

Notă : Aceasta este o eroare foarte frecventă - trebuie să aveți grijă ca obiectele la care se face referire în codul dvs. există înainte de a încerca să le faceți lucruri.

Cod interpretat versus cod compilat

S-ar putea să auziți termenii interpretați și compilați în contextul programării. În limbile interpretate, codul este rulat de sus în jos și rezultatul executării codului este returnat imediat. Nu trebuie să transformați codul într-o altă formă înainte ca browserul să îl ruleze. Codul este primit în forma sa text-friendly pentru programatori și procesat direct din acesta.

Pe de altă parte, limbile compilate sunt transformate (compilate) într-o altă formă înainte de a fi rulate de computer. De exemplu, C / C ++ sunt compilate în codul mașinii care este apoi rulat de computer. Programul este executat dintr-un format binar, care a fost generat din codul sursă original al programului.

JavaScript este un limbaj de programare interpretat ușor. Browserul web primește codul JavaScript în forma sa originală de text și rulează scriptul de la acesta. Din punct de vedere tehnic, majoritatea interpretilor JavaScript moderni folosesc de fapt o tehnică numită compilare just-in-time pentru a îmbunătăți performanța; codul sursă JavaScript este compilat într-un format binar mai rapid în timp ce scriptul este utilizat, astfel încât să poată fi rulat cât mai repede posibil. Cu toate acestea, JavaScript este încă considerat un limbaj interpretat, deoarece compilația este tratată în timp de execuție, mai degrabă decât înainte.

Există avantaje pentru ambele tipuri de limbaj, dar nu le vom discuta chiar acum.

Codul serverului versus codul clientului

S-ar putea să auziți, de asemenea, termenii cod partea server și cod partea client , mai ales în contextul dezvoltării web. Codul partea client este codul care este rulat pe computerul utilizatorului - când este vizualizată o pagină web, codul paginii client este descărcat, apoi rulat și afișat de browser. În acest modul vorbim în mod explicit despre JavaScript partea clientului .

Pe de altă parte, codul server este rulat pe server, apoi rezultatele sale sunt descărcate și afișate în browser. Exemple de limbaje web populare de pe server includ PHP, Python, Ruby, ASP.NET și ... JavaScript! JavaScript poate fi, de asemenea, utilizat ca limbaj pe partea de server, de exemplu în popularul mediu Node.js - puteți afla mai multe despre JavaScript pe partea de server în site-ul nostru Dynamic Websites - Server-side programming .

Cod dinamic versus static

Cuvântul dinamic este folosit pentru a descrie atât JavaScript din partea clientului, cât și limbile din partea serverului - se referă la capacitatea de a actualiza afișarea unei pagini web / aplicații pentru a afișa lucruri diferite în circumstanțe diferite, generând conținut nou, după cum este necesar. Codul din partea serverului generează dinamic conținut nou pe server, de exemplu extragerea datelor dintr-o bază de date, în timp ce JavaScript din partea clientului generează dinamic conținut nou în browserul clientului, de exemplu, crearea unui nou tabel HTML, completarea acestuia cu datele solicitate de la server , apoi afișarea tabelului într-o pagină web afișată utilizatorului. Înțelesul este ușor diferit în cele două contexte, dar înrudit, și ambele abordări (partea serverului și partea clientului) funcționează de obicei împreună.

O pagină web fără conținut actualizat dinamic este denumită statică - arată doar același conținut tot timpul.

Cum adăugați JavaScript la pagina dvs.?

JavaScript este aplicat paginii dvs. HTML într-un mod similar cu CSS. În timp ce CSS folosește <link>elemente pentru a aplica foi de stil externe și <style>elemente pentru a aplica foi de stil interne la HTML, JavaScript are nevoie doar de un singur prieten în lumea HTML - <script>elementul. Să învățăm cum funcționează acest lucru.

JavaScript intern

În primul rând, faceți o copie locală a fișierului nostru exemplu apply-javascript.html . Salvați-l într-un director undeva sensibil.
Deschideți fișierul în browserul dvs. web și în editorul de text. Veți vedea că HTML creează o pagină web simplă care conține un buton pe care se poate face clic.
Apoi, accesați editorul de text și adăugați următoarele în cap - chiar înainte de </head>eticheta de închidere :
```
<script>

  // JavaScript goes here

</script>
```

Acum vom adăuga ceva JavaScript în <script>elementul nostru pentru a face pagina să facă ceva mai interesant - adăugați următorul cod chiar sub linia „// JavaScript merge aici”:

document.addEventListener("DOMContentLoaded", function() {
  function createParagraph() {
    let para = document.createElement('p');
    para.textContent = 'You clicked the button!';
    document.body.appendChild(para);
  }

  const buttons = document.querySelectorAll('button');

  for(let i = 0; i < buttons.length ; i++) {
    buttons[i].addEventListener('click', createParagraph);
  }
});

Salvați fișierul și reîmprospătați browserul - acum ar trebui să vedeți că atunci când faceți clic pe buton, un nou paragraf este generat și plasat mai jos.

Notă : Dacă exemplul dvs. nu pare să funcționeze, parcurgeți din nou pașii și verificați dacă ați făcut totul bine. Ați salvat copia locală a codului de pornire ca .htmlfișier? V-ați adăugat <script>elementul chiar înainte de </head>etichetă? Ați introdus JavaScript exact așa cum se arată? JavaScript este sensibil la majuscule și minuscule, deci trebuie să introduceți sintaxa exact așa cum se arată, altfel s-ar putea să nu funcționeze.

Notă : Puteți vedea această versiune pe GitHub ca apply-javascript-internal.html (a se vedea și ea live ).

JavaScript extern

Acest lucru funcționează excelent, dar dacă am dori să introducem JavaScript într-un fișier extern? Să explorăm acest lucru acum.

Mai întâi, creați un fișier nou în același director ca fișierul HTML eșantion. Apelați-l script.js- asigurați-vă că are acea extensie de nume de fișier .js, deoarece așa este recunoscut ca JavaScript.
Înlocuiți <script>elementul curent cu următoarele:
```
<script src="script.js" defer></script>
```

În interior script.js, adăugați următorul script:

function createParagraph() {
  let para = document.createElement('p');
  para.textContent = 'You clicked the button!';
  document.body.appendChild(para);
}

const buttons = document.querySelectorAll('button');

for(let i = 0; i < buttons.length ; i++) {
  buttons[i].addEventListener('click', createParagraph);
}

Salvați și reîmprospătați browserul și ar trebui să vedeți același lucru! Funcționează la fel, dar acum avem JavaScript într-un fișier extern. Acesta este, în general, un lucru bun în ceea ce privește organizarea codului și transformarea acestuia în mai multe fișiere HTML. În plus, codul HTML este mai ușor de citit fără bucăți imense de scripturi aruncate în el.

Notă : Puteți vedea această versiune pe GitHub ca apply-javascript-external.html și script.js ( vedeți-o și live ).

Manipulatori JavaScript în linie

Rețineți că uneori veți întâlni bucăți de cod JavaScript real care trăiesc în HTML. S-ar putea să arate cam așa:

function createParagraph() {
  let para = document.createElement('p');
  para.textContent = 'You clicked the button!';
  document.body.appendChild(para);
}

<button onclick="createParagraph()">Click me!</button>

Puteți încerca această versiune a demonstrației noastre mai jos.

Această demonstrație are exact aceeași funcționalitate ca în cele două secțiuni anterioare, cu excepția faptului că <button>elementul include un onclickhandler inline pentru a face funcția să ruleze atunci când butonul este apăsat.

Cu toate acestea, nu faceți acest lucru. Este o practică proastă să vă poluați codul HTML cu JavaScript și este ineficient - ar trebui să includeți onclick="createParagraph()"atributul pe fiecare buton la care doriți să se aplice JavaScript.

Utilizarea unui construct JavaScript pur vă permite să selectați toate butoanele folosind o singură instrucțiune. Codul pe care l-am folosit mai sus pentru a îndeplini acest scop arată astfel:

const buttons = document.querySelectorAll('button');

for(let i = 0; i < buttons.length ; i++) {
  buttons[i].addEventListener('click', createParagraph);
}

Acest lucru ar putea fi puțin mai lung decât onclickatributul, dar va funcționa pentru toate butoanele - indiferent cât de multe sunt pe pagină și nici câte sunt adăugate sau eliminate. JavaScript nu trebuie modificat.

Notă : Încercați să editați versiunea dvs. apply-javascript.htmlși adăugați câteva butoane în fișier. Când reîncărcați, ar trebui să constatați că toate butoanele atunci când faceți clic vor crea un paragraf. Frumos, nu?

Strategii de încărcare a scripturilor

Există o serie de probleme legate de încărcarea scripturilor la momentul potrivit. Nimic nu este atât de simplu pe cât pare! O problemă obișnuită este că tot HTML-ul de pe o pagină este încărcat în ordinea în care apare. Dacă utilizați JavaScript pentru a manipula elemente de pe pagină (sau mai precis, modelul de obiect document ), codul dvs. nu va funcționa dacă JavaScript este încărcat și analizat înainte de codul HTML la care încercați să faceți ceva.

În exemplele de cod de mai sus, în exemplele interne și externe JavaScript este încărcat și rulat în capul documentului, înainte ca corpul HTML să fie analizat. Acest lucru ar putea provoca o eroare, așa că am folosit câteva construcții pentru a o rezolva.

În exemplul intern, puteți vedea această structură în jurul codului:

document.addEventListener("DOMContentLoaded", function() {
  ...
});

Acesta este un ascultător de evenimente, care ascultă evenimentul „DOMContentLoaded” al browserului, ceea ce înseamnă că corpul HTML este complet încărcat și analizat. JavaScript din acest bloc nu va rula decât după declanșarea acelui eveniment, prin urmare eroarea este evitată (veți afla despre evenimente mai târziu în curs).

În exemplul extern, folosim o caracteristică JavaScript mai modernă pentru a rezolva problema, deferatributul, care îi spune browserului să descarce în continuare conținutul HTML odată ce <script>elementul de etichetă a fost atins.

<script src="script.js" defer></script>

În acest caz, atât scriptul, cât și HTML-ul se vor încărca simultan, iar codul va funcționa.

Notă : În cazul extern, nu a fost nevoie să folosim DOMContentLoadedevenimentul, deoarece deferatributul a rezolvat problema pentru noi. Nu am folosit defersoluția pentru exemplul JavaScript intern, deoarece deferfuncționează numai pentru scripturi externe.

O soluție de modă veche la această problemă a fost aceea de a pune elementul script chiar în partea de jos a corpului (de ex. Chiar înainte de </body>etichetă), astfel încât acesta să se încarce după ce tot HTML-ul a fost analizat. Problema cu această soluție este că încărcarea / analizarea scriptului este complet blocată până când HTML DOM a fost încărcat. Pe site-urile mai mari, cu multe JavaScript, acest lucru poate cauza o problemă majoră de performanță, încetinind site-ul dvs.

asincronizează și amână

Există de fapt două caracteristici moderne pe care le putem folosi pentru a ocoli problema scriptului de blocare - asyncși defer(pe care le-am văzut mai sus). Să ne uităm la diferența dintre aceste două.

Scripturile încărcate folosind asyncatributul (vezi mai jos) vor descărca scriptul fără a bloca redarea paginii și îl vor executa de îndată ce scriptul termină descărcarea. Nu aveți nicio garanție că scripturile vor rula într-o ordine specifică, ci doar că nu vor opri afișarea restului paginii. Cel mai bine este să îl folosiți asyncatunci când scripturile din pagină rulează independent unul de celălalt și nu depind de niciun alt script de pe pagină.

De exemplu, dacă aveți următoarele elemente de script:

<script async src="js/vendor/jquery.js"></script>

<script async src="js/script2.js"></script>

<script async src="js/script3.js"></script>

Nu vă puteți baza pe ordinea în care se vor încărca scripturile. Se jquery.jspot încărca înainte sau după script2.jsși script3.js, dacă este cazul, orice funcție din aceste scripturi, în funcție de, jqueryva produce o eroare, deoarece jquerynu va fi definită în momentul în care rulează scriptul.

asyncar trebui să fie utilizat atunci când aveți o grămadă de scripturi de fundal pe care să le încărcați și doriți doar să le puneți la loc cât mai curând posibil. De exemplu, poate aveți de încărcat câteva fișiere de date despre joc, care vor fi necesare atunci când începe jocul, dar deocamdată doriți doar să continuați cu afișarea intro-ului, titlurilor și lobby-ului jocului, fără ca acestea să fie blocate de încărcarea scriptului .

Scripturile încărcate folosind deferatributul (vezi mai jos) vor rula în ordinea în care apar în pagină și le vor executa de îndată ce scriptul și conținutul sunt descărcate:

<script defer src="js/vendor/jquery.js"></script>

<script defer src="js/script2.js"></script>

<script defer src="js/script3.js"></script>

Toate scripturile cu deferatributul se vor încărca în ordinea în care apar pe pagină. Deci , în al doilea exemplu, putem fi siguri că se jquery.jsva încărca înainte script2.jsși script3.jsși că se script2.jsva încărca înainte script3.js. Nu vor rula până când conținutul paginii nu va fi încărcat, ceea ce este util dacă scripturile dvs. depind de DOM-ul aflat la locul său (de exemplu, modifică unul sau mai multe elemente de pe pagină).

A rezuma:

asyncși deferambele instruiesc browserul să descarce scriptul (scripturile) într-un fir separat, în timp ce restul paginii (DOM etc.) se descarcă, astfel încât încărcarea paginii nu este blocată de scripturi.
Dacă scripturile dvs. trebuie executate imediat și nu au nicio dependență, utilizați async.
Dacă scripturile dvs. trebuie să aștepte analiza și să depindă de alte scripturi și / sau DOM-ul aflat la locul lor, încărcați-le folosind defer și puneți <script>elementele corespunzătoare în ordinea în care doriți ca browserul să le execute.

Comentarii

La fel ca în HTML și CSS, este posibil să scrieți comentarii în codul dvs. JavaScript care vor fi ignorate de browser și există pentru a oferi instrucțiuni colegilor dvs. de dezvoltare despre modul în care funcționează codul (și dvs., dacă reveniți la codul dvs. după șase luni și nu-mi amintesc ce ai făcut). Comentariile sunt foarte utile și ar trebui să le folosiți des, în special pentru aplicații mai mari. Există două tipuri:

Un comentariu cu o singură linie este scris după o bară dublă (//), de ex
```
// I am a comment
```
Un comentariu cu mai multe linii este scris între șirurile / * și * /, de ex
```
/*
  I am also
  a comment
*/
```

De exemplu, am putea adnota JavaScript-ul ultimei noastre demonstrații cu comentarii de genul:

// Function: creates a new paragraph and appends it to the bottom of the HTML body.

function createParagraph() {
  let para = document.createElement('p');
  para.textContent = 'You clicked the button!';
  document.body.appendChild(para);
}

/*
  1. Get references to all the buttons on the page in an array format.
  2. Loop through all the buttons and add a click event listener to each one.

  When any button is pressed, the createParagraph() function will be run.
*/

const buttons = document.querySelectorAll('button');

for (let i = 0; i < buttons.length ; i++) {
  buttons[i].addEventListener('click', createParagraph);
}

Notă : În general, mai multe comentarii sunt de obicei mai bune decât mai puține, dar ar trebui să aveți grijă dacă adăugați o mulțime de comentarii pentru a explica ce variabile sunt (numele variabilelor dvs. ar trebui să fie mai intuitive) sau pentru a explica operațiuni foarte simple (poate codul este supracomplicat).

rezumat

Deci, iată-te, primul tău pas în lumea JavaScript. Am început doar cu teorie, pentru a începe să vă obișnuim cu motivele pentru care ați folosi JavaScript și ce fel de lucruri puteți face cu el. Pe parcurs, ați văzut câteva exemple de coduri și ați aflat cum se potrivește JavaScript cu restul codului de pe site-ul dvs. web, printre altele.

JavaScript poate părea cam descurajant în acest moment, dar nu vă faceți griji - în acest curs vă vom trece prin pași simpli care vor avea sens în viitor. În articolul următor, ne vom arunca direct în practică , făcându-vă să treceți direct și să vă construiți propriile exemple JavaScript.