JavaScript & HTML

Atunci când aplicațiile dezvoltate cresc în complexitate, avem nevoie de instrumente care ne pot ajuta să structurăm și să organizăm codul JavaScript. Unul din aceste instrumente este Visual Studio Code.

Visual Studio Code este editor de cod care poate fi utilizat cu o varietate de limbaje de programare, inclusiv JavaScript.

În continuare, vom instala Visual Studio Code, vom face cunoștință cu mediul de lucru și vom crea primul proiect cu ajutorul editorului.

Instalare

Pentru a instala Visual Studio Code:

• Accesează https://code.visualstudio.com/

• Selecteaza butonul Download for Windows

• Se va descărca instalatorul. Când instalatorul e descărcat, pornește procesul de instalare.

• În timpul instalării, bifează Create a desktop icon și urmează pașii instalatorului.

Interfața

VS Code are un aspect simplu și intuitiv care maximizează spațiul oferit editorului, lăsând spațiu suficient și pentru celelalte elemente. Interfața este împărțită în 5 categorii:

• Editor - Zona principală pentru a edita fișierele. You can open as many editors as you like side by side vertically and horizontally.

• Side Bar - Conține diferite vizualizări pentru a vă ajuta în timp ce lucrați.

• Status Bar - Conține informații despre proiectul curent și fișierele editate.

• Activity Bar - Situat în partea stângă, permite să comutați între vizualizări și vă oferă indicatori suplimentari specifici contextului.

• Panels - Sub regiunea editorului pot fi afișate diferite panouri cu informații sau un terminal integrat.

JavaScript

În continuare vom crea un proiect nou în VS code și vom adăuga un fișier JS în documentul HTML.

• Crează pe desktop un folder cu numele proiectului.

• În VS Code formează combinația Ctrl+K Ctrl+O sau selectează File->Open Folder.

• În fereastră găsește și selectează folderul creat. Folderul va fi adăugat în partea stânga în Explorer.

• În Explorer alege pictograma pentru New Folder și crează un folder nou cu numele js.

• Selectează folderul creat și alege pictograma New File din Explorer.

• Numește fișierul script.js.

• Click dreapta în spațiul liber în Explorer și selectează New File, numește fișierul index.html.

• În fișierul creat, adaugă următoarele:

• Fișierul JavaScript a fost creat. Ceea ce vei adăuga în script.js, va fi rulat de către browser.