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
- Introduzione al linguaggio JavaScript
- JavaScript variabili e costanti
- Come utilizzare il console log in JavaScript
Istruzioni Condizionali in JavaScript
Istruzioni iterative
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.
- Stringhe in JavaScript
- toUpperCase
- toLowerCase
- substring in JavaScript
- trim
- split
- includes
- indexOf
- lastIndexOf
- replace
- search
- charAt
- charCodeAt
- Proprietà length
- slice in JavaScript
Esercizi sulle stringhe
- Esercizi sulle stringhe
- Parola palindroma in JavaScript
- Come determinare la parola più lunga in JavaScript
Funzioni built-in
In questa sezione del tutorial sul linguaggio JavaScript studieremo alcune funzioni predefinite.
- Come utilizzare JavaScript alert
- Come utilizzare JavaScript confirm
- Utilizzare JavaScript prompt
- ParseInt
- ParseFloat
- isNaN
- String
- Eval
Esercizi con le strutture iterative
- In questa lezione spiego questi esercizi:
- In questa lezione spiego questi esercizi:
- Propongo due esercizi in questa lezione:
- In questa lezione spiego due esercizi:
- In questa lezione spiego due esercizi:
- Cicli for annidati
- Come sviluppare una tavola pitagorica
- Successione di Fibonacci in JavaScript
- Numeri primi in JavaScript
Libreria Math in 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.
- Introduzione agli array in JavaScript
- Proprietà length
- push in JavaScript
- pop in JavaScript
- shift() e unshift()
- includes()
- indexOf()
- map()
- sort()
- reverse() in JavaScript
- splice()
- slice()
- toString() in JavaScript
- join()
- forEach() in JavaScript
Cicli con array – esercizi
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.
- Dom in JavaScript
- Creare elementi nel Dom con JavaScript
- Aggiugnere del testo in un nodo con createTextNode
- Come creare attributi agli elementi
- Rimuovere attributi agli elementi nel Dom con JavaScript
- Altri esempi di getElementById in JavaScript
- Approfondimenti sul metodo getElementById
- Metodo addEventListener
Progetti con il DOM in JavaScript
- Counter
- To Do List
- Galleria di immagini con filtri
- Slideshow di immagini
- Tabs in JavaScript
- Accordion menù
- Generatore di frasi random
- Quiz in JavaScript
- Come validare un form in JavaScript
- Come creare una calcolatrice con JavaScript
- Cifrario di Cesare online
- Convertitore da decimale a binario, ottale e esadecimale
- Conversione binario decimale
- 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.
- Come sviluppare il gioco del 15 in JavaScript
- Gioco indovina numero in JavaScript
- Memory Game in JavaScript
- Gioco della morra cinese in JavaScript
- Memoria del colore in JavaScript
- Gioco della slot machine in JavaScript
- Versione rivisitata del gioco dell’impiccato
- Come realizzare il gioco dei dadi online
- Confrontare dei numeri
Funzioni
In questa parte del tutorial su JavaScript approfondiremo le funzioni e parleremo delle funzioni di callback.
- Introduzione alle funzioni
- Funzioni JavaScript e istruzione return
- Funzioni di callback
- Callback al click del mouse
- Function callback usate con i metodi JavaScript e con gli array
- Esempi funzioni di callback
- Callback e setTimeout
Oggetti JavaScript, proprietà e metodi
- Introduzione agli oggetti in JavaScript
- Come creare un oggetto in JavaScript
- Object in JavaScript
- Utilizzare object Create
- Object defineproperties
- Object assign
- Class JavaScript
- Esercizi sugli oggetti in JavaScript
- Array di oggetti
- Introduzione al ciclo for in con gli oggetti in JavaScript
- Oggetti e ciclo for in
- Esercizi sugli oggetti ed array
- 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.
AJAX
Tutorial JavaScript – Creare PDF
- Come creare PDF con JavaScript
- PDF da un form con JavaScript
- Proprietà di un PDF con JavaScript
- Libreria jsPDF
Canvas in JavaScript
- Come utilizzare canvas in JavaScript
- Esercizi canvas con JavaScript
- Backgorund animato in JS usando i canvas
