Advanced JavaScript & Full-Stack Concepts
Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.
Advanced JavaScript & Full-Stack Concepts
This course is part of JavaScript Masterclass - Zero To Job Ready With 10 Projects Specialization
Included with
Learn more
Recommended experience
Recommended experience
What you'll learn
Master asynchronous JavaScript, including callbacks, promises, and async/await.
Learn to work with real-world APIs and manage data using JSON.
Build and deploy full-stack projects using Firebase and Netlify.
Understand and implement Webpack and Babel to optimize JavaScript code.
Skills you'll gain
Details to know
10 assignments
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 9 modules in this course
This course 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 advanced JavaScript and full-stack development course, you will dive deep into complex JavaScript concepts such as asynchronous programming, Promises, and async/await. Learn how to leverage APIs and JSON data to build interactive, real-world applications. You will also gain hands-on experience with important full-stack tools such as Webpack, Babel, and Firebase. The course is designed around practical, project-based learning. Youβll begin by mastering asynchronous JavaScript with techniques like callbacks, promises, and the Fetch API. Then, you'll progress to more advanced topics such as Babel for code compilation, Webpack for bundling, and Firebase for real-time data storage. Each topic is followed by a project where you can apply what you've learned, such as building a news portal, bookmark manager, or even a dynamic note-taking application. This course is perfect for developers who want to level up their JavaScript skills and build powerful full-stack applications. Whether you're building web projects or creating sophisticated data-driven systems, you'll gain the skills necessary to excel in modern JavaScript development.
In this module, we will dive into the world of asynchronous JavaScript, focusing on handling delayed operations, making API requests, and dealing with promises. We will explore concepts like setTimeout, setInterval, callbacks, promises, async/await, and the Fetch API. By the end of this section, you will be able to efficiently manage asynchronous behavior in your JavaScript projects.
What's included
10 videos2 readings1 assignment
10 videosβ’Total 133 minutes
- Asynchronous JavaScript / 181β’9 minutes
- setTimeout / 182β’23 minutes
- setInterval / 183β’7 minutes
- Callbacks and Callback Hell / 184β’24 minutes
- Promises / 185β’16 minutes
- Promises All / 186β’7 minutes
- Async and Await / 187β’9 minutes
- API / JSON Dataβ’8 minutes
- Fetch API / 189β’13 minutes
- Fetch API - Methods / 190β’17 minutes
2 readingsβ’Total 20 minutes
- Introduction to the course 'Advanced JavaScript & Full-Stack Concepts'β’10 minutes
- Full Course Resourcesβ’10 minutes
1 assignmentβ’Total 15 minutes
- Asynchronous JavaScript - Assessmentβ’15 minutes
In this module, we will work on a hands-on project to build a News Portal. You will integrate an external API to fetch news articles, organize them into categories, and display them using custom HTML and CSS templates. This section covers data handling, project deployment, and will guide you through the process of deploying the project to GitHub and Netlify.
What's included
9 videos1 assignment
9 videosβ’Total 112 minutes
- Project Demo / 241β’3 minutes
- Template Structure (Optional) / 242β’13 minutes
- Template Structure (Optional) / 243β’24 minutes
- Working with News API / 244β’15 minutes
- Fetch News Data / 245β’18 minutes
- News Categories / 246β’21 minutes
- Backup Data / 247β’5 minutes
- Category Request / 248β’3 minutes
- Project Deployment Using GitHub and Netlify / 319β’10 minutes
1 assignmentβ’Total 15 minutes
- Project: News Portal - Assessmentβ’15 minutes
In this module, we will introduce Babel, a powerful JavaScript compiler that helps you write modern code and ensure compatibility across browsers. You will learn how to set up Babel, use the Babel CLI, and organize your project files efficiently to improve the workflow.
What's included
5 videos1 assignment
5 videosβ’Total 45 minutes
- Installing Node.jsβ’10 minutes
- Babel Introductionβ’4 minutes
- Babel CLI / 153β’8 minutes
- Babel / 154β’7 minutes
- Folder Structure / 155β’16 minutes
1 assignmentβ’Total 15 minutes
- Babel - Assessmentβ’15 minutes
In this module, we will explore Webpack, an essential tool for bundling and optimizing JavaScript applications. You will learn how to configure Webpack, use loaders to transform files, and set up a development server to test your code in real-time.
What's included
5 videos1 assignment
5 videosβ’Total 54 minutes
- Webpack / 156β’12 minutes
- Loadersβ’11 minutes
- Mode / 158β’5 minutes
- Webpack Dev Server / 162β’15 minutes
- Webpack Boilerplate Code / 163β’10 minutes
1 assignmentβ’Total 15 minutes
- Webpack - Assessmentβ’15 minutes
In this module, we will dive into Firebase, a powerful backend platform for building real-time web applications. You will learn how to integrate Firebase into your projects, manage data with Firestore, and implement user authentication. This section provides essential skills for building dynamic, real-time web apps.
What's included
14 videos1 assignment
14 videosβ’Total 124 minutes
- Firebase Introductionβ’7 minutes
- Webpack Setup / 252β’13 minutes
- Firebase Setup / 253β’9 minutes
- Firebase Connection / 254β’5 minutes
- Fetching Documents - I / 255β’10 minutes
- Fetching Documents- II / 256β’4 minutes
- Adding and Deleting Documents / 257β’14 minutes
- Snapshots / 258β’6 minutes
- Firestore Queries / 259β’6 minutes
- Ordering Data / 260β’11 minutes
- Updating Documents / 261β’7 minutes
- Fetching Individual Document / 262β’4 minutes
- Authentication - I / 263β’5 minutes
- Authentication - II / 264β’22 minutes
1 assignmentβ’Total 15 minutes
- Firebase - Assessmentβ’15 minutes
In this module, we will build a Bookmark Manager web application. You will create the user interface with HTML and CSS, connect Firebase for data management, and implement essential features like bookmark filtering and deletion. At the end, you'll deploy your project to GitHub and Netlify.
What's included
8 videos1 assignment
8 videosβ’Total 107 minutes
- Project Demo / 269β’3 minutes
- Template Structure (Optional) / 271β’14 minutes
- Template Structure (Optional) / 272β’22 minutes
- Firebase Setup / 273β’12 minutes
- Access Document / 274β’14 minutes
- Delete Document / 275β’11 minutes
- Filter Documents / 276β’18 minutes
- Project Deployment Using GitHub and Netlify / 318β’12 minutes
1 assignmentβ’Total 15 minutes
- Project: Bookmark Manager - Assessmentβ’15 minutes
In this module, we will create a feature-rich application called "notNotion". You'll integrate external libraries, like a swipe library, and customize them for your needs. The section also covers UI elements such as navbars and modals, culminating in a project deployment to GitHub and Netlify.
What's included
11 videos1 assignment
11 videosβ’Total 168 minutes
- Project Demo / 301β’4 minutes
- Template Structure (Optional) / 302β’12 minutes
- Template Structure (Optional) / 303β’14 minutes
- Template Structure (Optional) / 304β’26 minutes
- Template Structure (Optional) / 305β’22 minutes
- Template Structure (Optional) / 306β’15 minutes
- Navbar, Modals and Accordions / 307β’18 minutes
- Swipe Library - I / 308β’13 minutes
- Swipe Library - II / 309β’20 minutes
- Merge All Projects / 310β’15 minutes
- Project Deployment Using GitHub and Netlify / 320β’10 minutes
1 assignmentβ’Total 15 minutes
- Project: notNotion - Assessmentβ’15 minutes
In this module, we will wrap up the course by reviewing the key concepts and projects covered. This is your opportunity to assess your understanding of asynchronous JavaScript, Firebase, Webpack, and other advanced topics, setting the stage for your next steps in full-stack development.
What's included
1 video
1 videoβ’Total 2 minutes
- Course Completionβ’2 minutes
In this optional module, we will refresh your knowledge of HTML and CSS basics. From structure and semantics to styling techniques, this section ensures you have a solid foundation in HTML and CSS before diving deeper into advanced JavaScript and full-stack concepts.
What's included
24 videos1 reading3 assignments
24 videosβ’Total 243 minutes
- How Web Works? (Optional)β’26 minutes
- Environment Setupβ’12 minutes
- HTML Introductionβ’12 minutes
- Head Sectionβ’10 minutes
- Common HTML Tagsβ’8 minutes
- Media Tagsβ’14 minutes
- Linking Pageβ’6 minutes
- Forms Iβ’10 minutes
- Forms IIβ’17 minutes
- Commentsβ’4 minutes
- Listβ’3 minutes
- Tablesβ’6 minutes
- Inline and Blockβ’10 minutes
- Id and Classesβ’9 minutes
- HTML Semantics Iβ’11 minutes
- HTML Semantics IIβ’6 minutes
- HTML Entityβ’3 minutes
- Introduction to CSSβ’13 minutes
- CSS Types and Orderβ’6 minutes
- Selectorsβ’21 minutes
- Selector Game Iβ’8 minutes
- Selector Game IIβ’6 minutes
- Specificity / R029β’6 minutes
- Common Propertiesβ’17 minutes
1 readingβ’Total 10 minutes
- Conclusion to the Course 'Advanced JavaScript & Full-Stack Concepts'β’10 minutes
3 assignmentsβ’Total 90 minutes
- (Optional) HTML and CSS Refresher - Assessmentβ’15 minutes
- Full Course Assessmentβ’60 minutes
- Full Course Practice Assessmentβ’15 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
Offered by
Explore more from Software Development
- Status: Free Trial
- Status: Free Trial
- Status: Preview
Course
- Status: Free Trial
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,
