Author
Released
8/14/2016This course is a great jumping-off point for more intricate client-side programming (e.g., mobile apps or highly interactive websites) and server-side programming with frameworks like Node and Backbone. With the addition of JavaScript, your design possibilities are almost limitless.
- What is JavaScript?
- Writing and debugging JavaScript
- Working with the DOM
- Creating forms with JavaScript, including shopping carts
- Using JavaScript to track dates and time
- Creating maps with the Google Maps API
Skill Level Beginner
Duration
Views
- Hi, I'm Joe Chellman, and welcome to JavaScript for Web Designers. A web designer's job is to use all the tools at our disposal to make the best, most engaging and usable websites and apps we can manage. By making JavaScript a key part of our toolboxes, the palette of experiences we can create online becomes almost limitless. JavaScript is the programming language of the web, and becoming comfortable with it will allow you to do things with your websites that you just couldn't do otherwise. In this course I'll introduce you to the basics of writing JavaScript both in a browser and a text editor.
I'll introduce you to some of the terminology you'll need to understand how the language works. Then we'll start working on some simple, but useful projects. I'll show you how to use JavaScript to work with a shopping cart, responding to the user's choices, checking for errors, and making a calculation. Next I'll show you how to work with time, enhancing an event page with a live calendar and clock. Finally, I'll introduce the Google Maps API and you'll see how easy it is to add interactive content to a website using the power of an external service. As a web designer, you might not have written much of your own JavaScript.
Maybe it's even seemed intimidating in the past. You'll start to see that working with JavaScript in modern browsers can be quite painless, maybe even enjoyable, so let's get started.
Related Courses
-
Productivity Tips for Web Designers
with Sue Jenkins5h 25m Intermediate
-
Introduction
-
Intro1m 19s
-
Challenges37s
-
Compatibility notes1m 22s
-
-
1. JavaScript in Use
-
What Is JavaScript?1m 48s
-
Live examples3m 43s
-
Anti-use Cases1m 31s
-
-
2. Writing and Debugging
-
Our friend, the Text Editor5m 15s
-
Browsers and tools3m 21s
-
Tools in action6m 50s
-
Getting help2m 31s
-
Jargon4m 42s
-
Jargon: The DOM2m 14s
-
-
3. Working with Forms
-
Work with user info4m 16s
-
Text fields6m 38s
-
Select boxes4m 48s
-
Start to validate input5m 5s
-
Disable a field6m 49s
-
Total up a shopping cart8m 34s
-
Explore and fix type errors6m 25s
-
Get and set with innerHTML6m 20s
-
-
4. A Matter of Time
-
Use JS to tell time4m 13s
-
Get pieces of time4m 49s
-
Polish the clock5m 6s
-
Solution: Add the date3m 45s
-
-
5. Using the Google Maps API
-
What is an API?3m 6s
-
Create a map4m 58s
-
Change the center point2m 25s
-
Add a marker3m 8s
-
Add a popup to the marker3m 40s
-
Solution: Modify the map4m 34s
-
-
Conclusion
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Intro