Mese: Febbraio 2019

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à.

Sommario – tutorial JavaScript

Introduzione a JavaScript

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

Istruzioni Condizionali in JavaScript

1. Istruzioni condizionali
   • Esercizi sulle 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

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:
   • Contare i numeri pari e dispari
   • Contare i numeri positivi, negativi o nulli
2. In questa lezione spiego questi esercizi:
   • Calcolare la media
   • Contare i multipli di 3
3. Propongo due esercizi in questa lezione:
   • Sommare separatamente i pari e i dispari
   • Sommare separatamente i positivi e i negativi
4. In questa lezione spiego due esercizi:
   • Stampare i primi N numeri dispari successivi ad un numero A
   • Chiedere in input 10 numeri e sommare solo quelli positivi.
5. In questa lezione spiego due esercizi:
   • Coppie di numeri naturali la cui somma è 30
   • 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

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 – 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. Altri esempi di getElementById in JavaScript
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

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

Alcuni link utili

Corso linguaggio JavaScript

Libro JavaScript