VOOZH about

URL: https://www.coursera.org/learn/packt-advanced-javascript-and-full-stack-concepts-c8izr

⇱ Advanced JavaScript & Full-Stack Concepts | Coursera


Advanced JavaScript & Full-Stack Concepts

Ends soon! Keep adding new skills with 10,000+ programs for $239 (usually $399). Save now.

Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

Gain insight into a topic and learn the fundamentals.
Intermediate level

Recommended experience

2 weeks to complete
at 10 hours a week
Flexible schedule
Learn at your own pace

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.

Details to know

Shareable certificate

Add to your LinkedIn profile

Assessments

10 assignments

Taught in English

Build your subject-matter expertise

This course is part of the JavaScript Masterclass - Zero To Job Ready With 10 Projects 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 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

Packt
1,946 Coursesβ€’575,115 learners

Explore more from Software Development

Why people choose Coursera for their career

πŸ‘ Image

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."
πŸ‘ Image

Jennifer J.

Learner since 2020
"I directly applied the concepts and skills I learned from my courses to an exciting new project at work."
πŸ‘ Image

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."
πŸ‘ Image

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

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.

If you complete the course successfully, your electronic Course Certificate will be added to your Accomplishments page - from there, you can print your Course Certificate or add it to your LinkedIn profile.

This course is currently available only to learners who have paid or received financial aid, when available.

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.

Financial aid available,