Join Joe Chellman for an in-depth discussion in this video Browsers and tools, part of JavaScript for Web Designers.
- [Voiceover] Now let's talk about the other essential tools…when working with JavaScript, which is your web browser…and the Inspector tools that are built…into your web browser.…For now, you can just pick one.…I'm going to give you some of the options…that are available, but you don't have to sweat the choice.…Just start out by getting familiar with one…and seeing how you like it, and if you find deficiencies…there you can move on and try one of the others.…So first up, if you're using Google Chrome,…the Dev Tools are built in and all you need to do…to access them is go to the View Menu,…Developer, and turn on the Developer Tools.…
You can go straight to the JavaScript Console, if you like,…and they'll pop up.…In the current version, you have some Settings…in this little three-dot menu.…I currently have these set up to dock…on the right side of the window.…Usually, by default, they'll pop up at the bottom.…And you can bring them out into their own window as well.…If you're interested in seeing what's happening…
Author
Released
8/13/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
Related Courses
-
GitHub for Web Designers
with James Williamson3h 56m Intermediate -
Learning the JavaScript Language
with Joe Chellman2h 55m Beginner -
Productivity Tips for Web Designers
with Sue Jenkins5h 25m Appropriate for all
-
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 map7m 18s
-
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: Browsers and tools