Nozioni di base di HTML e CSS
Livello: base
Semplici compiti per introdurre le basi dello sviluppo web e dei linguaggi HTML e CSS.
Creare una semplice pagina HTML, capire quali sono i tag che la compongono e a cosa sono preposti. Collegare CSS e JavaScript alla pagina.
Imparate ad aggiungere contenuti testuali a una semplice pagina HTML: paragrafi, titoli, sottotitoli, elenchi e altro ancora.
Affrontiamo le proprietà CSS più diffuse per lo styling del testo: grassetto, corsivo, dimensione, colore e altro ancora.
Nozioni di base di JavaScript
Livello: base
Semplici compiti per familiarizzare con JavaScript. Impareremo a modificare le pagine web con l'aiuto di script, a rivitalizzare il selettore di temi e il modulo di iscrizione e a familiarizzare con la console.
Dare vita al contatore dei likes. Impariamo a cercare gli elementi, a salvarli in variabili e a modificarne il contenuto. Esercitiamoci a usare le condizioni.
Scriveremo un semplice sistema di commenti. Impareremo a creare nuovi elementi, a impostarne il contenuto e le proprietà e a inserirli nella pagina.
Dare vita ai tooltip sulla pagina. Impariamo a cercare collezioni di elementi e a lavorare con queste collezioni. Esercitiamoci a usare i loop.
Fondamenti di algoritmi e strutture dati
Livello: base
Conosceremo i principi di base della programmazione. Ci eserciteremo nell'uso di semplici comandi. Conosceremo i tipi di dati.
Impareremo cosa sono le variabili. Impareremo a creare le variabili e a impostarne i valori. Impareremo a conoscere le priorità delle operazioni. Scriveremo il nostro primo programma.
Impareremo a utilizzare semplici condizioni, a familiarizzare con gli operatori di confronto e a confrontare diversi tipi di dati.
Lavoreremo con condizioni complesse. Impareremo a utilizzare condizioni annidate. Conosceremo gli operatori logici e impareremo a combinarli.
Impareremo a utilizzare le condizioni all'interno dei cicli. Impareremo a definire i valori delle variabili contatore pari e dispari. Conosceremo la tecnica dell'"accumulo all'interno di un ciclo" e gli operatori matematici abbreviati.
Facciamo conoscenza con i cicli con un numero sconosciuto di iterazioni. Comprenderemo la struttura del ciclo while
, gli operatori break
e continue
. Impareremo a proteggerci dai loop infiniti e scriveremo un piccolo gioco.
Creazione di una pagina HTML complessa
Livello: avanzato
Impareremo a utilizzare i link e a inserire immagini nella pagina. Capiremo gli indirizzi relativi e assoluti. Studieremo i formati di immagine più diffusi. Impareremo a conoscere la grafica vettoriale e raster.
Impareremo a contrassegnare correttamente i grandi blocchi di pagine: intestazione, piè di pagina, contenuto principale, navigazione. Scopriamo come si differenziano <section>
e <article>
. Scopriamo cos'è il "markup semantico".
Tuffiamoci nelle complessità del markup del testo. Studieremo i tag per contrassegnare diversi tipi di citazioni, il codice del programma, per contrassegnare le modifiche, il tempo, gli indici inferiori e superiori. Capiremo come usare le mnemotecniche. Impareremo a utilizzare correttamente i contenitori universali - <div>
e <span>
.
Esercitatevi a inserire audio, video, a connettervi e a utilizzare font non standard. Imparate altre funzioni avanzate di HTML5.
Immergersi nei CSS
Livello: avanzato
Impariamo i concetti di base dei CSS: regole, selettori, proprietà, valori. Conosciamo i tipi di proprietà e i valori.
Impareremo a usare selettori semplici e avanzati, pseudo-classi e a combinarli.
Cerchiamo di capire cosa sono l'ereditarietà, la cascata e la specificità e come usarle.
Considerare selettori avanzati come :nth-of-type
o :only-child
. Imparate a usare pseudo-elementi come ::before
e ::after
.
Immergersi in JavaScript
Livello: avanzato
Impareremo cos'è l'API DOM, lavoreremo con i template, impareremo nuovi eventi e metodi per la gestione del DOM, cloneremo gli elementi e programmeremo un'applicazione per un elenco di cose da fare.
Impareremo quali eventi si verificano quando i moduli vengono inviati, il testo viene inserito nei campi e i valori dei campi vengono modificati. Ci eserciteremo a gestire questi eventi e a controllare il comportamento dei moduli e dei campi. Facciamo conoscenza con la convalida dei dati.
Facciamo conoscenza con le API che ci permettono di ottenere dati sullo stato del browser e di gestirlo. Impareremo a gestire lo scorrimento e a rivitalizzare il componente "Pulsante su".
Imparare a modificare gli stili degli elementi utilizzando la proprietà style
e i dati dei campi di input. Programmare un pannello con impostazioni di colore e dimensione per il testo della pagina.
Algoritmi e strutture dati avanzate
Livello: avanzato
Scriveremo da zero il nostro primo algoritmo di ordinamento degli array. Impareremo a utilizzare i cicli annidati. Facciamo conoscenza con i diversi algoritmi di ordinamento e scopriamo le loro differenze.
Facciamo conoscenza con i metodi dell'oggetto. Impareremo a creare e chiamare questi metodi. Impareremo ad accedere alle proprietà e agli altri metodi di un oggetto dall'interno dei metodi, utilizzando la parola chiave this
. Scriveremo il nostro primo programma in stile orientato agli oggetti.