En aquesta secció, aprendrem com configurar l'entorn de desenvolupament necessari per començar a programar en JavaScript. Aquest procés inclou la instal·lació d'un editor de codi, la configuració d'un navegador web i la instal·lació de Node.js per executar JavaScript fora del navegador.

Un bon editor de codi és essencial per a la programació eficient. Alguns dels editors més populars per a JavaScript són:

• Visual Studio Code (VS Code)
• Sublime Text
• Atom

VS Code és un editor de codi font gratuït desenvolupat per Microsoft. Ofereix moltes funcionalitats útils com ara l'autocompleció de codi, la integració amb Git i una gran varietat d'extensions.

Instal·lació de VS Code

1. Visita la pàgina oficial de Visual Studio Code.
2. Descarrega la versió adequada per al teu sistema operatiu (Windows, macOS, Linux).
3. Segueix les instruccions d'instal·lació proporcionades.

Configuració de VS Code

Després d'instal·lar VS Code, pots personalitzar-lo amb extensions per millorar la teva experiència de desenvolupament en JavaScript.

1. Obre VS Code.
2. Ves a la secció d'extensions fent clic a la icona de quadrat a la barra lateral esquerra o prement Ctrl+Shift+X.
3. Cerca i instal·la les següents extensions:
   • ESLint: Per a la detecció d'errors i l'estil de codi.
   • Prettier - Code formatter: Per a la formatació automàtica del codi.
   • JavaScript (ES6) code snippets: Per a fragments de codi reutilitzables.

JavaScript s'executa principalment en navegadors web. Els navegadors més utilitzats per al desenvolupament són:

• Google Chrome
• Mozilla Firefox

Chrome és un navegador ràpid i té eines de desenvolupament molt potents.

Instal·lació de Google Chrome

1. Visita la pàgina oficial de Google Chrome.
2. Descarrega i instal·la el navegador seguint les instruccions proporcionades.

Eines de Desenvolupament de Chrome

1. Obre Google Chrome.
2. Prem F12 o Ctrl+Shift+I per obrir les eines de desenvolupament.
3. Familiaritza't amb les pestanyes "Elements", "Console" i "Network".

Node.js és un entorn d'execució de JavaScript que permet executar codi JavaScript fora del navegador. És útil per al desenvolupament de scripts, aplicacions de servidor i eines de línia de comandes.

1. Visita la pàgina oficial de Node.js.
2. Descarrega la versió recomanada per al teu sistema operatiu.
3. Segueix les instruccions d'instal·lació proporcionades.

Després d'instal·lar Node.js, verifica que s'ha instal·lat correctament.

1. Obre una terminal o línia de comandes.
2. Executa les següents comandes:

Hauries de veure les versions instal·lades de Node.js i npm (Node Package Manager).

Ara que tens l'entorn configurat, crearem el nostre primer projecte en JavaScript.

1. Crea una nova carpeta per al teu projecte.
2. Obre la carpeta amb VS Code.
3. Crea un nou fitxer anomenat index.html i afegeix el següent codi:

4. Crea un altre fitxer anomenat script.js i afegeix el següent codi:

5. Obre index.html amb Google Chrome.
6. Obre les eines de desenvolupament (F12 o Ctrl+Shift+I) i ves a la pestanya "Console". Hauries de veure el missatge "Hello, JavaScript!".

Ara tens el teu entorn de desenvolupament configurat i has creat el teu primer projecte en JavaScript. En la següent secció, aprendrem sobre la sintaxi i els conceptes bàsics de JavaScript.