Better pig (function arguments)
The story so far
We're going to talk about two things:
- Function arguments
- Accumulating HTML
You can try the new app.
h2.
HTML
Fan site
Make a fan site about a movie, book, TV show, band, person, whatever you like.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Club
Make a Bootstrap site with a navbar.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Wrapping winners (wrappers)
The story so far
Let's change the team score example.
Wrapper
Format this
This code is a mess! Fix it!
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Animal and yo mama jokes
Create a page of animal jokes, and a page of yo mama jokes.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Bar joke
Style a bar joke.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
CSS exercises
Exercise: Bar joke
Use CSS and HTML to make this:
Use a sans serif font. Get the colors about right. Get the spacing about right.
Submit the URL of your solution.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
Exercise: Pets, love, and evil
Make a table like this:
You can change the pets, and the yes/no ratings. You don't have to match the colors and spacing exactly.
Note:
- The cells all have space around the text.
- The yes/no ratings are centered.
- The entire table has a border.
- Odd and even rows are different.
Hint: mix-in classes might help.
Upload the URL of your solution.
(If you were logged in as a student, you could submit an exercise solution, and get some feedback.)
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.)