Fullstack JavaScript Developer

In this course, you’ll gain a strong foundation in JavaScript, mastering core concepts like datatypes, variables, loops, and functions, and advanced topics such as higher-order functions and asynchronous programming. You’ll also learn object-oriented programming (OOP) in JavaScript, including prototypes, inheritance, and encapsulation, and apply these in real-world applications. By working with the DOM and BOM, you’ll create dynamic, interactive web pages.

As your skills grow, you’ll dive deeper into advanced JavaScript topics like closures, promises, and asynchronous programming. You’ll also become proficient in full-stack development with the MERN stack (MongoDB, Express, React, Node.js), building scalable web applications that seamlessly integrate frontend and backend. React will be a major focus, covering JSX, components, state management, and routing.

Additionally, you’ll gain hands-on experience in backend development with Node.js and MongoDB, mastering database design, CRUD operations, JWT-based authentication, and server management. These skills will prepare you to build and manage full-stack web applications from start to finish.

Key Learnings:

Master JavaScript for both frontend and backend development.
Build modern web applications with React and Node.js.
Work with databases using MongoDB and Mongoose.
Understand and apply RESTful APIs and client-server architecture.
Develop secure and scalable applications.
Gain hands-on experience by building real-world projects.

Course Content:

Module 1: Learn JS Foundation

Javascript story – from console to v8 engine
Datatypes, variables, and constants in Javascript
Operations in Javascript
Primitives in Javascript
Non-Primitives in Javascript
Conditions in Javascript
Array and methods
Introduction to loops in Javascript
Function, arrow function, THIS, and context in Javascript
Higher-order functions and nested functions in Javascript

Module 2: Javascript Object Oriented Programming

A masterclass on prototypes in Javascript
Functional constructor and Errors
Classes, Objects, and inheritance in Javascript
Encapsulation, Polymorphism, Abstraction, and getters/setters
An OOP quiz in javascript

Module 3: Javascript In Browser DOM-BOM

DOM and BOM basics in Javascript

Module 4: Advanced JS

Asynchronous Javascript with event loop
Closures in Javascript
Promises and promise chaining
Prototypal Inheritance in Javascript
THIS and the binding context
Async-await and Promise all
Iterators and generators in Javascript

Module 5: Projects Student Can Create With JS

Todo with local storage
Building an ecommerce cart page

Module 6: Git and Github

Module 7: React Basics and Environment Setup

What Is React?
What Are Components?
What Is State?
What Are Hooks?
What Is JSX?
SPA, SSR, SSG
Vite
Setup React With Vite
File Explanation
Boilerplate Cleanup
Tailwind CSS Setup
Adding JSX

Module 8: Building the Interface and Components

Start Homepage
Navbar Component
Image Import
Hero Component
Props
Default Props
Wrapper Components
JobListings Component
Create Lists With map()
Single JobListing Component
Limit Jobs
useState() Hook & Desc Toggle
Creating an Event
Updating Component State
React Icons Package

Module 9: Routing and Page Navigation

React Router Setup
Create Routes From Elements
Router Provider
Homepage Component/Route
Layouts
Jobs Page Component/Route
Link Component
Custom 404 Page
Active Links With NavLink
Conditional Rendering

Module 10: Data Handling and Final Features

JSON Server Setup
useEffect() & Data Fetching
Loading Spinner
Conditional Fetching
Proxying
Single Job Page
useParams() to Get ID
Data Loaders
Single Job Output
Add Job Page
Working With Forms
Form Submission
Pass Function as Prop
POST Request to Add Job
Delete Job Button/function
DELETE Request to Remove Job
React Toastify Package
Edit Job Page/Form
Update Form Submission
PUT Request to Update Job
Build Static Assets For Production

Module 11: Backend with Node.js

Backend – NodeJS LibUV and source code
Handling files in Node.js as Project
Build your own Nginx server with NodeJS
Event Driven Architecture – Build your own logger

Module 12: Introduction to Database

Introduction to databases
SQL vs NoSQL Databases
A Quick Tour of MongoDB

Module 13: Project in Backend with MongoDB

* Building web server with node and bun
* Express crash course with Postman testing
* Write tests and documentation with Postman and deployment
* Advance logging
* From idea to Database design
* Database design for videoTube
* Backend project structure
* Connect database professionally in MERN
* Standardized error and response from server in MERN
* Health check routes and testing with Postman
* A guide to building models in MongoDB with aggregation plugin
* Hooks and methods in mongoose with JWT
* How to handle files in MERN application
* Registration with Ultimate debugging and refactoring
* How to write login controller in MERN backend
* How to generate new refresh token in MERN backend
* How to write middleware in MERN backend
* Practice CRUD in MERN backend
* How to get complex data with aggregation pipeline in MongoDB
* A Postman assignment for you in routes
* Mega backend project assignment