About

This website originally served as a way to share information with students in a JavaScript class I was teaching through Girl Develop It Chicago. From now on, I’ll be using it as my “website” and most likely neglecting it.

 

Homework Class 3

I added several exercises to the jQuery lesson from Class 3.

Go back through the slideshow and try to do as many as you can. I would recommend going through the slideshow on your own and doing the exercises as they come up. 

The exercises are all titled “EXERCISE”, and are scattered throughout the slideshow. Some of them are just concept questions, not coding. Explanations follow most of the concept questions.

If you do just want to skip to the actual links, the exercises are listed below:

If you’re feeling super ambitious, try to finish off the last 2 slides titled “LET’S DEVELOP IT”.  We started one of them in class. The last one is quite challenging, but with the concepts we learned, it is do-able!

Good luck! As always, you can email me with questions at christina.lin.yang (at) gmail (dot) com

Christina

Javascript/jQuery Resources & Links

Here are a few resources that can help you master JavaScript and jQuery.

Hands-on Tutorials

Books

You could start off with these if you’d like a hard copy instead of the web tutorials.

Find what works best for you.

If you’re more of a visual person, definitely try out the Code Academy walk throughs. Going through those is like having a one-on-one lesson with a teacher, but you guide yourself through instead.

If you learn better by reading, try out the examples in these books (or browse through the javascript/jQuery books at Barnes & Noble. There are a surprising amount of amazing programming books at bookstores, so don’t hesitate to just go to the store and pick one out at random from the shelf!)

More:

 

Christina

Homework Class 2

Put it all together

  • Modify your existing three functions to add new elements to the screen instead of fire an alert
  • Keep in mind how to find an element, how to append an element, and how to change the inner html of an element
  • There are lots of possible solutions! Be creative!

The three functions we worked on are:

Try to finish implementing the first function. Don’t worry about the “favorite things” or “Friends” functions if you run out of time

An example of how the page would function is below:

Open the page. Three links will be present

Screen Shot 2013-11-12 at 6.55.55 PM

Click the first link… something like this appears:

Screen Shot 2013-11-12 at 6.55.59 PM

Click the second link… something like this appears

Screen Shot 2013-11-12 at 6.56.04 PM

Click the third link… something like this appears

Screen Shot 2013-11-12 at 6.56.09 PM

Homework Class 1

The average weight of a penny is 2.5 grams. The average weight of a quarter is 5.67 grams.

Write an HTML file that contains two links that look like this:

Screen Shot 2013-11-03 at 9.59.26 PM

When the first link is clicked, pop up an alert box saying how much 50 pennies would weigh

When the second link is clicked, pop up an alert box saying how much 50 quarters would weigh

 

Make sure that your links stay on the page after they are clicked. (Hint: if you have any document.write() lines in there, you might want to take them out)

If you have any questions, send me a message here:

christina.lin.yang ( at ) gmail.com

We will go over the answer during our second class.

 

*** Note, if you use buttons to trigger the alert boxes, that is fine too!