Guida JavaScript di base

24 maggio 2016

Una guida per imparare e un riferimento per ricordare le caratteristiche fondamentali di JavaScript, linguaggio di programmazione principe dello scenario Web, ma sempre più presente in ambito mobile, server e desktop. (Nuova Edizione)

Primi passi con JavaScript

  1. 1. Introduzione a JavaScript
    Le caratteristiche di uno dei linguaggi più utilizzati al mondo, la...
  2. 2. Gli strumenti di lavoro
    La cassetta di strumenti minima per iniziare a lavorare con...
  3. 3. ECMAScript 6 e il supporto dei browser
    Quali sono i browser che supportano nativamente ES6 e come...
  4. 4. JS e HTML, librerie e codice JavaScript esterno
    Come inserire il codice JavaScript nelle pagine HTML, richiamando...

Gli elementi di base del linguaggio

  1. 5. Commenti, punti e virgola e maiuscole
    Come regolarsi con i punti e virgola, gli spazi bianchi e alcune...
  2. 6. Stringhe, numeri e altri tipi di dati JavaScript
    Quali sono e come si usano i tipi primitivi previsti da JavaScript:...
  3. 7. Variabili, costanti e dichiarazioni
    Dichiarazione esplicita ed implicita, cosa sono le costanti e come...
  4. 8. Espressioni e operatori
    Comporre le espressioni utilizzando operatori artitmetici, logici,...
  5. 9. Conversioni tra tipi di variabili
    Convertire le informazioni tra i tipi, usare l'uguaglianza stretta,...
  6. 10. Definire Array in JavaScript
    Gli array sono liste numerate di oggetti, anche di tipo diverso,...

Controllo di flusso

  1. 11. If, istruzioni condizionali e blocchi di codice
    If è l'istruzione condizionale di base. Serve a governare il flusso...
  2. 12. If-else e switch-case, combinare più condizioni
    Come più condizioni a cascata passando da un un if-else multiplo...
  3. 13. While e do-while, le iterazioni base
    I costrutti principali per la creazione di cicli che permettono di...
  4. 14. I cicli for
    Il ciclo for e le sue varianti: for-in e for-of, permettono di...
  5. 15. Break e continue
    I comandi break e continue servono ad ottimizzare i cicli for e while...

Introduzione alle funzioni

  1. 16. Funzioni in JavaScript: i fondamentali
    Le funzioni in JavaScript hanno un ruolo importantissimo, sono...
  2. 17. Variabili globali e locali: lo scope
    Lo scope, o "ambito di visibilità", di una variabile è la parte del...
  3. 18. Funzioni predefinite
    JavaScript dispone di alcune funzioni predefinite che risultano utili...

Introduzione a oggetti e API native di JavaScript

  1. 19. Oggetti JavaScript: proprietà, metodi, this
    Le nozioni basilari sugli oggetti in JavaScript, i concetti di object...
  2. 20. Object, oggetti, riferimenti e tipi primitivi
    Differenze tra tipi primitivi e oggetti in JavaScript, cos'è...
  3. 21. Number, l'oggetto per rappresentare i numeri
    L'oggetto Number fornisce metodi e proprietà per la manipolazione di...
  4. 22. Math, funzioni matematiche in JavaScript
    Math è un oggetto statico con metodi richiamabili da qualsiasi punto...
  5. 23. Stringhe in JavaScript, l'oggetto String
    Manipolare le stringhe: ottenere la lunghezza (length), modificare i...
  6. 24. RegExp e le espressioni regolari
    I metodi per effettuare parsing di stringhe, ricerche e sostituzioni...
  7. 25. Date e orari con JavaScript
    L'oggetto Date ci permette di lavorare con le date, confrontarle e...
  8. 26. Array in JavaScript, l'oggetto e i metodi built-in
    Gestire gli array grazie alle funzioni dell'omonimo oggetto...
  9. 27. Typed Array, Map e Set
    Oltre agli array tradizionali, ECMAScript 6 aggiungono nuove...

Funzioni: aspetti avanzati

  1. 28. Funzioni anonime e oggetti "first-class"
    Le funzioni in JavaScript sono oggetti di "prima classe": possiedono...
  2. 29. Callback
    Le funzioni JavaScript possono essere passate come parametri di...
  3. 30. Funzioni che restituiscono funzioni
    Una funzione è un oggetto, quini può essere restituita come valore...
  4. 31. L'oggetto this e il contesto di esecuzione
    Il "contesto di esecuzione", ovvero l'ambiente in cui vengono...
  5. 32. Clousure e scope
    Comprendere il concetto di Closure in JavaScript a partire dallo...

Oggetti e OOP in JavaScript

  1. 33. Gli oggetti in JavaScript
    Approfondire la costruzione di oggetti in JavaScript esaminando la...
  2. 34. Costruttori, creare oggetti in JavaScript
    Creare oggetti sfruttando l'operatore 'new' e una funzione...
  3. 35. Prototipi ed ereditarietà
    La flessibilità degli oggetti JavaScript si esprime nella...
  4. 36. Creare oggetti con Object.create()
    Object.create() è l'alternativa per creare oggetti mantenendo la...
  5. 37. Prototipi e classi
    JavaScript è un linguaggio a oggetti basato su prototipi: questo...
  6. 38. Reflection in JavaScript
    La natura dinamica del linguaggio ci consente sia di analizzare che...
  7. 39. Symbol
    Con le specifiche di ECMAScript 2015 è stato introdotto symbol, un...
  8. 40. Utilizzare il tipo Symbol
    Scenari di utilizzo del tipo di dato Symbol: per identificare oggetti...
  9. 41. Serializzare gli oggetti in JavaScript
    Favorire la trasmissione degli oggetti grazie allo standard JSON e...
  10. 42. Principi OOP in JavaScript
    I pattern di riferimento per implementare in JS i principi basilari...
  11. 43. Gestione delle eccezioni
    Gestire gli errori a runtime grazie al costrutto try/catch....

Design Pattern

  1. 44. Design Pattern in JavaScript
    I Design Pattern sono soluzioni tecniche a problemi comuni di...
  2. 45. Singleton Pattern
    Un pattern che prevede l'esistenza di un'unica istanza di un oggetto....
  3. 46. Factory Pattern
    Pattern creazionale che semplifica la creazione di oggetti in...
  4. 47. Module Pattern
    I moduli consentono di organizzare le parti di un'applicazione in...
  5. 48. Adapter e Façade Pattern
    I pattern Adapter e Façade permettono di sostituire all'interfaccia...
  6. 49. MVC/MVVM Pattern
    Il pattern MVC (Model-View-Controller) ha l'obiettivo di...
  7. 50. Observer Pattern in JavaScript
    Nel pattern Observer un oggetto (observer) vuole ricevere un avviso...
  8. 51. Il pattern Promise per le operazioni asincrone
    Il pattern Promise è un supporto alla programmazione asincrona: per...

Browser API

  1. 52. Browser API, l'oggetto window
    Gli aspetti fondamentali dell'API per client HTML5, principalmente...
  2. 53. Window, gestire lo schermo del device
    Gestire le dimensioni dello schermo con le proprietà width e height,...
  3. 54. Creare pop-up e finestre di dialogo
    Aprire una nuova tab o finestra pop-up e capire le differenze tra i...
  4. 55. Gestione dei timer, setInterval e setTimeout
    Gestire attività differite nel tempo, sfruttando i timer del client
  5. 56. Controllo della navigazione: history e location
    I meccanismi messi a disposizione dal browser per gestire la ...
  6. 57. Informazioni sul browser, l'oggetto navigator
    L'oggetto navigator e le modalità per riconoscere il browser e le...

Document Object Model API

  1. 58. DOM, Document Object Model
    Il DOM è l' "albero degli oggetti" della pagina, facilmente...
  2. 59. getElementById e querySelector, selezionare gli elementi del DOM
    Selezionare gli elementi del DOM in modo "classico", tramite id, o...
  3. 60. Modificare gli elementi del DOM
    Modificare o aggiungere proprietà agli oggetti e modificare gli...
  4. 61. Navigare i nodi del DOM
    Analizzare e muoversi all'interno della struttura di un documento.
  5. 62. DOM, aggiungere e rimuovere elementi
    insertBefore, removeChild, etc.: inserire, rimpiazzare e rimuovere...

Eventi

  1. 63. Eventi del DOM (browser e device)
    Il meccanismo degli eventi e degli handler: gestire interazioni...
  2. 64. L'oggetto event e this
    Come funziona l'oggetto this nelle callback degli eventi e come...
  3. 65. Il flusso di propagazione degli eventi nel DOM
    Come funziona e come si gestisce la propagazione degli eventi nel...
  4. 66. Load, scroll e resize: eventi di "interfaccia"
    Rilevare il caricamento degli asset della pagina e le azioni di...
  5. 67. Dal click al MouseEvent: l'interazione con il mouse
    Intercettare altre fasi di interazione con il mouse: pressione e...
  6. 68. Drag and drop
    Gli elementi fondamentali coinvolti in un drag and drop: source,...
  7. 69. Eventi della tastiera
    Gestire l'input da tastiera con gli eventi KeyPress, KeyDown, KeyUp....
  8. 70. Mutation observer e mutation event
    Creare UI che reagiscono in real time a qualunque evento del DOM...

Form, UI e gestione dei dati

  1. 71. Form e dati della UI
    Gestire interfacce utente tramite componenti e l'elaborazione dati
  2. 72. Controlli e valori
    Gestire i controlli utente per ricavare i valori dall'interfaccia
  3. 73. Inizializzare un form, default e reset
    Impostare i valori iniziali dei controlli di un form, visualizzare o...
  4. 74. Validare un form in JavaScript
    Verificare che i valori inseriti dagli utenti siano coerenti con le...
  5. 75. Invio ed elaborazione dei dati di un form
    Come utilizzare l'evento submit, sia quando è generato dalla...

Image API

  1. 76. Gestire le immagini: l'oggetto Image
    Come manipolare l'elemento <img> dell'HTML tramite codice ed...
  2. 77. Le immagini SVG
    Creare immagini vettoriali e inserirle nelle pagine HTML dei nostri...
  3. 78. Canvas API
    Cos'è l'elemento HTML5 canvas, i contesti 2D e 3D che mette a...

Concorrenza in JavaScript

  1. 79. Concorrenza in JavaScript, l'event loop
    In JavaScript, l'event loop ci permette di pensare che diverse...
  2. 80. Input-Output non bloccante
    Il codice JavaScript puro è eseguito ad ogni ciclo dell'event loop e...
  3. 81. Web worker
    Un Web Worker è un thread eseguito parallelamente all'esecuzione del...
  4. 82. Shared Worker
    Gli Shared Worker possono comunicare con tutti gli script che...

API di comunicazione

  1. 83. Ajax e JavaScript
    Ajax permette di effettuare richieste al server e manipolare dati...
  2. 84. Server-Sent Events (EventSource)
    Realizzare comunicazioni real-time metterci in ascolto di eventi...
  3. 85. WebSocket
    Creare connessioni persistenti tra client e server tramite cui...

Mobile Device API

  1. 86. Device orientation API
    Intercettare l'orientamento dello schermo nelle app e gli eventi di...
  2. 87. Geolocation API
    Rilevare la posizione di un dispositivo con GPS, tramite WIFI o GSM,...
  3. 88. Touch API
    Creare app per il mobile sfruttando il modello di interazione touch,...

Storage API

  1. 89. Web Storage API
    Memorizzare dati in locale sul browser. Erede dei cookie, il Web...
  2. 90. Indexed Database API
    Il database nel browser. Scopri la differenza tra db relazionale e...

File API

  1. 91. Accesso ai file
    Leggere il contenuto di un file dal browser senza coinvolgere il...
  2. 92. L'oggetto FileReader
    Leggere e gestire il contenuto di un file sfruttando alcuni semplici...
  3. 93. I Blob
    Anche se scrivere file dal browser sul file system non si può,...

Appendici

  1. 94. onChange e onreadystatechange
    Eventi che segnalano il cambio di stato di alcuni elementi del DOM,...
  2. 95. onFocus, onBlur e onSelect
    Eventi per gestire i form e impostare azioni in base ai comportamenti...

Edizione precedente (2006)

  1. 119. Eventi da tasti particolari
    A questo gruppo si possono ricondurre i seguenti eventi: onSubmit e...
  2. 120. Caratteri speciali
    Tra le stringhe occorre indicare i caratteri speciali che...
  3. 122. Parole chiave
    Lista delle parole chiave che non si possono utilizzare come...
  4. 123. Lifetime dei dati
    Con il lifetime delle variabili durano solo finchè la finestra che...
  5. 124. Precedenza degli operatori
    Il riepilogo della precedenza degli operatori.
Se vuoi aggiornamenti su Guida JavaScript di base inserisci la tua e-mail nel box qui sotto:
 
X
Se vuoi aggiornamenti su Guida JavaScript di base

inserisci la tua e-mail nel box qui sotto:

Ho letto e acconsento l'informativa sulla privacy

Acconsento al trattamento di cui al punto 3 dell'informativa sulla privacy