MyPage is a personalized page based on your interests.The page is customized to help you to find content that matters you the most.

I'm not curious

JavaScript for Web Designers

Course Summary

Learn how to add functionality to your websites not possible with HTML and CSS alone, with JavaScript and these practical programming techniques.       

  • +

    Course Syllabus

       What you should know
       Using the exercise files
       Compatibility notes
    1. JavaScript in Use
       What is JavaScript?
       Live JavaScript examples
       When not to use JavaScript
    2. Writing and Debugging
       Exploring text editors and browsers
       Understanding the console and inspectors
       Using a JavaScript console
       Getting help with JavaScript
       JavaScript jargon
       JavaScript jargon: The Document Object Model (DOM)
    3. Using JavaScript with HTML Forms
       Using information entered by the user
       Getting and setting the value of a text field
       Getting the value of a select box
       Getting the value of radio buttons
       Getting the value of checkboxes
       Changing the behavior of the submit button
       Making sure the form is filled in
       Working with user input
       Using input values in calculations
       Exploring and fixing type errors
       Getting and setting text with innerHTML
       Challenge: Add and use more fields
       Solution: Add and use more fields
    4. Creating Navigation Tabs with JavaScript
       Create navigation tabs with HTML and CSS
       Going from markup to tabs
       Making the tabs clickable
       Making the tabs activate
       Making the tabs switch correctly
       Challenge: Simplifying the code
       Solution: Simplifying the code
       Using event delegation to simplify your code further
    5. Using the Google Maps API
       What is an API, and what does it do?
       Creating a simple map
       Changing the map's center point
       Changing the map type and zoom level
       Adding a marker to the map
       Adding a pop-up info window to the marker
       Challenge: Modifying the map
       Solution: Modifying the map
       What's next: More JavaScript
       What's next: jQuery
       What's next: Other libraries


Course Fee:
USD 25

Course Type:


Course Status:



3 - 4 hours / week

This course is listed under Development & Implementations , Digital Media & Games and Mobility Community

Attended this course?

Back to Top

Awards & Accolades for MyTechLogy
Winner of
Top 100 Asia
Finalist at SiTF Awards 2014 under the category Best Social & Community Product
Finalist at HR Vendor of the Year 2015 Awards under the category Best Learning Management System
Finalist at HR Vendor of the Year 2015 Awards under the category Best Talent Management Software
Hidden Image Url

Back to Top