2013
Lynda
Joe Chellman
2:57
English

Web designers can significantly expand their skill set and job prospects by getting comfortable with JavaScript. It allows you to do things with your websites that would be impossible with HTML and CSS alone. Learn some basic, real-world uses for JavaScript in this course with Joe Chellman. You'll find out how to work with JavaScript in the browser and in a code editor, add JavaScript to a form, read data from that form, and check input for errors. Plus, learn how to transform a long, scrolling page into a smart and stylish tabbed interface and add interactive content through APIs like Google Maps.

Introduction 3m 25s
Welcome 1m 0s
What you should know 46s
Using the exercise files 41s
Compatibility notes 58s
1. JavaScript in Use 6m 31s
What is JavaScript? 1m 36s
Live JavaScript examples 3m 16s
When not to use JavaScript 1m 39s
2. Writing and Debugging 22m 34s
Exploring text editors and browsers 3m 45s
Understanding the console and inspectors 4m 7s
Using a JavaScript console 5m 29s
Getting help with JavaScript 2m 21s
JavaScript jargon 4m 35s
JavaScript jargon: The Document Object Model (DOM) 2m 17s
3. Using JavaScript with HTML Forms 1h 7m
Using information entered by the user 3m 51s
Getting and setting the value of a text field 6m 42s
Getting the value of a select box 2m 58s
Getting the value of radio buttons 5m 13s
Getting the value of checkboxes 2m 26s
Changing the behavior of the submit button 6m 8s
Making sure the form is filled in 5m 54s
Working with user input 6m 23s
Using input values in calculations 9m 24s
Exploring and fixing type errors 6m 27s
Getting and setting text with innerHTML 7m 20s
Challenge: Add and use more fields 1m 6s
Solution: Add and use more fields 3m 53s
4. Creating Navigation Tabs with JavaScript 39m 37s
Create navigation tabs with HTML and CSS 2m 45s
Going from markup to tabs 5m 38s
Making the tabs clickable 6m 32s
Making the tabs activate 7m 11s
Making the tabs switch correctly 3m 11s
Challenge: Simplifying the code 1m 22s
Solution: Simplifying the code 4m 44s
Using event delegation to simplify your code further 8m 14s
5. Using the Google Maps API 34m 35s
What is an API, and what does it do? 3m 7s
Creating a simple map 6m 44s
Changing the map's center point 3m 43s
Changing the map type and zoom level 8m 18s
Adding a marker to the map 3m 10s
Adding a pop-up info window to the marker 4m 51s
Challenge: Modifying the map 1m 4s
Solution: Modifying the map 3m 38s
Conclusion 3m 25s
What's next: More JavaScript 1m 13s
What's next: jQuery 46s
What's next: Other libraries 1m 26s

http://www.lynda.com/

Download File Size:564.51 MB

---