If a web site is considered to be a house, then HTML is the foundation and framing, while CSS is the interior design: the color choices, doors and windows. JavaScript, the focus of the next set of reading lists, is akin to the home’s devices and utilities: the dishwasher, doorbell chime, and home automation.
JavaScript can access, add, remove, and modify anything on a live web page, including content, markup, and attributes, without ever reloading the page. By doing so, it can add far more interactivity than is possible to achieve with CSS alone. More complex JavaScript allows the page to react to events, interact with other services, and create animations.
Goals: Understand the history and context of JavaScript and the purpose of frameworks; define progressive enhancement and graceful degradation; write simple JavaScript effectively on a web page; avoid common development errors.
Prerequisites: A strong knowledge of HTML and CSS
Total Time: 2 hours
Core Material
Evolution of JavaScript
JavaScript & the DOM
Four Principles of Effective JavaScript
Writing JavaScript
Frameworks
Six Common Mistakes
Comments
Recommended Reading
Read pages 1 – 23 & 43 – 52, JavaScript & JQuery. Read Chapter 19, Introduction to JavaScript, in Learning Web Design by Jennifer Niederst Robbins.
Further Reading
If you’re interested in using JQuery extensively, you should read up on using JQuery Content Distribution Networks to improve site speed, performance, and reliability.
When You’re Done
With a strong understanding of JavaScript fundamentals and a commitment to best practices, you’ll be ready to write your first meaningful JavaScript, which we approach in the next reading list.
Enjoy this piece? I invite you to follow me at twitter.com/dudleystorey to learn more.