Modern JavaScript Tooling, Modules, and Backend Integration

Heat up your career with 40% off top courses from Google, Adobe, and more. Save today.

Modern JavaScript Tooling, Modules, and Backend Integration

This course is part of Modern JavaScript from The Beginning [Second Edition] Specialization

Instructor: Packt - Course Instructors

Included with Coursera Plus

Learn more

6 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

13 hours to complete

3 weeks at 4 hours a week

Flexible schedule

Learn at your own pace

6 modules

Gain insight into a topic and learn the fundamentals.

Beginner level

Recommended experience

13 hours to complete

3 weeks at 4 hours a week

Flexible schedule

Learn at your own pace

What you'll learn

Understand how JavaScript modules help organize and maintain code effectively.
Set up Webpack to bundle JavaScript and manage assets like CSS and images.
Use Node.js and Express to create backend APIs and connect with MongoDB.
Implement a full-stack application using a combination of frontend and backend tools like Webpack, Node.js, and MongoDB.

Skills you'll gain

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 Modern JavaScript from The Beginning [Second Edition] 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 6 modules in this course

Updated in May 2025.

This course now features Coursera Coach! A smarter way to learn with interactive, real-time conversations that help you test your knowledge, challenge assumptions, and deepen your understanding as you progress through the course. In this course, you’ll learn to master modern JavaScript tooling, modules, and backend integration. By the end, you'll be able to efficiently organize your code using JavaScript modules, both CommonJS and ES Modules, and leverage tools like Node.js, NPM, and Webpack. You'll also gain hands-on experience in setting up backend APIs with Node.js and Express, integrating MongoDB, and deploying full-stack applications. The course empowers you to enhance your development workflow, optimize production code, and build complex applications that span both frontend and backend. Your journey begins with understanding JavaScript modules and their role in code organization and maintainability. You will dive into the basics of Node.js and NPM, learning to install packages and manage dependencies. As you progress, you’ll explore Webpack as a module bundler, configuring it to optimize your code and improve site performance. Additionally, you'll learn to use Babel for transpiling modern JavaScript for compatibility across browsers. The practical experience culminates in building and deploying a full-stack application, integrating both backend and frontend tools. The course continues by introducing real-world development practices, such as integrating MongoDB and Mongoose for data storage, creating a RESTful API, and handling HTTP requests. You’ll also explore the process of deploying your applications on platforms like Netlify, ensuring your projects are accessible to users worldwide. By the end of this course, you'll have a strong foundation in both frontend and backend integration, as well as the tools needed for efficient development and deployment. This course is ideal for developers with a basic understanding of JavaScript who are looking to take their full-stack development skills to the next level. Prior experience with web development concepts and the command line is recommended.

In this module, we will dive into the concept of JavaScript modules and explore their role in organizing and maintaining code. We will also cover key tools like Node.js, NPM packages, and bundlers such as Webpack, helping you streamline your development process and optimize code for production. You'll learn the practical steps to set up these tools in your projects.

What's included

15 videos2 readings1 assignment1 plugin

15 videosTotal 108 minutes

Project Introduction2 minutesPreview module
What Are Modules?7 minutes
Installing and Using Node.js6 minutes
CommonJS Modules9 minutes
NPM Packages/Modules11 minutes
ES Modules7 minutes
Module Bundlers5 minutes
Webpack Basic Setup11 minutes
CSS and Style Loaders4 minutes
HTML Webpack Plugin8 minutes
Webpack DevServer Plugin4 minutes
Babel Setup5 minutes
CSS Minify Extract Plugin3 minutes
Tracalorie Refactor to Use Webpack16 minutes
Deploy Tracalorie to Netlify4 minutes

2 readingsTotal 20 minutes

Introduction to the Course 'Modern JavaScript Tooling, Modules, and Backend Integration'10 minutes
Full Specialization Resources10 minutes

1 assignmentTotal 15 minutes

Modules and Tooling - Assessment15 minutes

1 pluginTotal 15 minutes

Introduction to JavaScript Modules and Webpack Basics15 minutes

In this module, we will explore key JavaScript data structures, such as arrays, sets, and maps, and delve into iterators and generators. These concepts will allow you to manage and manipulate data efficiently. By the end of this module, you'll be able to leverage these tools to write more effective and scalable code in your projects.

What's included

11 videos1 assignment1 plugin

11 videosTotal 105 minutes

Section Introduction1 minutePreview module
Symbols10 minutes
Iterators9 minutes
Generators5 minutes
Profile Scroller Project7 minutes
Sets5 minutes
Maps6 minutes
Poll Project12 minutes
Stacks13 minutes
Queues8 minutes
Linked Lists25 minutes

1 assignmentTotal 15 minutes

Iterators, Generators, and Data Structures - Assessment15 minutes

1 pluginTotal 15 minutes

Exploring Iterators and Custom Data Structures in JavaScript15 minutes

In this module, we will dive into unit testing for algorithms, using Jest to ensure our code works as expected. You'll gain hands-on experience writing tests for algorithms such as reversing strings, checking for palindromes, and chunking arrays. This module is designed to help you develop more robust and maintainable code through automated testing.

What's included

10 videos1 assignment1 plugin

10 videosTotal 95 minutes

Introduction and What Are Algorithms?2 minutesPreview module
What Is Unit Testing?3 minutes
Getting Started with Jest5 minutes
Grouping Tests Together10 minutes
Reverse String Algorithm9 minutes
Palindrome Algorithm10 minutes
Array Chunking6 minutes
Anagram Algorithm12 minutes
Get Elements by Tag - jsdom17 minutes
Has Duplicate IDs - jsdom15 minutes

1 assignmentTotal 15 minutes

Unit Testing Algorithms - Assessment15 minutes

1 pluginTotal 15 minutes

Building and Testing Algorithms with JavaScript15 minutes

In this bonus module, we will explore the built-in Node.js modules and how to use them effectively. Topics will include working with files, directories, HTTP requests, and creating custom modules. By the end of the section, you’ll have the skills to integrate Node.js modules seamlessly into your backend projects.

What's included

6 videos1 assignment1 plugin

In this bonus module, we will build a RESTful backend API for the RandomIdeas platform using Node.js, Express, and MongoDB. You’ll learn how to handle HTTP requests, perform CRUD operations with a database, and deploy your API to the cloud. This hands-on project will strengthen your backend development skills.

What's included

10 videos1 assignment1 plugin

10 videosTotal 81 minutes

Section Introduction3 minutesPreview module
Express Setup and Basic API16 minutes
Nodemon and Route Clean-Up6 minutes
Handle POST Requests - Add Idea8 minutes
PUT and DELETE Requests - Update and Remove Ideas6 minutes
What Is MongoDB?4 minutes
MongoDB Atlas Setup5 minutes
Mongoose Connect and Dotenv8 minutes
Mongoose Schema and Model5 minutes
Database Queries15 minutes

1 assignmentTotal 15 minutes

RandomIdeas Project - Backend REST API (Bonus Project) - Assessment15 minutes

1 pluginTotal 15 minutes

Building a RESTful API with Express and Mongoose15 minutes

In this bonus module, we will build the frontend for the RandomIdeas platform using Webpack. You will learn how to set up Webpack for bundling, optimize your development workflow, and connect your frontend to the backend API. By the end of the module, you’ll have a complete full-stack web application.

What's included

11 videos1 reading3 assignments

11 videosTotal 98 minutes

Fullstack Workflow3 minutesPreview module
Client Folder Setup9 minutes
Modal Component8 minutes
IdeaForm Component12 minutes
IdeaList Component12 minutes
API Service - Fetch Ideas12 minutes
Create Idea through Form7 minutes
Save Username to Local Storage5 minutes
Add Username Validation to Server7 minutes
Delete Ideas13 minutes
Deploying a Fullstack App8 minutes

1 readingTotal 10 minutes

Conclusion to the Course 'Modern JavaScript Tooling, Modules, and Backend Integration'10 minutes

3 assignmentsTotal 90 minutes

RandomIdeas Project - Webpack Frontend (Bonus Project) - Assessment15 minutes
Full Course Assessment60 minutes
Full Course Practice Assessment15 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

Packt - Course Instructors

Packt

752 Courses149,268 learners

Offered by

Packt

Explore more from Mobile and Web Development

Status: Free Trial
IBM
IBM Back-end JavaScript Developer
Professional Certificate
Status: Free Trial
EDUCBA
NodeJS Unleashed: Mastering Backend Development
Course
Status: Free Trial
IBM
JavaScript Programming Essentials
Course
Status: Free Trial
IBM
IBM Full-Stack JavaScript Developer
Professional Certificate

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."

Open new doors with Coursera Plus

Unlimited access to 10,000+ world-class courses, hands-on projects, and job-ready certificate programs - all included in your subscription

Learn more

Advance your career with an online degree

Earn a degree from world-class universities - 100% online

Explore degrees

Join over 3,400 global companies that choose Coursera for Business

Upskill your employees to excel in the digital economy

Learn more

Frequently asked questions

Yes, you can preview the first video and view the syllabus before you enroll. You must purchase the course to access content not included in the preview.

If you decide to enroll in the course before the session start date, you will have access to all of the lecture videos and readings for the course. You’ll be able to submit assignments once the session starts.

Once you enroll and your session begins, you will have access to all videos and other resources, including reading items and the course discussion forum. You’ll be able to view and submit practice assessments, and complete required graded assignments to earn a grade and a Course Certificate.