Codecademy Exercises

First, you will complete the HTML & CSS Exercises at Codecademy. Free and totally user-friendly, Codecademy is a great set of introductory tutorials for a variety of different coding skills.  We’ll be doing all six of the tutorials for for HTML and CSS:

  • Introduction to HTML (which includes the project of a simple webpage)
  • HTML Structure: Using Lists (and the social networking profile project)
  • HTML Structure: Tables, Divs, and Spans (a clickable photo page project)
  • Introduction to CSS (design a button for your web site project)
  • CSS Classes and IDs (sorting your friends project)
  • CSS Element Positioning (build a resume project)

When you complete each of these units, you will need to create a version of each project suitable for publication on your people.emich.edu account. I’ll try to talk you through this, but see “Setting Up Your people.emich.edu account” and “Making Your Codecademy Projects Into Real Web Pages.”

See the schedule for the deadline on completing these exercises.

Second, you will work through and complete a second codecademy tutorial of your choice. We’ll discuss your options for this, but basically, you will want to pick another tutorial to work through based on your interests and computer skills.

Third, you will write a short (1000 or so word) reflection on your experiences with these tutorials. What about these exercises frustrated you and/or that you found too easy? What was your proudest moment with these HTML/CSS exercises? What do you want to learn more about with HTML and CSS? What was the second tutorial you decided to complete on your own and why? What did this second tutorial teach you about web writing?

A few more details about all this:

We will be talking about these Codecademy exercises in more detail of course, but a couple of things for now to keep in mind:

  • There might be some bumps along the way!  I’ve used this before so I know that it works. But I also know that Codecademy is a little buggy sometimes and there might be some changes here and there as we get going. Stay tuned!
  • If you follow the instructions and are comfortable working through these things on your own, you can progress at your own pace on these exercises. Heck, some of you might be able to finish this in one sitting! If you aren’t comfortable with it and you have questions, do me a favor:
    • First, post your question as a comment on this page. Maybe someone else has the same question and/or an answer.
    • Second,  if you email me a question, realize that I will probably wait at least a few hours before emailing you back. Why? Because it is very common for students to email me about how they are stuck on something with these exercises but then to email me again a few hours later about how they figured it out.
    • Third, there will be chances for you to meet with me face to face or possibly over something like Google Hangouts to get some help on this. I can and will help you through it, I promise.
  • Here is a link to my completed Codecademy exercises.
  • The “short reflective writing” project is just that: after you’re done with these exercises, reflect about what you thought of it all. You will post this on your Writing for the Web WordPress Portfolio site.