Non è necessario configurare nulla per iniziare con JavaScript

Quando iniziamo a programmare, ci preoccupiamo di quale sarebbe il modo corretto di impostare l'ambiente di sviluppo, quali tutte le dipendenze esterne dobbiamo installare e quale framework utilizzare

Per contrastare tutto ciò, condividerò con te 3 modi per iniziare facilmente con JavaScript lato client!

1. La console del browser

Possiamo creare variabili che includono funzioni direttamente nella console e manipolarle, riassegnarle o chiamare anche le funzioni.
All'esecuzione di ogni riga, otteniamo l'output nella riga successiva.

Professionisti

• Abbiamo un inizio molto veloce e una buona intelligenza.
• Ciò non richiede alcun software aggiuntivo che deve essere installato a parte il browser.
• Le uscite sono in tempo reale.

• Questo è utile solo se vogliamo eseguire il debug di qualcosa o fare qualche manipolazione sui nodi dom che sono già resi dalla pagina.
• Questo non è utile per scrivere programmi completi poiché diventa difficile scrivere ed eseguire il codice riga per riga.
• Non esiste una struttura di file.
• Possiamo eseguire solo Vanilla JavaScript.

Mentre nella console dobbiamo scrivere il codice riga per riga, i frammenti di browser ci consentono di scrivere programmi in un file.
In questo modo possiamo scrivere il codice completo ed eseguire il file.
Possiamo anche aggiungere punti di interruzione per eseguire il debug del codice nel caso qualcosa vada storto.

Professionisti

• Iniziamo molto rapidamente anche qui con il supporto per il debug.
• Ciò non richiede alcun software aggiuntivo che deve essere installato a parte il browser.
• Possiamo organizzare i programmi in file ed eseguire i file.

• Questo non è utile quando costruiamo progetti che richiedono dipendenze esterne.
• Dobbiamo definire tutte le variabili più esterne come let .
  Questo perché le variabili non vengono rimosse dall'ambito alla
  riesecuzione del file.
• Possiamo eseguire solo Vanilla JavaScript.

Quando vogliamo iniziare a lavorare insieme con framework o HTML/CSS/JS, allora possiamo utilizzare i playground online.
Ci forniscono output in tempo reale basati su modifiche in HTML/CSS/JS e ci consentono anche di condividere la base di codice completa.
Inoltre, possiamo installare dipendenze esterne e utilizzarle nel progetto.

Professionisti

• Iniziamo molto rapidamente qui con il supporto della struttura delle directory.
• Possiamo installare rapidamente nuovi pacchetti senza problemi.
• Questi sono davvero utili quando vogliamo provare una libreria di terze parti e non vogliamo installare prima il pacchetto nel nostro spazio di lavoro locale.
• Otteniamo bei progetti di partenza.
  Prova a cercare su Google React Start Project — CodeSandBox.

• Questo non è utile quando costruiamo prodotti a livello di produzione.
• Potrebbe non esserci supporto per il debug in base alla piattaforma.

Grazie