Tutorial JavaScript

In questo tutorial JavaScript proponiamo tanti esercizi con relativa spiegazione e dimostrazione, al fine di apprendere facilmente le basi di uno dei linguaggi di programmazione più utilizzati in ambito web.

Il linguaggio JavaScript è un linguaggio di scripting orientato agli oggetti e agli eventi. Esso è utilizzato nella programmazione web lato client per creare controlli sulle pagine o effetti dinamici.

JavaScript è un linguaggio che si è diffuso moltissimo anche grazie alla presenza di numerosi framework e librerie.

Prima di iniziare a programmare potete dedicarvi anche alla lettura del seguente articolo: come imparare a programmare.

Indice articoli – tutorial JavaScript

Introduzione a JavaScript

  1. Introduzione al linguaggio JavaScript
  2. Il linguaggio JavaScript
  3. JavaScript variabili e costanti
  4. Istruzione condizionale if, else
  5. Come utilizzare il console log in JavaScript

Tutorial JavaScript – Stringhe

In questa parte del tutorial sul linguaggio JavaScript studieremo alcuni metodi e proprietà utili con le stringhe, ovvero i metodi toUpperCase, toLowerCase, ecc… Torneremo a parlare delle stringhe più avanti.

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

Tutorial JavaScript – Costrutti iterativi

In questa sezione del tutorial su JavaScript studieremo i costrutti iterativi, ovvero il ciclo for, while e do-while.

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

Funzioni in JavaScript

Introduciamo alcune funzioni JavaScript, particolarmente utili per mostrare e prendere dei dati in input.

  1. Introduzione alle funzioni
  2. Come utilizzare JavaScript alert
  3. Come utilizzare JavaScript confirm
  4. Utilizzare JavaScript prompt

Esercizi con le stringhe

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

Esempi ed esercizi con le strutture iterative

  1. Esempi ciclo for in JavaScript
  2. Esercizi con il ciclo for
  3. Sommare separatamente i pari e i dispari e sommare separatamente i positivi e i negativi
  4. Stampare i primi N numeri dispari successivi ad un numero A e chiedere in input 10 numeri e sommare solo quelli positivi.
  5. Coppie di numeri naturali la cui somma è 30 e stabilire se un prodotto è negativo, positivo oppure nullo senza eseguire l’operazione.
  6. Cicli for annidati
  7. Come sviluppare una tavola pitagorica
  8. Successione di Fibonacci in JavaScript
  9. Numeri primi in JavaScript

Funzioni

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

  1. ParseInt
  2. ParseFloat
  3. isNaN
  4. String
  5. Eval

Libreria Math in JavaScript

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

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 – 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. Gioco indovina numero in JavaScript
  2. Gioco della morra cinese in JavaScript
  3. Giochi in JavaScript – Semplice quiz utilizzando gli array
  4. Come realizzare il gioco dei dadi online
  5. Come sviluppare il gioco del 15 in JavaScript
  6. Gioco della slot machine in JavaScript
  7. Memory Game in JavaScript
  8. Confrontare dei numeri

Progetti

  1. Progetti JavaScript
  2. To Do List
  3. Generatore di frasi random

Funzioni 

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

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

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

Esercizi sul DOM in JavaScript

  1. Come validare un form in JavaScript
  2. Come creare una calcolatrice con JavaScript
  3. Cifrario di Cesare online
  4. Convertitore da decimale a binario, ottale e esadecimale
  5. Conversione binario decimale
  6. Come sviluppare una galleria di immagini in JavaScript
  7. Metodo addEventListener

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

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