Modern JavaScript Tooling, Modules, and Backend Integration
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Modern JavaScript Tooling, Modules, and Backend Integration
This course is part of Modern JavaScript from The Beginning [Second Edition] Specialization
Included with
Recommended experience
Recommended experience
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
See how employees at top companies are mastering in-demand skills
Build your subject-matter expertise
- 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 assignment
15 videos•Total 109 minutes
- Project Introduction•2 minutes
- What Are Modules?•7 minutes
- Installing and Using Node.js•6 minutes
- CommonJS Modules•9 minutes
- NPM Packages/Modules•11 minutes
- ES Modules•8 minutes
- Module Bundlers•6 minutes
- Webpack Basic Setup•11 minutes
- CSS and Style Loaders•5 minutes
- HTML Webpack Plugin•8 minutes
- Webpack DevServer Plugin•5 minutes
- Babel Setup•5 minutes
- CSS Minify Extract Plugin•3 minutes
- Tracalorie Refactor to Use Webpack•17 minutes
- Deploy Tracalorie to Netlify•5 minutes
2 readings•Total 20 minutes
- Introduction to the Course 'Modern JavaScript Tooling, Modules, and Backend Integration'•10 minutes
- Full Specialization Resources•10 minutes
1 assignment•Total 15 minutes
- Modules and Tooling - Assessment•15 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 assignment
11 videos•Total 106 minutes
- Section Introduction•1 minute
- Symbols•10 minutes
- Iterators•9 minutes
- Generators•5 minutes
- Profile Scroller Project•8 minutes
- Sets•5 minutes
- Maps•6 minutes
- Poll Project•12 minutes
- Stacks•14 minutes
- Queues•9 minutes
- Linked Lists•25 minutes
1 assignment•Total 15 minutes
- Iterators, Generators, and Data Structures - Assessment•15 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 assignment
10 videos•Total 95 minutes
- Introduction and What Are Algorithms?•3 minutes
- What Is Unit Testing?•3 minutes
- Getting Started with Jest•6 minutes
- Grouping Tests Together•11 minutes
- Reverse String Algorithm•10 minutes
- Palindrome Algorithm•10 minutes
- Array Chunking•6 minutes
- Anagram Algorithm•12 minutes
- Get Elements by Tag - jsdom•18 minutes
- Has Duplicate IDs - jsdom•16 minutes
1 assignment•Total 15 minutes
- Unit Testing Algorithms - Assessment•15 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 assignment
6 videos•Total 61 minutes
- Section Intro•2 minutes
- fs (filesystem) Module•14 minutes
- path Module•8 minutes
- os Module•11 minutes
- url and querystring Modules•7 minutes
- http Module•18 minutes
1 assignment•Total 15 minutes
- Node.js Modules (Bonus Module) - Assessment•15 minutes
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 assignment
10 videos•Total 81 minutes
- Section Introduction•4 minutes
- Express Setup and Basic API•16 minutes
- Nodemon and Route Clean-Up•6 minutes
- Handle POST Requests - Add Idea•8 minutes
- PUT and DELETE Requests - Update and Remove Ideas•6 minutes
- What Is MongoDB?•5 minutes
- MongoDB Atlas Setup•6 minutes
- Mongoose Connect and Dotenv•9 minutes
- Mongoose Schema and Model•6 minutes
- Database Queries•15 minutes
1 assignment•Total 15 minutes
- RandomIdeas Project - Backend REST API (Bonus Project) - Assessment•15 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 videos•Total 99 minutes
- Fullstack Workflow•3 minutes
- Client Folder Setup•9 minutes
- Modal Component•9 minutes
- IdeaForm Component•12 minutes
- IdeaList Component•12 minutes
- API Service - Fetch Ideas•12 minutes
- Create Idea through Form•7 minutes
- Save Username to Local Storage•5 minutes
- Add Username Validation to Server•7 minutes
- Delete Ideas•13 minutes
- Deploying a Fullstack App•9 minutes
1 reading•Total 10 minutes
- Conclusion to the Course 'Modern JavaScript Tooling, Modules, and Backend Integration'•10 minutes
3 assignments•Total 90 minutes
- Full Course Practice Assessment•15 minutes
- RandomIdeas Project - Webpack Frontend (Bonus Project) - Assessment•15 minutes
- Full Course Assessment•60 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
Explore more from Mobile and Web Development
Course
Why people choose Coursera for their career
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.
More questions
Financial aid available,