In questo tutorial su JavaScript, propongo una serie di esercizi completi di spiegazione e dimostrazione, mirati a facilitare l’apprendimento delle fondamenta di uno dei linguaggi di programmazione più ampiamente utilizzati nell’ambito web.

JavaScript è un linguaggio di scripting orientato agli oggetti ed agli eventi, impiegato nella programmazione web lato client per la creazione di controlli sulle pagine e l’implementazione di effetti dinamici.

La diffusione di JavaScript è notevolmente ampliata grazie alla presenza di numerosi framework e librerie che ne arricchiscono le funzionalità.

Corso su JavaScript

Sommario – tutorial JavaScript

Introduzione a JavaScript

  1. Introduzione al linguaggio JavaScript
  2. JavaScript variabili e costanti
  3. Come utilizzare il console log in JavaScript

Istruzioni Condizionali in JavaScript

  1. Istruzioni condizionali

Istruzioni iterative

  1. Ciclo for
  2. Ciclo while
  3. Do while

Le stringhe e metodi per manipolare le stringhe

In questa sezione parlò delle stringhe ed illustro i metodi e le proprietà più importanti da utilizzare con le stringhe.

  1. Stringhe in JavaScript
  2. toUpperCase
  3. toLowerCase
  4. substring in JavaScript
  5. trim
  6. split
  7. includes
  8. indexOf
  9. lastIndexOf
  10. replace
  11. search
  12. charAt
  13. charCodeAt
  14. Proprietà length
  15. slice in JavaScript

Esercizi sulle stringhe

  1. Esercizi sulle stringhe
  2. Parola palindroma in JavaScript
  3. Come determinare la parola più lunga in JavaScript
Corso su JavaScript

Funzioni built-in

In questa sezione del tutorial sul linguaggio JavaScript studieremo alcune funzioni predefinite.

  1. Come utilizzare JavaScript alert
  2. Come utilizzare JavaScript confirm
  3. Utilizzare JavaScript prompt
  4. ParseInt
  5. ParseFloat
  6. isNaN
  7. String
  8. Eval

Esercizi con le strutture iterative

  1. In questa lezione spiego questi esercizi:
  2. In questa lezione spiego questi esercizi:
  3. Propongo due esercizi in questa lezione:
  4. In questa lezione spiego due esercizi:
  5. In questa lezione spiego due esercizi:
  6. Cicli for annidati
  7. Come sviluppare una tavola pitagorica
  8. Successione di Fibonacci in JavaScript
  9. Numeri primi in JavaScript

Libreria Math in JavaScript

  1. Funzione Math.random in JavaScript
  2. Funzione Math.floor
Corso su JavaScript

Tutorial JavaScript – Gli Array

In questa sezione del tutorial sul linguaggio JavaScript studieremo alcuni metodi e proprietà utili con gli array in JavaScript, come ad esempio il metodo pusch, pop, la proprietà length, ecc.

  1. Introduzione agli array in JavaScript
  2. Proprietà length
  3. push in JavaScript
  4. pop in JavaScript
  5. shift() e unshift()
  6. includes()
  7. indexOf()
  8. map()
  9. sort()
  10. reverse() in JavaScript
  11. splice()
  12. slice()
  13. toString() in JavaScript
  14. join()
  15. forEach() in JavaScript

Cicli con array – esercizi

  1. Esempi ciclo for con gli array
  2. Esercizi con il ciclo for e gli array

Tutorial JavaScript – Il DOM

In questa parte del tutorial sul linguaggio JavaScript studieremo alcuni metodi e proprietà utili per manipolare il DOM in JavaScript, come ad esempio creare e rimuovere attributi.

  1. Dom in JavaScript
  2. Creare elementi nel Dom con JavaScript
  3. Aggiugnere del testo in un nodo con createTextNode
  4. Come creare attributi agli elementi
  5. Rimuovere attributi agli elementi nel Dom con JavaScript
  6. JavaScript getElementById
  7. Approfondimenti sul metodo getElementById
  8. Metodo addEventListener

Progetti con il DOM in JavaScript

  1. Counter
  2. To Do List
  3. Galleria di immagini con filtri
  4. Slideshow di immagini
  5. Tabs in JavaScript
  6. Accordion menù
  7. Generatore di frasi random
  8. Quiz in JavaScript
  9. Come validare un form in JavaScript
  10. Come creare una calcolatrice con JavaScript
  11. Cifrario di Cesare online
  12. Convertitore da decimale a binario, ottale e esadecimale
  13. Conversione binario decimale
  14. Come sviluppare una galleria di scorrimento immagini in JavaScript

Tutorial JavaScript – Giochi in JavaScript

In questa sezione del tutorial sul linguaggio JavaScript svilupperemo dei giochi divertenti e creativi al fine di apprendere meglio alcuni concetti di programmazione.

  1. Come sviluppare il gioco del 15 in JavaScript
  2. Gioco indovina numero in JavaScript
  3. Memory Game in JavaScript
  4. Gioco della morra cinese in JavaScript
  5. Memoria del colore in JavaScript
  6. Gioco della slot machine in JavaScript
  7. Versione rivisitata del gioco dell’impiccato
  8. Come realizzare il gioco dei dadi online
  9. Confrontare dei numeri

Funzioni 

In questa parte del tutorial su JavaScript approfondiremo le funzioni e parleremo delle funzioni di callback.

  1. Introduzione alle funzioni
  2. Funzioni JavaScript e istruzione return
  3. Funzioni di callback
  4. Callback al click del mouse
  5. Function callback usate con i metodi JavaScript e con gli array
  6. Esempi funzioni di callback
  7. Callback e setTimeout
Corso su JavaScript

Oggetti JavaScript, proprietà e metodi

  1. Introduzione agli oggetti in JavaScript
  2. Come creare un oggetto in JavaScript
  3. Object in JavaScript
  4. Utilizzare object Create
  5. Object defineproperties
  6. Object assign
  7. Class JavaScript
  8. Esercizi sugli oggetti in JavaScript
  9. Array di oggetti
  10. Introduzione al ciclo for in con gli oggetti in JavaScript
  11. Oggetti e ciclo for in
  12. Esercizi sugli oggetti ed array
  13. Come ordinare un array di oggetti

JSON

In questa sezione del tutorial sul linguaggio JavaScript studiamo alcuni metodi utili per utilizzare i dati in formato JSON in JavaScript.

  1. Introduzione a JSON
  2. JSON parse
  3. Parsing JSON
  4. JSON stringify
Corso su JavaScript

AJAX

  1. Introduzione ad AJAX
  2. Oggetto XMLHttpRequest
  3. AJAX e JSON

Tutorial JavaScript – Creare PDF

  1. Come creare PDF con JavaScript
  2. PDF da un form con JavaScript
  3. Proprietà di un PDF con JavaScript
  4. Libreria jsPDF

Canvas in JavaScript

  1. Come utilizzare canvas in JavaScript
  2. Esercizi canvas con JavaScript
  3. Backgorund animato in JS usando i canvas

Test JavaScript

  1. Primo test JavaScript

Alcuni link utili