Corso online Web Developer

1.1 | Fondamenti di HTML

• Nascita di Internet: WWW Project CERN
• Definizione di ISP, Server e Client
• Funzioni dei Browser Web
• Basi di rete: Router, Modem e Protocollo TCP/IP
• Struttura di un URL: HTTP, HTTPS e Hyper-Text
• Utilizzo dell’editor online: JsBin

2.1 | Struttura di una pagina HTML e TAG principali

• Introduzione agli editor HTML, al W3C e alle varie versioni di HTML
• Struttura generica di una pagina HTML 4.0
• Installazione e utilizzo di Notepad++ (con video lezione integrativa per MAC)
• Impostazione HEAD e BODY: scrivere testi in HTML
• Introduzione ai primi TAG: intestazioni, paragrafi e enfasi del testo
• Utilizzo dei TAG separatori di testo: <BR/> e <HR />

2.2 | Alberatura e gestione dei link in HTML

• Struttura ad albero di un sito HTML
• Sintassi dei link ipertestuali (interni, esterni, assoluti e relativi)
• Creazione di link a email, telefono e in-page
• Differenze tra liste ordinate, non ordinate e innestate

2.3 | Gestione delle immagini e tabelle in HTML

• Formati di immagini (raster e vettoriali) e risoluzioni
• Tag <IMG />: dimensionamento e allineamento immagini
• Ottimizzazione delle immagini per il web
• Creazione e gestione di tabelle HTML:
  • Attributi cospan, rowspan, cellspacing e cellpadding
  • Heading e background delle tabelle

2.4 | Creazione e validazione di form in HTML

• Struttura di un form HTML: principali controlli e workflow
• Input principali: testo, password, radio button, checkbox, upload file
• Creazione di menù a cascata, bottoni immagine e bottoni nascosti
• HTML5 e API JavaScript: microformati RDF e novità rispetto a HTML4

3.1 | Introduzione ai fogli di stile CSS

• Struttura e utilizzo dei fogli di stile (interni, esterni e inline)
• Box Model: dimensioni, overflow, altezza e larghezza
• Limiti e proprietà di posizionamento

3.2 | Gestione avanzata del Box Model

• Border, margin e padding: definizione e configurazione
• Modifica del comportamento del Box Model: inline e block

3.3 | Font e colori

• Scelta e importazione dei font nei CSS
• Proprie proprietà: text-decoration, text-transform, line-height
• Scelta dei colori con RGB, esadecimale e HSL

3.4 | Tabelle, liste e form nei CSS

• Formattazione avanzata delle tabelle
• Proprietà delle liste: list-style-image, list-style-position
• Creazione e personalizzazione dei form (bottoni, campi di input, ecc.)

3.5 | CSS3 e nuove proprietà

• Introduzione alle Media Queries e al design responsivo
• Trasparenze (opacity) e proprietà avanzate come border-radius

• Introduzione al Responsive Design: concetti base e vantaggi
• Creazione di layout a larghezza fissa, liquida e a griglia
• Introduzione ai breakpoints con Media Queries

5.1 | Fondamenti di Bootstrap

• Struttura del framework e gestione delle griglie
• Download e integrazione delle librerie Bootstrap
• Panoramica dei componenti UX (dropdown, bottoni, modali, breadcrumb)

5.2 | Integrazione pratica di Bootstrap

• Utilizzo di Visual Studio Code con Bootstrap
• Creazione di layout liquidi e responsive

6.1 | Introduzione ai CMS e a WordPress

• Cos’è un CMS: caratteristiche e vantaggi
• Perché scegliere WordPress?
• Panoramica del menù di WordPress: struttura e funzionalità principali

6.2 | Preparazione dell’ambiente di lavoro

• Installazione di XAMPP per creare un server locale
• Configurazione e creazione di un database con PHPMyAdmin
• Installazione di WordPress su server web locale

6.3 | Navigazione nel Back-end e nel Front-end

• Barra orizzontale: aggiornamento profilo e notifiche
• Barra verticale:
  • Bacheca: panoramica del sito
  • Articoli, Media, Pagine e Commenti: creazione e gestione dei contenuti
  • Aspetto:
    • Personalizzazione dei temi
    • Configurazione dei widget
    • Creazione e gestione dei menù di navigazione
  • Plugin: installazione e gestione delle estensioni
  • Utenti: gestione dei ruoli e permessi
  • Strumenti e Impostazioni: configurazioni avanzate

6.4 | Customizzazione avanzata

• Introduzione alla modifica di HTML, CSS e PHP nell’editor del tema
• Creazione di contenuti con l’Editor Gutenberg
• Integrazione di plugin aggiuntivi:
  • Yoast SEO: ottimizzazione per i motori di ricerca
  • Modulo di contatto
  • Insights per le performance
  • WooCommerce per creare un negozio online

6.5 | Approfondimenti e ottimizzazioni

• Differenza tra articoli e pagine
• Importanza del Child Theme per modifiche sicure
• Strutturare un sito con menù personalizzati e strutture a silos
• Approfondimenti su Keyword Research per contenuti SEO-friendly

6.6 | Plugin avanzati e gestione server FTP

• Installazione e utilizzo di Elementor per creare layout personalizzati
• Configurazione di FileZilla per gestire file tramite server FTP

6.7 | Elenco dei plugin più utili

• Yoast SEO
• WP Mail SMTP
• WooCommerce
• Elementor
• Broken Link Checker
• Schema Pro per dati strutturati
• Login temporaneo per collaboratori esterni

6.8 | Struttura e contenuti di un sito WordPress

• Differenza tra articoli e pagine
• Creazione e organizzazione di menù personalizzati
• Struttura a silos per migliorare la navigazione e l’indicizzazione

6.9 | Riepilogo e risorse aggiuntive

• Importanza della sicurezza in WordPress
• Ottimizzazioni per la velocità del sito
• Risorse per approfondire: bibliografia e documentazione online

7.1 | Fondamenti di JavaScript

• Cos’è JavaScript: introduzione al linguaggio di scripting
• Dichiarazione e utilizzo delle variabili in JavaScript
• Metodi per scrivere informazioni: console.log, document.write, alert
• Stringhe: utilizzo e funzioni principali con esempi pratici
• Tipi di dati:
  • Numerici e funzioni sui numeri
  • Date e funzioni sulle date
  • Booleani e loro utilizzo
• Funzioni matematiche con l’oggetto Math
• Array (vettori) e matrici: creazione, manipolazione e utilizzo pratico
• Cicli condizionali e iterativi:
  • if…else if…else
  • Operatori condizionali
  • Cicli iterativi: for, while, do…while
  • Creazione di una tabella HTML con cicli iterativi e array
• Funzioni in JavaScript: sintassi, utilizzo e validazione di un form di login

7.2 | JavaScript e il DOM

• Cos’è il DOM (Document Object Model):
  • Selettori DOM a singolo nodo
  • Selettori DOM a nodi multipli
  • Selettori DOM trasversali
• Metodi di manipolazione del DOM: aggiungere, rimuovere e modificare elementi
• Gestione degli eventi (Event Handling):
  • Tipologie di eventi HTML e DOM
  • Utilizzo di Event Listeners per interazioni dinamiche
• Consultazione della documentazione per approfondire la gestione degli eventi

7.3 | Esempi pratici e applicazioni JavaScript

• Validazione di form:
  • Creazione di controlli lato client per moduli di login
  • Gestione degli errori e feedback all’utente
• Costruzione di una tabella HTML dinamica utilizzando array e cicli
• Animazioni semplici con JavaScript: introduzione

8.1 | Introduzione a jQuery

• Cos’è jQuery: caratteristiche principali e vantaggi rispetto al JavaScript nativo
• Configurazione della libreria jQuery:
  • Download e integrazione nel progetto HTML
  • Utilizzo della CDN jQuery
• Selezione e manipolazione del DOM:
  • Selezione di elementi con i selettori jQuery
  • Modifica di contenuti e attributi degli elementi
• Gestione delle proprietà CSS:
  • Modifica singola e multipla delle proprietà CSS
  • Esempi pratici di gestione dello stile con jQuery
• Effetti e animazioni con jQuery:
  • Applicazione di effetti predefiniti (fadeIn, fadeOut, slideDown, slideUp)
  • Creazione di animazioni personalizzate
• Gestione degli eventi con jQuery:
  • Eventi come click, hover, keyup e keydown
  • Utilizzo di Event Listeners per azioni dinamiche

8.2 | Componenti e librerie basate su jQuery

• jQuery UI: introduzione ai componenti visivi predefiniti
  • Creazione di accordion, tabs, dialog box e datepicker
• jQuery Plugin:
  • Installazione e configurazione di plugin jQuery
  • Principali librerie basate su jQuery, come jQuery Mobile e Mootools
• Gestione dei conflitti tra librerie jQuery
• Esempi pratici di utilizzo di plugin e componenti UI

8.3 | Introduzione ad AJAX e integrazione con jQuery

• Cos’è AJAX: definizione e vantaggi
• Gestione delle richieste AJAX:
  • Creazione di richieste HTTP asincrone
  • Utilizzo del metodo .ajax() di jQuery
  • Tipologie di richieste: GET e POST
• Manipolazione delle risposte AJAX:
  • Parsing di dati in formato JSON e XML
  • Caricamento dinamico di contenuti in una pagina HTML
• Esempi pratici:
  • Invio di dati da un form tramite AJAX
  • Caricamento di dati da un file JSON e visualizzazione dinamica
  • Creazione di una pagina web interattiva con aggiornamento dei dati in tempo reale

8.4 | Applicazioni pratiche di jQuery & AJAX

• Caricamento di contenuti dinamici in un elemento HTML
• Creazione di un form interattivo con validazione lato client e invio dati via AJAX
• Gestione del processo AJAX con jQuery:
  • Monitoraggio delle richieste con l’oggetto jqXHR
  • Gestione di errori e successi durante le richieste

9.1 | Introduzione a MySQL: Creazione di Database Relazionali, SQL e PHPMyAdmin con Esempi Pratici

• Cos’è un database relazionale e differenze con altre tipologie di database
• Introduzione al linguaggio SQL e sue applicazioni principali
• Modello Entità-Relazione: concetti base e utilizzo per la progettazione
• Creazione di database relazionali e tabelle con SQL
• Utilizzo di PHPMyAdmin per la gestione del database
• Esempi pratici di creazione di database e tabelle

9.2 | Progettazione e Creazione di Database: UML, Modello E-R e Implementazione Pratica

• Introduzione all’UML per la progettazione di database relazionali
• Utilizzo di strumenti gratuiti come Umletino per il disegno del modello E-R
• Creazione di tabelle e relazioni basate sul modello Entità-Relazione
• Implementazione pratica del design E-R in MySQL

9.3 | Creazione delle Tabelle e delle Relazioni basate sul Modello E-R

• Definizione delle relazioni tra tabelle (1:N, N:N, 1:1)
• Creazione delle chiavi primarie e chiavi esterne (Foreign Key)
• Applicazione dei vincoli di integrità referenziale

9.4 | Operazioni CRUD, Query e JOIN: Gestione e Relazioni tra Tabelle con MySQL e PHPMyAdmin

• Operazioni CRUD:
  • Create: inserimento dati nelle tabelle
  • Read: selezione e visualizzazione dati (query SELECT)
  • Update: aggiornamento dei dati
  • Delete: eliminazione dei dati
• Utilizzo delle JOIN per la gestione delle relazioni tra tabelle
  • Tipologie di JOIN: INNER JOIN, LEFT JOIN, RIGHT JOIN, FULL OUTER JOIN
  • Esempi pratici di query con JOIN e visualizzazione grafica con PHPMyAdmin

9.5 | Stored Procedure e Approfondimenti sulle Query

• Cos’è una Stored Procedure e come si utilizza in MySQL
• Creazione di Stored Procedure per automatizzare le operazioni sul database
• Esempi pratici di utilizzo di Stored Procedure
• Consultazione della documentazione per approfondire la sintassi avanzata delle query

10.1 | Fondamenti di PHP: Variabili, Array, Operatori e Funzioni con Esempi Pratici

• Introduzione a PHP: cos’è e come si integra con l’HTML
• Dichiarazione e utilizzo delle variabili in PHP
• Scope delle variabili e utilizzo delle costanti
• Tipi di dati in PHP: numerici, stringhe, array associativi e multidimensionali
• Operatori in PHP: aritmetici, logici e di confronto
• Esempi pratici di utilizzo degli array e delle funzioni sulle stringhe
• Creazione di funzioni personalizzate con parametri e valori di ritorno

10.2 | Strutture di Controllo e Cicli Iterativi in PHP: Condizionali, Cicli e Funzioni con Esempi Pratici

• Strutture condizionali:
  • if…else if…else
  • Struttura condizionale switch e sue applicazioni
• Cicli iterativi:
  • for, while, do…while e foreach
  • Differenze tra i cicli e applicazioni pratiche
• Esempi pratici di utilizzo delle strutture di controllo
• Creazione di script per operazioni ricorsive e gestione dinamica dei dati

10.3 | Programmazione Orientata agli Oggetti (OOP) in PHP

• Cos’è la Programmazione Orientata agli Oggetti (OOP) e vantaggi rispetto alla programmazione procedurale
• Creazione di classi e oggetti in PHP
• Scope dei membri di una classe (proprietà e metodi)
• Membri statici e metodi costruttori
• Ereditarietà e polimorfismo:
  • Estensione di classi
  • Override dei metodi e utilizzo del polimorfismo
• Classi astratte e interfacce
• Esempi pratici di creazione e utilizzo di oggetti, classi astratte e interfacce

10.4 | Interazione con il Database in PHP

• Connessione a un database MySQL utilizzando PHP
• Utilizzo di PDO (PHP Data Objects) per query sicure e gestione delle eccezioni
• Creazione di script per eseguire operazioni CRUD (Create, Read, Update, Delete)

10.5 | Creazione di Applicazioni Dinamiche con PHP

• Validazione di form con PHP lato server
• Creazione di una semplice applicazione di gestione utenti:
  • Registrazione e login
  • Archiviazione sicura delle password con hashing (es. bcrypt)
  • Gestione delle sessioni in PHP
• Integrazione di script PHP con JavaScript per interfacce interattive