Make a CRUD app, about anything you like.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Visual effects
CRUD app
Fading text
Image flip
Wrapping winners (wrappers)
The story so far
Let's change the team score example.
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.)
One joke
Fix a broken page.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
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.
Course catalog: many courses
The story so far
Records are stored in JS objects. You can make HTML to show what is in an object.
Showing a course list
Try the course catalog page. It starts off empty:
When you click the button, you see a course list:
h2.