Accordion
Show info about countries in an accordion menu.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Bootstrap
Which house?
Ask the choosing cap which house you are in.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Character generator
Make a character generator for a role playing game.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Money counter
Write some JS to count money.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Carousel
Make a carousel.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Bands
Make a web app to track your favorite bands.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Quotes
Make an quotes app, with an add form.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Best animal
Click on the photo of the best animal.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Piggy bank (variables, localStorage)
The story so far
You have a BS template with some JS to load a navbar, and footer. You know how to make input fields, and buttons. You know how to tie JS code to events. You know how to validate. You know how to use variables to coordinate what happens across events.
Wow! You know a lot of stuff!
Time for a new app. This one is simple. We'll expand it in the next example.
A bit o' tech
We're going to use localStorage. It lets you store data on a user's computer, that a browser can access. For example:
bc.
Course score (input, validation, flags)
The story so far
We have a template. To make a new page, we copy-and-paste the template. The template has JS to load reusable HTML for the navbar and footer.
Use onclick to tell a browser what code to run when an HTML element is clicked.
Code is broken into pieces, triggered by events. Use variables to coordinate the pieces of code.
Planning
We are going to start planning our projects.