Building Interactive Web Pages Using Modern JavaScript (Coursera)

Offered by NIIT StackRoute,
Building Interactive Web Pages Using Modern JavaScript (Coursera)

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.

Class Deals by MOOC List - Click here and see Coursera's Active Discounts, Deals, and Promo Codes.

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

What You Will Learn:
Build interactive, optimized, and testable web applications using JavaScript

Syllabus

WEEK 1
Get Started with JavaScript Routines
JavaScript is a versatile language to build both frontend and backend applications. In this learning sprint you will learn about dynamic typing, loops, conditional statements and functions .

WEEK 2
Wrangle Data using Objects and Arrays
Most of the data exchanged between Client and Server these days is JSON. JSON can contain arrays, objects or a combination of them. In this learning sprint you will learn to structure data using Objects and Array and also apply transformations using Array Methods.

WEEK 3
Develop Interactive Web Pages using DOM and DOM Events
Interactive Web Pages provide great User Experience. They just don't respond to user's interactions but also keeps them engaged and coming back for more. JavaScript is the way to build interactive Web Pages. In this learning sprint you will learn to add interactivity by understanding about DOM and DOM Events.

WEEK 4
Validate User Data using Client Side JavaScript
JavaScript can help you saving lot of network bandwidth by preempting server validation and performing client side validation. In this learning sprint you will learn to validate users data using client side JavaScript.

WEEK 5
Interact with Application Servers using HTTP Protocol
One of most popular protocols used for exchange of information is HTTP. Browsers and Application Servers exchange information using HTTP Protocol. In this learning sprint you will learn about HTTP, HTTP Methods and how do we exchange information with Application Servers.

WEEK 6
Build Asynchronous Data Driven Applications Using Promises and Callbacks

WEEK 7
Optimize Delivery of Static Assets using JavaScript
Static resources like JS, CSS, images usually take large share of network bandwidth causing slow and unresponsive user experience. In this learning sprint you will learn to optimize static assets which is faster and responsive user experience.

WEEK 8
Test web applications using JavaScript testing frameworks and libraries
Producing top quality products requires rigorous testing. Web isn't an exception. In this learning sprint you will learn to think and write test cases using JavaScript Libraries to test your Web Application.

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera) Coursera
The State University of New York

How To Create a Website in a Weekend! (Project-Centered Course) (Coursera)

In this project-centered course*, you’ll design, build, and publish a basic website that incorporates text, sound, images, hyperlinks, plug-ins, and social media interactivity. We’ll provide you with step-by-step instructions, exercises, tips, and tools that enable you to set up a domain name, create an attractive layout for your pages, organize your content properly, ensure that your site functions well across different operating systems and on mobile devices, keep your site safe, and finally, let people know your site is online. We’ll even show you how to track your visitors.

Sep 28th 2026
3 Weeks
Deploy a website to Azure with Azure App Service (Coursera) Coursera
Microsoft

Deploy a website to Azure with Azure App Service (Coursera)

In this course, you will see how web apps in Azure allow you to publish and manage your website easily without having to work with the underlying servers, storage, or network assets. Instead, you can focus on your website features and rely on the robust Azure platform to provide secure access to your site. You will see how Azure App Service enables you to build and host web applications in the programming language of your choice without managing infrastructure. You will also learn how to create a website through the hosted web app platform in Azure App Service.

Sep 28th 2026
5-12 Weeks
Build LLM Apps with LangChain.js (Coursera) Coursera
DeepLearning.AI

Build LLM Apps with LangChain.js (Coursera)

JavaScript is the world’s most popular programming language, and now developers can program in JavaScript to build powerful LLM apps. This course will show webdevs how to expand their toolkits with LangChain.js, a popular JavaScript framework for building with LLMs, and will cover useful concepts for creating powerful, context-aware applications.

Oct 5th 2026
1 Week
Programming and Application Foundations (Coursera) Coursera
Illinois Tech

Programming and Application Foundations (Coursera)

This course introduces the students to the creation and deployment of modern, standards-compliant web pages written in HTML, CSS, and JavaScript in the context of the client-server architecture of the web. The course also covers the fundamentals of programming in a modern programming language, basic data modeling, database design, implementation, and administration of single-user and shared multi-user database applications using a contemporary relational database management system.

Oct 5th 2026
5-12 Weeks
Computational Thinking with Javascript 1: Draw & Animate (Coursera) Coursera
University of Glasgow

Computational Thinking with Javascript 1: Draw & Animate (Coursera)

This is the first course in a sequence of four courses that develops essential 21st century computational thinking (CT) skills using the popular JavaScript language as a vehicle. At the end of this first course you will: know a framework for CT to help you learn about it and work with others; be developing your CT skills so that you can more easily work with digital technology of all kinds; be able to read and write programs in JavaScript that involve drawing and animation, using a specialised library; and post your creations on the web so that others can appreciate your skills.

Sep 28th 2026
4 Weeks
Introduction to ES6+ (Coursera) Coursera
Scrimba

Introduction to ES6+ (Coursera)

Introduction to ES6+ covers modern JavaScript features, specifically ES6 and newer ECMAScript versions. JavaScript, a widely used programming language in various domains, is essential for developers aiming to stay relevant across web applications, servers, mobile, and IoT devices. Developers who are already familiar with JavaScript will be able to update their skills and broaden their knowledge in this tiny but mighty course.

Oct 5th 2026
1 Week
Computational Thinking with JavaScript 3:Organise & Interact (Coursera) Coursera
University of Glasgow

Computational Thinking with JavaScript 3:Organise & Interact (Coursera)

This third course in the Computational Thinking with JavaScript specialization applies your developing JavaScript skills learned in the first two courses to the world of the web. You will learn how HTML and JavaScript together support the web pages with which we are so familiar, and develop skills so that you can create your own. As well as text presentation, at the heart of HTML, you will learn how to develop interactive, animated graphics, using JavaScript to dynamically add, remove and adjust the HTML objects on the screen.

Sep 28th 2026
4 Weeks
The Full Stack (Coursera) Coursera
Meta

The Full Stack (Coursera)

As you prepare for your role in back-end development, practice bringing together multiple skills to build a full-stack Django app. You’ll start by setting up an environment for a local practical project, and refactoring the front and back-ends of an existing application. You will then have the opportunity to create the front and back-ends of a new application using your full-stack developer skills.

Sep 28th 2026
5-12 Weeks
Frontend Development using Angular (Coursera) Coursera
Board Infinity

Frontend Development using Angular (Coursera)

This course is tailored for those interested in web development, and it will equip you with the skills and knowledge needed to become proficient in Angular. In the first module, Introduction to HTML & CSS, you'll explore the foundational principles of HTML and CSS, vital for creating web pages. You'll learn how to structure an HTML document and use CSS to stylize your web page's layout.

Sep 28th 2026
3 Weeks
HTML, CSS, and Javascript for Web Developers (Coursera) Coursera
Johns Hopkins University

HTML, CSS, and Javascript for Web Developers (Coursera)

Do you realize that the only functionality of a web application that the user directly interacts with is through the web page? Implement it poorly and, to the user, the server-side becomes irrelevant! Today’s user expects a lot out of the web page: it has to load fast, expose the desired service, and be comfortable to view on all devices: from a desktop computers to tablets and mobile phones. In this course, we will learn the basic tools that every web page coder needs to know. We will start from the ground up by learning how to implement modern web pages with HTML and CSS.

Sep 29th 2026
5-12 Weeks