Learn Full Stack Development
Master Frontend and Backend Development from Scratch
What you'll learn
- Frontend & Backend Development
- Node.js
- Database Management & API Integration
Description
In this course, you'll learn Full Stack Development from the ground up.
You'll start with Frontend Development, where you'll learn HTML, CSS, JavaScript, and the popular JavaScript framework React.
Next, you'll move on to Backend Development, where you'll learn Node.js, Express.js, and Databases to build powerful server-side applications.
But Full Stack Development doesn't end there, you'll also learn how to integrate the frontend and backend, build complete real-world web applications, deploy your projects, and understand modern development workflows used by professional developers.
Course content
Getting Started with Web Development1 lessons
- Introduction to CodeSandbox
HTML Basics14 lessons
- HTML Introduction & Structure
- Head Tag
- Headings
- Paragraphs
- Text Formatting
- Lists
- Semantic HTML Tags
- Assignment 1
- Tables
- Divs
- Forms
- Audio & Video
- Iframe
- Assignment 2
CSS Basics & Styling6 lessons
- CSS Introduction
- Colors and Fonts
- Using Google Fonts
- Using Multiple Google Fonts
- Text Properties
- Div Tags
CSS Layout & Box Model6 lessons
- Understanding the Box Model
- Relative Units (%, vw, vh)
- Relative Units (em, rem)
- Margins & Padding
- Borders
- CSS Variables
CSS Selectors & Properties4 lessons
- Using CSS Selectors
- Using !important
- ID and Class Selectors
- Background Images
Flexbox & Grid Layout12 lessons
- Flexbox Introduction
- Flexbox
- justify-content & align-items
- Aligning Elements with Flexbox
- flex-basis & flex-grow
- Assignment 3
- Grid Introduction
- Grid
- Grid Positioning
- Grid Gap
- Grid Alignment
- Grid Projects
CSS Positioning & Advanced Concepts11 lessons
- CSS Position: Static, Relative, Absolute, Fixed & Sticky
- Display: none, Block, Inline & Inline-block
- Pseudo Elements
- Pseudo Selectors
- Image Styling
- Responsive Design
- CSS Reset
- Color Properties
- Gradients
- Shadow Effects
- CSS Variables & calc()
Bootstrap Projects3 lessons
- Bootstrap Introduction
- Building a Website with Bootstrap
- Assignment 4
Git & GitHub12 lessons
- Git Introduction
- Git Basics
- Install VS Code
- Install GitHub Desktop
- Create & Set Up a GitHub Account
- Git Configuration
- Remote Repository, Push & Pull
- Fetch & Pull
- Branching & Merging
- Git Checkout & Restore
- Git Reset
- .gitignore
JavaScript Basics14 lessons
- Introduction to JavaScript
- JavaScript in the Browser
- Example Programs
- What Are Variables?
- let, const, and var
- Why Use Variables?
- Dynamic Typing
- Objects
- What Is this?
- Rest Operator
- Arithmetic Operators
- Assignment Operators
- Logical Operators
- Comparison Operators
Control Flow & Loops10 lessons
- If-Else Statements
- If-Else Practice
- While Loop
- Do-While Loop
- For Loop
- For-In Loop
- For-Of Loop
- Infinite Loops
- Loop Practice – Part 1
- Loop Practice – Part 2
Functions & Objects16 lessons
- Functions
- Function Declaration
- Function Hoisting
- Rest Operator
- Default Parameters
- Scope
- Expressions
- Callbacks
- Factory Functions
- Constructor Functions
- Object Dynamic Properties
- Object Practice
- Functions as Objects
- Values vs References
- Object Sorting
- Object Cloning
Arrays6 lessons
- Creating & Using Arrays
- Array Methods
- Filtering Arrays
- Array Map
- Array Reduce
- Every, Sort & Join
DOM & Events3 lessons
- Accessing DOM Objects
- Event Handling
- Adding Event Listeners
Object-Oriented Programming (OOP)13 lessons
- What is Object-Oriented Programming?
- Classes
- Getters & Setters
- Prototypes
- Prototypical Inheritance
- What Are Inheritance, Method Overriding & Instances?
- More About Prototypes
- Polymorphism
- JavaScript Classes
- Modules: Import, Export & Inheritance
- Modules: Method Overriding
- JavaScript Modules
- JavaScript Modules – JSON
Frontend Development with React16 lessons
- React Introduction
- Setting Up React
- Install React Using Vite
- What is JSX?
- Install Tailwind CSS
- Header Design & Header Component
- Hero Component
- Display Products on the Homepage
- Routing
- Add Routing
- Axios, useEffect & useState
- Cart
- Search
- Filter
- Product Details
- Build a Complete Website
Backend Development with Node.js9 lessons
- Node.js Introduction
- Synchronous vs Asynchronous
- Running JavaScript Outside the Browser
- Node Package Manager (NPM)
- File Manager
- CommonJS & ES Modules
- Basic Server
- Building an ES Module Server
- Creating a Server with Express.js
Course features
Difficulty
Advanced
Duration
90 Hours
Language
English
Audience
Students, Web Developers, Beginners, and Working Professionals
Skills
फ्रंटएंड- बॅकएंड डेव्हलपमेंट, Node.js, डेटाबेस आणि API इंटिग्रेशन.
Certificate
Earn a certificate upon completion
Ready to start learning?
Subscribe to unlock every lesson, track your progress, and earn your certificate.
Subscribe to learn