Web Design 2

1 - Introduzione e revisione dei contenuti già affrontati negli altri corsi

• Introduzione ad internet
• Cenni di architetture web client/server, peer-to-peer e protocolli di rete
• Riepilogo di HTML, CSS, Javascript
• Gestione di Hosting Web (apache, nginx, php, mysql) - locale e remoto

2 - Database

• Progettazione di Database
• Implementazione concettuale di un database - Modello Entità/Relazioni
• Query di interrogazione database

3 - Php

• PHP - Modulo 1 - Basi di PHP
• PHP – Modulo 2 – Programmazione ad Oggetti, vantaggi e casi di utilizzo
• PHP - Modulo 3 - integrazione con Db
• PHP - Modulo 4 - Architettura Mvc

4 - Css

• Riepilogo sui fogli di stile
• Framework CSS (Bootstrap - Uikit - Tailwind)
• Sass, Less, Scss, estensioni e compilatori di css

5 - Javascript

• Riepilogo di jQuery
• Utilizzo di un Framework Javascript (Vue, Angular..) 
• Chiamate REST e API

6 - Progettare un’interfaccia

• Albero di navigazione e flusso di attenzione
• Esperienza di navigazione dell’utente: posizionamento contenuti e psicologia dell’utente.
• Riepilogo di esempi di layout per Blog, Siti vetrina, Landing Page, E-commerce
• Esempi di layout e template per Software gestionali, Portali e piattaforme
• Progettare responsive

7 - Realizzare

• Sviluppo di un sito web statico
• Sviluppo di un sito web dinamico
  • Sviluppo di un backend semplice per la gestione dei contenuti
  • Utilizzo del database per la gestione dei contenuti
  • Realizzazione di un’interfaccia CRUD (creazione, lettura, aggiornamento e cancellazione dei contenuti) 
  • Implementazione in frontend

8 – Utilizzo di un sito con CMS – Personalizzazioni e nozioni avanzate

• Architetture dei principali CMS
• Logiche di autenticazione (Utenti, gruppi di utenti e permessi)
• Gestione degli aggiornamenti
• Ottimizzare la velocità (cache, minify, lazyload, gzip..)
• Customizzazione del template e delle funzioni

8 - Analisi: debug, test e reportistica

• Testing delle interfacce realizzate
• I meccanismi di debug, log e di segnalazione errori
• Analisi delle visite e dei flussi di navigazione degli utenti attraverso Google Analytics o alternative
• Analisi velocità della pagina (Google pagespeed, gtmetrix..)
• Analisi e ottimizzazioni SEO