Progetto finale

• Specifiche

Lucidi delle lezioni

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

Esercitazioni

• Primi passi con Ruby
• Ancora Ruby (esempio di soluzione)
• Menu e immagini sensibili con CSS (immagine memory.png)
• HTML e CSS3
• HTML e JavaScript (soluzioni 1-3, soluzione 4)
• HTML5 Canvas e Javascript (soluzione)
• HTML5 Canvas: manipolazione dei pixel (immagine e soluzione)
• HTML5 video: sincronizzazione di contenuti
• HTML5 drag & drop (immagini)

Laboratori

Le soluzioni delle esercitazioni di laboratorio, quando possibile, saranno disponibili come repository Git (flix) 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 - Gestione degli utenti
• Laboratorio 6 - Post
  • Associazioni tra modelli [slide]
• Laboratorio 7 - Following e followers
  • Per iniziare... [slide]
• Flix: sito completo [GitHub, zip]

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"
• Progetti realizzati nel 2013: https://github.com/lam-2013
• Il social network di base distribuito lo scorso anno: 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)