Progetto finale

• Specifiche

Lucidi delle lezioni

• Introduzione al modulo A
• Perché Ruby (on Rails)?
• Ruby: un'introduzione
• Architetture Web
• Social network: un'analisi tecnica
• Version Control con Git
• Il linguaggio di programmazione Ruby
  • Esempio di classe
• Gemme e convenzioni di Ruby
• HTML5: introduzione, HTML, struttura, tag semantici e form
  • esempi
• Il pattern Model-View-Controller
• CSS: Cascading Style Sheet
  • esempi
• CSS Level 3
  • esempi
• Sass: Syntactically Awesome Stylesheet
• Programmazione lato client con JavaScript
• HTML5 Canvas
  • esempi
• HTML5 Audio e Video
  • esempi
  • video di esempio scaricabile qui
• HTML5 Drag&drop
  • esempi

Esercitazioni

• Primi passi con Ruby (soluzioni)
• Ancora Ruby (soluzioni)
• HTML e CSS
• Menu e immagini sensibili con CSS
• HTML e JavaScript (soluzioni)
• Modifica del DOM HTML con JavaScript (soluzioni)
• HTML5 Canvas e Javascript (soluzione)
• HTML5 Canvas: manipolazione dei pixel (immagine e soluzione)
• HTML5 video: sincronizzazione di contenuti (soluzione)
• HTML5 drag & drop (immagini e soluzione)

Laboratori

Le soluzioni delle esercitazioni di laboratorio, quando possibile, saranno disponibili come repository Git (PoliRun) ospitato nell'organizzazione creata per il corso su GitHub.

• Laboratorio 1 - Primi passi con Ruby on Rails (soluzione)
  • Rails 101 [slide]
• Laboratorio 2 - Pagine e routes
• Laboratorio 3 - Modellazione utente
  • Progetto di partenza
  • Git in RubyMine [slide]
• Laboratorio 4 - Registrazione utenti
  • Progetto di partenza
  • Route e form [slide]
• Laboratorio 5-6
  • Gestione degli utenti
  • Post
  • Associazione tra modelli [slide]
• Laboratorio 7 - Following e follower
  • Per iniziare... [slide]
• Laboratorio 8 - Itinerari di corsa
  • Ruby Geocoder gem, http://www.rubygeocoder.com
  • GMaps4Rails gem, http://apneadiving.github.io

Materiale integrativo

Materiale aggiuntivo non presentato interamente in aula ma che può essere utile e/o aiutare nella realizzazione dei progetti di fine anno.

• Suggerimenti per lavorare in gruppo (con successo)
• Suggerimenti per scrivere "codice pulito"
• Il social network di base distribuito nel 2014: flix
• Il social network di base distribuito nel 2013: SWorD
• Esempio di come effettuare una ricerca sul sito (basata su SWorD) [zip]
  • Una versione più "complessa" della ricerca nel sito, potrebbe richiedere la creazione di un modello Search. Su RailsCasts ne potete trovare un esempio.
• Esempio di come realizzare la messaggistica tra utenti (basato su SWorD) [zip]
  • Per realizzare questa funzionalità, si è utilizzato la gemma simple-private-messaging disponibile su GitHub insieme a un po'  di documentazione.

• OAuth2
  • Slide [zip] messe a disposizione dal gruppo Sniffsound nell'anno accademico 2011/2012
  • I progetti sono registrati come applicazioni che può chiedere l'accesso sia a Facebook che a Twitter; ricordarsi di cambiare i codici di accesso in modo da utilizzare quelli del proprio progetto
  • Progetti di esempio
    • Registrazione [zip]
    • Login [zip]

Link utili

• Learn to Code - Codecademy
• HTML5
  • W3C HTML5
  • HTML5 Rocks
• CSS3 e Sass
  • W3C CSS
  • CSS3.com
  • Sass Guides
• JavaScript/jQuery:
  • Learning jQuery in 30 minutes (slide in PDF)
  • W3C Scripting and Ajax
• Ruby/Ruby on Rails:
  • Try Ruby! (in your browser)
  • Ruby in 20 minuti
  • Learn Ruby The Hard Way
  • Ruby on Rails: Documentation
  • RailsCasts - Ruby on Rails Screencasts
• Git
  • Try Git! (in your browser)
  • Git Documentation
  • Git Resources (by GitHub)