Materiale

Questa sezione conterrà tutto il materiale didattico (slide, documenti, link, ...) utilizzato durante il corso.

Slides

• Introduzione al corso
• Teoria dei social network
  • Le forme della socialità
  • Panoramica sui social
• Progettare un social
  • Metodi di ricerca
  • Concept
  • Human Computer Interaction
  • User-centered design (completo)
  • Guidelines and requirements identification
  • Progettare la socialità
  • Gamification
  • Architettura dell'informazione
  • Accessibilità dei siti web
• Tecnologie Web
  • HTML5
  • Architettura web
  • Cascading Style Sheets (CSS): basics, selectors and page layout
  • Cascading Style Sheets (CSS): more properties and application examples
    • CSS examples
  • Core JavaScript
  • Client-side JavaScript
    • JavaScript examples
    • Esempio: rating (testo e codice)
  • AJAX
  • AngularJS
    • esempi
  • HTML canvas
    • Esempi (il video è scaricabile qui)
  • Reading: analisi delle performance (frontend)

Laboratori

• Git e HTML5: Primi passi
• CSS3: Primi passi (file utili: index.html e icon_list.png) [Soluzione su GitHub]
• Prototipare un social
  • Introduzione e CSS (esercizio: pizza-plain.zip) [Soluzione su GitHub]
  • JavaScript: Primi passi (file utile: gestionePizze.js) [Soluzione su GitHub]
  • Starter Kit (su GitHub)
  • AngularJS: Primi passi [Soluzioni su GitHub]
  • Integrazione con Firebase (progetto di partenza, JSON) [Soluzione su GitHub]
  • Autenticazione con Firebase [Soluzione su GitHub]
  • Integrazione di Google Maps (progetto di partenza) [Soluzione su GitHub]
  • Integrazione di una chat [Soluzione su GitHub]

Temi d'esame (programmazione)

• Simulazione del 09/06/2016
  • testo e progetti di partenza (versione CSS, versione JS)
  • soluzione
• Esame 20/06/2016
  • testo
  • soluzione
• Esame 04/07/2016
  • testo
  • soluzione
• Esame 07/02/2017
  • testo
  • soluzione

"Nuovo" Firebase

• Guida alla migrazione
• Documentazione Web
  • Storage
• AngularFire

Strumenti

• Node.js: installare l'ultima versione stabile disponibile (5.x)
• AngularJS (versione 1.x)
• Git
  • se non presente sul proprio computer, installare l'ultima versione disponibile
  • creare un account gratuito su GitHub; dopo aver creato l'account, è possibile richiedere le agevolazioni per studenti all'indirizzo: https://education.github.com
• JetBrains WebStorm
  • scaricare l'ultima versione disponibile dalla sezione Download del sito di WebStorm
  • registrarsi sul sito di JetBrains per ottenere una licenza studenti gratuita: https://www.jetbrains.com/student/
• Google Chrome: installare l'ultima versione disponibile