JavaScript Web Application Development Projects

Build in-demand skills with a full year of Coursera Plus, now $239. Save now.

JavaScript Web Application Development Projects

This course is part of JavaScript Web Apps, Charts and Mapping Specialization

Instructor: TSV Learning

Included with Learn more

4 modules

Gain insight into a topic and learn the fundamentals.

8 hours to complete

Flexible schedule

Learn at your own pace

4 modules

Gain insight into a topic and learn the fundamentals.

8 hours to complete

Flexible schedule

Learn at your own pace

What you'll learn

Apply JavaScript fundamentals, event handling, and DOM manipulation to create interactive web pages.
Build login forms and shopping carts using JavaScript functions, arrays, objects, validation, and localStorage.
Develop interactive shopping cart interfaces and JavaScript quizzes with dynamic updates, answer validation, and progress tracking.

Skills you'll gain

Tools you'll learn

Details to know

Shareable certificate

Add to your LinkedIn profile

See how employees at top companies are mastering in-demand skills

Learn more about Coursera for Business

logos of Petrobras, TATA, Danone, Capgemini, P&G and L'Oreal

Build your subject-matter expertise

This course is part of the JavaScript Web Apps, Charts and Mapping Specialization

When you enroll in this course, you'll also be enrolled in this Specialization.

Learn new concepts from industry experts
Gain a foundational understanding of a subject or tool
Develop job-relevant skills with hands-on projects
Earn a shareable career certificate

There are 4 modules in this course

Build practical JavaScript web applications through hands-on projects that turn core programming concepts into interactive browser experiences. You'll create login forms, shopping carts, and quizzes while learning how client-side JavaScript works with HTML and the DOM.

Designed for learners with basic HTML familiarity, this course introduces browser compatibility, event handling, DOM manipulation, CSS styling, variables, operators, and control flow. You'll connect form inputs to JavaScript functions, validate submitted login credentials, and structure shopping cart data using arrays and objects. Develop cart features to add and remove items, prevent duplicates, calculate totals, and keep displayed information up to date. Learn to save and restore cart data with localStorage, render item details and prices, and create item, price, and quantity inputs. You'll also build an interactive JavaScript quiz that displays questions, checks answers, and tracks completion. What sets this course apart is its project-based progression from JavaScript fundamentals to working browser interfaces. Enroll to practice combining event-driven logic, data handling, and DOM updates in reusable application patterns.

Build a foundation in client-side JavaScript, browser compatibility, event handling, DOM updates, CSS style properties, variables, operators, and conditional or iterative logic.

What's included

6 videos4 assignments

6 videosTotal 28 minutes

Introduction to Client-Side JavaScript5 minutes
JavaScript Features and Browser Compatibility5 minutes
Fundamentals of Event-Driven Programming6 minutes
Accessing and Modifying DOM Elements4 minutes
JavaScript Style Properties and Variables5 minutes
JavaScript Operators and Control Structures4 minutes

4 assignmentsTotal 60 minutes

JavaScript Fundamentals and Browser Interactivity30 minutes
Introduction to JavaScript and Browser Compatibility10 minutes
Event-Driven Programming and DOM Manipulation10 minutes
JavaScript Styling, Variables, and Logic10 minutes

Construct a JavaScript login form with input handling and credential checks, then establish shopping cart data structures using arrays, objects, and reusable functions.

What's included

6 videos4 assignments

6 videosTotal 38 minutes

Setting Up the Login Page6 minutes
Implementing JavaScript Login Form Functions4 minutes
Validating Login Form Credentials8 minutes
Building Shopping Cart with Arrays7 minutes
Using JavaScript Arrays and Objects7 minutes
Creating Functions with Parameters5 minutes

4 assignmentsTotal 60 minutes

Building Login Forms and Shopping Cart Foundations30 minutes
Creating JavaScript Login Forms10 minutes
Login Validation and Shopping Cart Basics10 minutes
Working with Objects, Arrays, and Functions10 minutes

Develop shopping cart operations for validation, adding and removing items, duplicate prevention, total calculations, and persistence through browser local storage.

What's included

8 videos4 assignments

8 videosTotal 46 minutes

JavaScript Fundamentals and Form Validation5 minutes
Adding Items and Preventing Duplicates8 minutes
Removing Individual Shopping Cart Items4 minutes
Clearing Cart and Calculating Totals5 minutes
Managing Shopping Cart Data8 minutes
Saving Shopping Cart to Local Storage6 minutes
Retrieving Cart from Local Storage4 minutes
Building the Cart Display Function5 minutes

4 assignmentsTotal 60 minutes

Developing Shopping Cart Logic and Persistence30 minutes
Form Validation and Cart Item Management10 minutes
Cart Calculations and Data Handling10 minutes
Persisting and Retrieving Shopping Cart Data10 minutes

Render cart item details, prices, and deletion controls; create price and quantity inputs; and build a JavaScript quiz with question display, answer validation, and progress tracking.

What's included

8 videos4 assignments

8 videosTotal 50 minutes

Rendering Cart Items and Prices5 minutes
Implementing Cart Deletion Controls8 minutes
Creating Shopping Cart Input Fields6 minutes
Designing Item Price and Quantity Inputs6 minutes
Developing an Interactive JavaScript Quiz7 minutes
Displaying Quiz Questions and Answers7 minutes
Implementing Quiz Answer Validation6 minutes
Managing Quiz Progress and Completion5 minutes

4 assignmentsTotal 60 minutes

Building Interactive Cart Interfaces and Quizzes30 minutes
Rendering Cart Items and Managing Deletion10 minutes
Designing Shopping Cart Inputs10 minutes
Developing an Interactive JavaScript Quiz10 minutes

Earn a career certificate

Add this credential to your LinkedIn profile, resume, or CV. Share it on social media and in your performance review.

Instructor

TSV Learning

The Skill Valley

152 Courses1,129 learners

Offered by

The Skill Valley

Explore more from Mobile and Web Development

Packt
JavaScript for Dynamic Web Development
Course
University of Michigan
Building Interactive Web Applications with JavaScript
Course
Board Infinity
JavaScript for Web Development
Course
The Hong Kong University of Science and Technology
Learning HTML, CSS and JavaScript through Game Development
Course

Why people choose Coursera for their career

Felipe M.

Learner since 2018

"To be able to take courses at my own pace and rhythm has been an amazing experience. I can learn whenever it fits my schedule and mood."

Jennifer J.

Learner since 2020

"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."

Larry W.

Learner since 2021

"When I need courses on topics that my university doesn't offer, Coursera is one of the best places to go."

Chaitanya A.

"Learning isn't just about being better at your job: it's so much more than that. Coursera allows me to learn without limits."

What brings you to Coursera today?

Start my career

Change my career

Grow in my current role

Explore topics outside of work

Give yourself skills that last, now $239
Save now
Gift your team new skills
Save 40% now

Frequently asked questions

To access course materials, assignments, and earn a Certificate, you'll need to purchase the Certificate experience when you enroll in a course. Eligible learners may also have the option to start with a Free Trial. Some courses may also offer a Full Course, No Certificate option. This lets you access course materials, submit required assessments, and receive a final grade, but you won't be able to earn or purchase a Certificate.

When you enroll in the course, you get access to all of the courses in the Specialization, and you earn a certificate when you complete the work. Your electronic Certificate will be added to your Accomplishments page - from there, you can print your Certificate or add it to your LinkedIn profile.

Yes. In select learning programs, you can apply for financial aid or a scholarship if you can’t afford the enrollment fee. If fin aid or scholarship is available for your learning program selection, you’ll find a link to apply on the description page.