Monthly Subscription Starting at AED 99 + VAT

Building Interactive Web Pages Using Modern JavaScript
  • Level Foundation
  • Duration 26 hours
  • Course by NIIT
  • Offered by

About

Most businesses with a strong online presence wish to provide its consumers a rich interactive user experience. HTML5 and CSS3 frameworks help you build a static web page, that displays content and works on any device. However, to make a page interactive you need a programming language that can be understood by the browsers. JavaScript is one of the core technologies of the World Wide Web. In this course, you will learn to use JavaScript to add behavior to your web pages. You will create web content that is more interactive by adding animations, menus, scrolling text, interactive maps, and other kinds of lively content. All major web browsers have a dedicated JavaScript engine to execute the code on the user's device

Modules

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

1.1 Identify the different datatypes available in JavaScript​

    • 2 Videos
Show info about module content

2 Videos

  • Identify the different datatypes available in JavaScript​
  • Watch and Repeat : Hello World Alert

1.2 Create dynamically typed variables

    • 2 Videos
Show info about module content

2 Videos

  • Create dynamically typed variables
  • Watch and Repeat : JavaScript Datatypes

1.3 Use conditionals in JavaScript

    • 1 Videos
Show info about module content

1 Videos

  • Use conditionals in JavaScript

1.4 Use the loop constructs to perform repetitive tasks​

    • 2 Videos
Show info about module content

2 Videos

  • Use the loop constructs to perform repetitive tasks​
  • Watch and Repeat : Conditional Statements

1.5 Modularize the code by creating functions​

    • 2 Videos
Show info about module content

2 Videos

  • Modularize the code by creating functions​
  • Watch and Repeat : Functions

Practice

    • 2 Videos
    • 1 Readings
    • 1 Programming
Show info about module content

1 Programming

  • Getting started with JavaScript Programs

2 Videos

  • Practice Brief
  • Practice Debrief

1 Readings

  • Instructions to upload the Programming Assignment Solution

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Get Started with JavaScript Routines

1 Videos

  • Learning Consolidation

1 Readings

  • Get Started with JavaScript Routines

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

2.1 Filter, transform and aggregate data using Array functions ​

    • 6 Videos
Show info about module content

6 Videos

  • Filter, transform and aggregate data using Array functions ​
  • Watch and Repeat : Create and Access Array Elements
  • Watch and Repeat : Perform Array Operations
  • Watch and Repeat : Using Array Functions
  • Watch and Repeat : Chaining Array Functions
  • Watch and Repeat : Create Object Using Initializer and Constructor

2.2 Model data using Arrays and Objects​

    • 2 Videos
Show info about module content

2 Videos

  • Model data using Arrays and Objects​
  • Watch and Repeat : Operations on Complex Data Structures

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Resolve impedance mismatch in task board renderer

2 Videos

  • Practice Brief
  • Practice Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Wrangle Data using Objects and Arrays

1 Videos

  • Learning Consolidation

1 Readings

  • Wrangle Data using Objects and Arrays

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

3.1 Select DOM elements

    • 2 Videos
Show info about module content

2 Videos

  • Select DOM elements
  • Watch and Repeat : Understanding Document Object Model

3.2 Manipulate DOM to add dynamic effects

    • 3 Videos
Show info about module content

3 Videos

  • Manipulate DOM to add dynamic effects
  • Watch and Repeat : Perform DOM Manipulation to Retrieve and Remove DOM Elements
  • Watch and Repeat : Perform DOM Manipulation to Modify Styles and Add New Elements

3.3 Create EventHandlers

    • 2 Videos
Show info about module content

2 Videos

  • Create EventHandlers
  • Watch and Repeat : Handling Events 1

3.4 Register and Unregister EventListeners

    • 2 Videos
Show info about module content

2 Videos

  • Register and Unregister EventListeners
  • Watch and Repeat : Handling Events 2

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Theme Changer

2 Videos

  • Practice Brief
  • Practice Debrief

Challenge

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Develop Tic-Tac-Toe Game

2 Videos

  • Challenge Brief
  • Challenge Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Develop Interactive Web Pages using DOM and DOM Events

1 Videos

  • Learning Consolidation

1 Readings

  • Develop Interactive Web Pages using DOM and DOM Events

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

4.1 Perform client-side validations​

    • 1 Videos
Show info about module content

1 Videos

  • Perform client-side validations​

4.2 Communicate errors for invalid inputs​

    • 3 Videos
Show info about module content

3 Videos

  • Communicate errors for invalid inputs​
  • Watch and Repeat : Product Feedback Form
  • Watch and Repeat : Product Feedback Form Toggle Display

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Develop contact form with validation

2 Videos

  • Practice Brief
  • Practice Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Validate User Data using Client Side JavaScript

1 Videos

  • Learning Consolidation

1 Readings

  • Validate User Data using Client Side JavaScript

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

5.1 Make HTTP calls​

    • 2 Videos
Show info about module content

2 Videos

  • Make HTTP calls​
  • Watch and Repeat : Understanding HTTP and HTTP Methods

5.2 Handle HTTP responses

    • 2 Videos
Show info about module content

2 Videos

  • Handle HTTP responses
  • Watch and Repeat : Making HTTP Calls with XHR

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Implement Persistence on Contact form data​

2 Videos

  • Practice Brief
  • Practice Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Interact with Application Servers using HTTP Protocol

1 Videos

  • Learning Consolidation

1 Readings

  • Interact with Application Servers using HTTP Protocol

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

6.1 Use callbacks for asynchronous programming​

    • 2 Videos
Show info about module content

2 Videos

  • Use callbacks for asynchronous programming​
  • Watch and Repeat : Change Background Color Using Callbacks Every 3 Seconds

6.2 Use promises for asynchronous programming

    • 3 Videos
Show info about module content

3 Videos

  • Use promises for asynchronous programming
  • Watch and Repeat : Fetch Currency Exchange Rates Using Promise
  • Watch and Repeat : Fetch Task Board Data Using Callback

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Develop Promise driven HTTP Client

2 Videos

  • Practice Brief
  • Practice Debrief

Challenge

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Develop UI to Fetch and Display Contact Form Data

2 Videos

  • Challenge Brief
  • Challenge Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Build Asynchronous Data Driven Applications Using Promises and Callbacks

1 Videos

  • Learning Consolidation

1 Readings

  • Build Asynchronous Data Driven Applications Using Promises and Callbacks

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

7.1 Create server-side scripts for Node.js

    • 2 Videos
Show info about module content

2 Videos

  • Create server-side scripts for Node.js
  • Watch and Repeat : Create Node.js application

7.2 Write bundling logic for minification

    • 3 Videos
Show info about module content

3 Videos

  • Write bundling logic for minification
  • Watch and Repeat : Minification
  • Watch and Repeat : Bundling using Webpack

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Optimize static assets of contact form application

2 Videos

  • Practice Brief
  • Practice Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Optimize delivery of static assets using JavaScript

1 Videos

  • Learning Consolidation

1 Readings

  • Optimize delivery of static assets using JavaScript

Context Setting

    • 1 Videos
Show info about module content

1 Videos

  • Context Setting

8.1 Apply Behavior Driven Development (BDD) approach

    • 1 Videos
Show info about module content

1 Videos

  • Apply Behavior Driven Development (BDD) approach

8.2 Develop test cases using Jasmine framework for testing

    • 4 Videos
Show info about module content

4 Videos

  • Develop test cases using Jasmine framework for testing
  • Watch and Repeat : Get started with Jasmine
  • Watch and Repeat : Test Basic Calculator Operations
  • Watch and Repeat : Test Feedback Submission

Practice

    • 2 Videos
    • 1 Programming
Show info about module content

1 Programming

  • Develop Test Cases for Contact Form

2 Videos

  • Practice Brief
  • Practice Debrief

Summary

    • 1 Videos
    • 1 Readings
    • 1 Assignment
Show info about module content

1 Assignment

  • Test Web Applications Using JavaScript Testing Frameworks and Libraries

1 Videos

  • Learning Consolidation

1 Readings

  • Test Web Applications Using JavaScript Testing Frameworks and Libraries

Auto Summary

"Building Interactive Web Pages Using Modern JavaScript" is an engaging course designed for those looking to enhance their web development skills by bringing interactivity to their web pages. Offered by Coursera, this foundational course falls under the IT & Computer Science domain and is perfect for beginners who wish to dive into the dynamic world of JavaScript. Led by experienced instructors, the course covers the essentials of JavaScript, a core technology of the World Wide Web, crucial for creating responsive and engaging user experiences. Throughout the course, learners will master the art of adding dynamic elements such as animations, menus, scrolling text, and interactive maps to their web pages, ensuring that they can provide a rich, interactive experience for users on any device. Spanning a comprehensive duration of 1560 minutes, the course offers flexible learning with two subscription options: Starter and Professional. These plans cater to different levels of commitment and access needs, making it a suitable choice for anyone eager to start their journey in modern web development. Whether you have a basic understanding of HTML5 and CSS3 or are entirely new to programming, this course will equip you with the skills needed to make your web content come alive.

NIIT
Instructor

NIIT