When you come back from Spring Break, we will have a normal week in this class. That means a normal class meeting on Monday, an individual meeting, a quiz, and an assignment (in Canvas) due on Sunday night.
Please do not forget that your 15-point CSS assignment (in Canvas) is due on Sunday, March 8.
Your files need not be as complex as the exercise files downloaded from Lynda.com! You can make a simple file with a very plain design to test and experiment with what the tutorial taught. That’s what I want to see.
This will definitely take seven hours, so please be sure to start early and work daily on these assignments.
Choose from ONLY these tutorials at Lynda.com (log in here for free access):
See the benchmark (Week 13). Do not substitute any other tutorials. Choose four from the list above only.
I recommend that you code along with the videos. Arrange the video window beside your TextWrangler and type everything that is typed in the video. Of course, you can pause the video as needed.
NOTE: When you show your work, I will need to be convinced that you did MORE than simply COPY the exercise files downloaded from Lynda.com. Make your own variations. Play with the code.
As always, add your own example for extra credit by providing a link in a reply to this post.
Leave a comment on this post to submit your example for this week. Rules are on the Required Work page.
Make sure your link is correct and functional.
Include the title or headline of the example you are linking to.
Write one sentence about why we should appreciate it.
Before class, read the assigned article linked on the Course Schedule page under Week 8.
That is also where you will find your benchmark for this week. The more exercises you have completed by Monday, Feb. 24, the more you will understand in the lecture.
In this very amusing blog post (you must read it to the end!), by student Michelle Bu, you’ll find out how hard her first coding experience was for her:
21 Nested Callbacks
I was laughing out loud as I read it.
I’ve realized that with each piece of code I’ve written since my triangles, I’ve only gotten better at “Googling it,” debugging, and being generally competent about miscellaneous programming topics–and it’s all because I saw each and every silly project through. — Michelle Bu
So 21 months ago, she didn’t even know how to write a loop. Now she’s a Ph.D. student in computer science.
Here is her first attempt (21 months ago), and here is her new, responsive, fabulous version.
Check out Michelle’s Projects.
To see all posts in the “Examples” series, view the category “Examples.”
This week’s example — Unfit for Work — is a beautiful responsive article design from Planet Money, a program that runs on National Public Radio.
It has a very effective chapter format, and video, charts and other helpful media appear in and alongside the article text.
Compared with other examples we’ve seen this semester, I think this is one of the most responsive — it’s very flexible on different devices!
The article’s CSS uses HTML5 Boilerplate and Initializr (recommended).
Leave a comment on this post to submit your example for this week.
- Post only ONE link.
- Make sure your link is correct and functional.
- Include the title or headline of the example you are linking to.
- Write one sentence about why we should appreciate it.
Read the details and rules on the Required Work page, under the subheading “Extra credit.”
For Monday, April 1, you will complete four (4) jQuery tutorials and produce your own version of the project from each tutorial. So you will have four different Web pages to show me.
Choose from ONLY these tutorials at Lynda.com (log in here):
- Create a Tooltip with jQuery
- Create a Rotating Carousel with jQuery
- Create a Sliding Tabbed Panel with jQuery
- Create an Interactive Map with jQuery
- Create an Animated Bar Chart with jQuery
- Create an Interactive Homepage Marquee with jQuery
- Create an Expandable FAQ Listing with jQuery
See the benchmark (Week 13). Do not substitute any other tutorials.
I recommend that you code along with the videos. Arrange the video window beside your TextWrangler and type everything that is typed in the video.
NOTE: When you show your work, I will need to be convinced that you did MORE than simply COPY the exercise files downloaded from Lynda.com. Make some variations. Play with the code.