Coding for Designers: JavaScript and jQuery

In this four-week course you’ll learn JavaScript and jQuery–the stealthy web languages that power much of the functionality we see in action online today. Enjoy a complete immersion into what they are, how they work, and how you can use them. This is not an online workshop for developers: It’s a course that focuses on code issues that impact designers and how to implement great visuals. This course is great for students who have successfully completed Coding for Designers: HTML & CSS and are ready to take the next step in building great websites.

Patrick McNeilPatrick McNeil, the creator of Design Meltdown, is the content director for HOW Interactive Design and the author of the Web Designer’s Idea Book series. He’s not only an HTML teacher, he can instruct in all the fundamental languages of the web—JavaScript, jQuery, CSS, and more.

What Students Are Saying
“This has been a good experience. The lesson materials are straight-forward and clear. I have learned a lot. HOW U’s format is very convenient. It is always nice to be able to discuss CSS, HTML and JS with designers and developers.” — Shawn T.

500x500_Coding-for-Designers-Javascript-jQuery

Workshop Length:

4 weeks

Tuition:

$199 ($179 for VIP)

Recommended Materials:

Start Date:

View Workshop Schedule

Register Now!


Objectives:

  • Learn about JavaScript syntax, rules and resources
  • Learn how jQuery can make building dynamic web interfaces much easier
  • Master how to use advanced jQuery tricks.
Who Should Take This Course:
  • Experienced print designers making the transition to web and interactive design
  • Creative professionals unfamiliar with the language of the web
  • Designers just starting to code websites
Prerequisite (or comparable experience):

Register Now!

Outline:

Lesson 1: JavaScript
  • What is JavaScript?
  • Using external JavaScript files
  • Creating “script” blocks
  • JavaScript on individual HTML elements
  • Basic syntax
  • Using jsfiddle.net
  • Write basic JavaScript code
  • The DOM – Document Object Model
  • Assignment
  • Quiz
Lesson 2: jQuery 101
  • What is jQuery?
  • A quick example
  • Adding jQuery support to your page
  • Using jsfiddle.net
  • A basic jQuery command
  • jQuery selectors
  • So what can we do with jQuery?
  • Document ready
  • Actual coding
  • Manipulating classes
  • Getting answers
  • Assignment
  • Quiz
Lesson 3: Working with jQuery Plugins
  • What is a jQuery plugin?
  • The jQuery plugin recipe
  • The jQuery UI plugin
  • Some popular plugins
  • Assignment
  • Quiz
Lesson 4: Working with forms
  • Working with form controls
  • Additional events
  • AJAX forms
  • jQuery form plugins
  • Extended UI controls
  • Wrap up
  • Assignment
  • Quiz