Your final project will be the culmination of everything you've learned throughout the course.
A nice way to conceptualize / visualize the expectations and requirements for this project is to imagine Assignment 2, inside of Assignment 1, with a few more features.
You will have 6 weeks to work on your final project, so expectations are reasonably high.
Your app should be live on a gh-pages branch of a github repo. Salehen and myself will be using Google Chrome for Android (same as iOS) on a Nexus 5 and One Plus One.
Read This and then test on a phone or use Chrome developer tools (see below).
You can use Google Chrome's developer tools to emulate mobile devices and even network speeds. Click the little phone icon in the top left to start emulation.
Yes, use a library like Hammer.js
No.
Your app should never leave the original index.html. Read up on this.
Only if you are running a pre-processor on less, sass, jsx, etc... You app should run live on gh-pages, i.e. only js, css, html are supported.
Basically you can build any application you like but you must meet the requirements
The following must be included in your application.
Example: a game does not need to stress a "modern look and feel" or "proper navigation flow" if it has developed an orginial UX and navigation experience.
Be Careful: you app's implementation must still demonstrate proper UX and design thinking.
You must use a framework to manage your views, even if it is a game and the framework simply handles a splash page, instructions and the main game screen.
How can you make your app unique, fun, playful.
Write down all your ideas! No idea is a bad idea! Get wild! Get crazy!
Shortlist your ideas by discussing them with your partner and come up with 3-4 unique user interactions you can develop and test in your application.
Polish the interactions that work, drop the ones that don't.
Reminder: you may want to stay away from W3Schools and instead google with MDN and follow their documentation. It is often more up to date, explained better and accurate.
Example Search: MDN javascript arrays
CAREFUL: you're not building server-side applications with Node.js! Try searching using '-node.js' in google searches.
DISCLAMER: SVG is slow on mobile when you have to animate many objects
I also don't know many libraries that make working with SVG easy, but this doesn't mean you can't use SVG in your projects. Make an educated choice.
AboutLibraries
Libraries
Note these libraries are about animating HTML elements using CSS or JS animations that take advantage of CSS transforms. You can style your elements with plain CSS.
Libraries
Libraries
I assume you will build on top of example code and cool ideas you find on the web.
That's fine! Make sure you reference what you use and where in your project you use it.
Note: the final lab challenges will be made up via the proposal and milestones