In this unit, studios will take the form of ongoing running projects, just like the FlickList series in Unit 2. There will be two projects: Mario, and FlickList (again!)
In this series, we will build and make incremental additions to a simple page that displays a "pyramid" of
Practice basic JS syntax by building a dynamically sized pyramid and printing it to the developer console.
Display your pyramid for the user by inserting it into the DOM.
Use an event handler callback to respond to user input and allow the user to decide the height of the pyramid.
Perform client-side validation on the user's form submission.
Refactor to use the jQuery library for DOM manipulation.
Grab the starter-code and register for a key for the API we'll be using.
Carve out the main functionality: a browseable list of real movies that can be added to the user's watchlist in a separate section below.
Add some rudimentary CSS, and add a "search by title" feature.
Incorporate Bootstrap to quickly make things responsive and nicer-looking.
Improve the search feature to query for movies by topic rather than title.
Create a Bootstrap grid layout.