Exercises
All of the exercises can be found here. Most of them are pretty simple and they're designed to help you build up your coding and web design skills as we go through the term. We'll have time to work on many of these in class, but some you'll have to do on your own time. This is intentional -- I want you to have some things work on outside of our class and lab time so that you can practice.
Learning to code is a bit like learning an instrument, or learning a new language. You have to practice and the more you do it, the better you'll get.
The bonus? It's really fun!
List of Exercises (with point value)
- Your Homepage & Personalizing It (1)
- Using CSS (1)
- Creating Scannable Text (1)
- Typography Fun (1)
- Create a 2-Column Layout (1)
- Create a 3-Column Layout (1)
- Toaster Uprising (2)
- Big Red Dot (2)
- Externalize CSS (1)
- Responsive Layout (1)
- Dropdown Menu with CSS (.5)
- Create a Mini-Site (2)
- Hybrid Art (.5)
- Portfolio (5)
Why Exercises?
Remember, the point of these exercises is to give you tasks to accomplish so that you can practise. They're not here to stress you out! That's why they aren't graded. They're pass/fail, and except for a couple, all you have to do is try the exercise and post it to your web space, and you'll get the grade. Easy right?
OWL, Lessons and Resources
I'll use the OWL site to post lecture notes, help sheets, and other resources I don't want available on the open web . We'll also use it for the coding test.
The lessons section holds the help documents and explanations for some of the key concepts we'll be learning, week-by-week.
The resources section holds external resources, and a few starter HTML and CSS pages.