Corso di Sviluppo di siti Web

Slides delle lezioni

• Lezione 1
  • 01 - Introduzione HTML
  • 02 - Struttura dei tag HTML
  • 03 - Struttura di una pagina HTML 
  • 04 - Elementi di base di una pagina HTML
  • 05 - Stili fondamentali in HTML
• Lezione 2
  • 06 - URL, nomi e percorsi
  • 07 - Elenchi, link, immagini e tabelle
  • 08 - Moduli HTML
• Lezione 3
  • 09 - Introduzione ai Fogli di Stile CSS
  • 10 - Principali proprietà dei CSS 1/2
• Lezione 4
  • 11 - Principali proprietà dei CSS 2/2
• Lezione 5
  • 12 - Impaginazione layout con i fogli di stile
• Lezione 6 - (focus tips)
  • Panoramica di CSS3
  • Utilizzo di fonts non-websafe
  • Codifica colore RGBA
  • La MEDIA RULE nei CSS3
  • Arrotondamento degli angoli
  • Embedding video
  • Effetti con Transform/Transition CSS3
  • Overlay immagini/testo
  • Effetti CSS3 per i controlli di input
• Lezione 7
  • 13 - Layout responsive con Bootstrap Grid System
    • link a copia del css bootstrap-grid.css
    • link a css custom con i breakpoint di bootstrap
• Lezione 8
  • Revisione lavori
• Lezione 9
  • 14 - Introduzione alla programmazione lato client
• Lezione 10
  • 15 - Esempio Javascript/Jquery
  • Tools
    • Rating tool con CSS3
    • Griglia masonry con Javascript
    • Didascalia immagini con JQuery
    • Lightbox con JQuery
    • Pannelli ridimensionabili con JQuery
    • Scroll morbido e menu fisso con JQuery
    • Slidegallery/carousel multi immagine con JQuery
    • Personalizzatore con JQuery
    • Effetto Parallax con plugin JQuery
    • Portfolio filtrabile con plugin JQuery
    • Slidegallery/carousel con plugin JQuery
    • Menu a fisarmonica con JQueryUI
    • Slider selezione valori con JQueryUI

 

Esercizi

• Lezione 1
  • Esercizio 01
• Lezione 2
  • Esercizio 02
• Lezione 3
  • Esercizio 03
• Lezione 4
  • Esercizio 04
• Lezione 5
  • Esercizio 05
• Lezione 6
  • Esercizio 06

 

Software

• Visual Studio Code