Course Overview:

This course focuses on using JavaScript to implement
programming logic, define and use variables, perform looping and branching,
capture and validate user input, events, store data and create well-structured
application. Participants in this course will also get to know and use some of the
JavaScript popular libraries.

Course Description:

This course will be conducted with interactive lectures,
demonstration, discussion and more practical exercises.

Learning Objective:

  • Add interactivity to an HTML5 page by using JavaScript.
  • Create well-structured and easy to maintain JavaScript code.
  • Learn how to set form validation.
  • Enhance the user experience by adding animations to an HTML5 page.

Duration: 24 hrs.

Pre-requisite: HTML5 and CSS3

Target Audience:

This course is intended for students who have background
knowledge in HTML and CSS. Developers who have more than 5 years
programming experience may find portion of this training are fundamental in nature
when presenting syntax associated with certain programming task. For aspiring web
developers, even if they are new in JavaScript.

Learning Benefit:

  • This course helps students gain JavaScript programming skills.
  • Create your own interactive and dynamic website.
  • Participant will be able to create user-friendly online forms.
  • Be a front-end web developer.

Course Outline:

  1. Core Javascript Syntax
  2. Variables
  3. Types and Objects
  4. Using the browser console
  5. Programming Logic
    • Decision Control Structures and Repetition Control Structures
  6. Array
    • Declare and Manipulate Arrays
  7. Functions
    • Utilizing built-in functions
    • User-defined function
  8. Date and Time
    • Display Date
    • Display Time
  9. Document Object Model
    • Accessing DOM
    • Changing DOM
    • Creating DOM
  10. Smarter Form
    • How to Access and Manipulate Forms
    • Enhancing forms with Javascript
    • How to Validate Form Entries
  11. Event Handling
    • Handling Onload
    • Handling Onclick
    • Handling ondblclick
    • Handling Key Events
  12. Debugging Javascript
  13. Javascript Best Practices
  14. Intro to JQuery and some of the popular Javascript libraries.