Giters

qboileau / movie-board

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

!!!!!!!! PAGE UNDER CONSTRUCTION !!!!!!!

Movie-Board

This Dart application has been created for the Dart Flight School event at Montpellier JUG.

See the demonstration

Introduction

The goal of this codelab is to develop a movie application. Users will be able to display currently playing movies, upcoming movies and top rated TV series. They will also be able to add a comment on movies and to set movies as favorites.

What can you expect ?

This codelab is not a replacement of Dartlang web site : after this codelab you should visit Dart web site and play with others examples, tutorials, ... There's also a lot of Dart's tutorials, users groups, blogs all over the world which may help you learning Dart. Enjoy !

What will you learn with this codelab ?

  • How to write Web-Component with Polymer
  • How to organize your Dart code
  • How to encode / decode JSON stream
  • How to use Future
  • How to write functionnal code
  • How to use local storage to save comments and favorites

What won't you learn with this codelab ?

  • HTML code
  • CSS code
  • Object Oriented Programming

Movies data

All data likes posters, overvies, ... come from The Movie DataBase

Useful links

Prerequisites

Please, consider to follow and apply the following points on your laptop before coming to the codelab

Before starting this codelab, you need :

  • to install Dart-Editor (This codelab has been tested with v1.1.1)
  • to have a modern browser (it has been tested with Chrome 32.0, Firefox 26.0, Safari 6.1)

Then download the compressed archive of this project by clicking the download button on the right side of this page (or fork the project if you are confortable with GitHub) and finaly uncompress it on your laptop.

Launch Dart editor and open the movie-board-final sub-directory. Right click on movie_board.html and select Run as dartium option. Verify is the application runs fine and then close the folder.

Important: the user-story-final directory contains the final application, so don't try to have a look to files in this directory: Cheating is not playing !

User stories

This codelab is divided into the following user-stories :

  1. Show a movie's poster and content
  2. Show the list of all movies (and load movies from a JSON stream)
  3. Filter movies and sort the movie list
  4. Show movies by 'category'
  5. Use routes to develop a Single Page Application
  6. Show a movie's detail
  7. Store comments and favorites into the local storage
  8. Build the JS application and deploy to the cloud

Templates

Static HTML templates and Cascaded Styles Sheets are provided. This codelab does not aim to learn you how to write HTML page or CSS.

Please use provided templates as it without modification. Of course HTML and CSS code may be improved but this is not the purpose of this codelab: it work ;-)

Ready ?

Everything is OK ? So you are ready to start the codelab

Credits

+Eric Taix
XXXXX
XXXXX
XXXXX
XXXXX
XXXXX

Also I'd like to thanks students of Polytech who tested this codelab, sent pull-request:

  • XXXXX
  • XXXXX
  • XXXXX
  • XXXXX

Thanks to +Nicolas François and +Guillaume Girou, they really inspired me with their Game Store Codelab

About