Full Stack Web Development Front-End & Back-End Course

Name: Full Stack Web Development Front-End & Back-End Course
Rating: 4.4 (29 reviews)

Master Web Development by learning and Building Front-End & Back-End development with End to End Projects!

Created byRaj Kumar Thokala

Last updated 5/2026

English

What you'll learn

Master HTML & CSS, JavaScript, GIT, Typescript, React JS, Redux, Next.JS, Node.JS, Docker, Python, SQL & AI
Learn Web Development by building End to End Projects
Once you complete the course, you will be able to build your own websites that you intent to
Learn how websites work and how you can build them from scratch and learn how to use AI in Web Development

Course content

12 sections • 133 lectures • 93h 37m total length

Introduction4:22

Getting Started with HTML2:30
Web Development Fundamentals25:18
HTML Basics48:14
CSS Basics1:06:58
Layout Part 150:19
Layout Part 245:18
Typography54:52
Images59:55
Forms54:04
Transformations, Transitions, and Animations20:36
Learn how to apply 2D and 3D CSS transformations—rotate, scale, skew, translate—then master smooth transitions and keyframe animations, including perspective, transform-origin, and reusable animation patterns.
Writing Clean, Maintainable CSS21:24
HTML & CSS Project 158:34
HTML & CSS Project 21:14:02
HTML & CSS Project 31:25:10
HTML & CSS Project 41:06:04

Getting started with JavaScript15:08
Basics30:33
Operators36:14
Control Flow1:23:20
Master control flow concepts essential for full stack development by exploring how code execution is directed in front-end and back-end tasks.
Objects1:16:32
Master objects in full stack web development, applying concepts across front-end and back-end tasks for practical proficiency.
Arrays1:28:14
Functions1:01:41
OOPs in JavaScript13:21
Explore object oriented programming in JavaScript, focusing on encapsulation, abstraction, inheritance, and polymorphism, with ES6 classes, prototypes, prototypical inheritance, and practical examples like local storage.
Objects53:41
Prototypes36:44
Prototypical Inheritance49:50
ES6 Classes49:23
ES6 Modules29:41

Getting Started with React19:08
Building Components in React57:14
Styling Components in React31:11
Managing Component State40:16
Building Forms1:10:04
Connecting to the Backend1:15:29
Project Building a Video Game Discovery App Part 11:11:30
Project Building a Video Game Discovery App Part 21:06:59
Project Building a Video Game Discovery App Part 334:03
Fetching and Updating Data with React Query Part 119:50
Fetching and Updating Data with React Query Part 21:12:21
Master fetching and updating data with React Query in the full stack web development front-end and back-end course, part 2.
Fetching and Updating Data with React Query Part 31:09:18
Global State Management Part 154:03
Global State Management Part 250:47
Routing with React Router Part 126:07
Routing with React Router Part 21:02:30

Getting Started with Redux11:49
Redux centralizes application state in a single store, enabling predictable data flow and real-time UI updates across React, Angular, Vue, or vanilla JavaScript. Leverage Redux dev tools and time-travel debugging to inspect state changes, while understanding the trade-offs of boilerplate and functional programming.
Functional Programming in JavaScript40:05
Redux Fundamentals36:02
Building Redux from Scratch11:13
Debugging Redux Applications15:13
Writing Clean Redux Code34:15
Designing the Store29:20
Middleware20:10
Consuming APIs56:40
Testing Redux Applications48:24

Getting Started with Git13:58
Master git fundamentals, install and configure git, create and manage snapshots, explore history, branch and merge, collaborate via GitHub, and adjust end-of-line handling and editor settings.
Creating Snapshots57:53
Browsing History42:53
Explore browsing history within a full stack web development context, connecting front-end navigation with back-end data considerations to build seamless user experiences.
Branching1:11:35
Collaboration16:40
Rewriting History44:31

Getting Started with TypeScript21:09
Fundamentals24:20
Advanced Types25:26
Classes, Interfaces and Object-oriented Programming54:00
Master classes, interfaces, and object-oriented programming within a full stack web development context for front-end and back-end projects.
Generics27:59
Decorators and Modules43:04
Master how decorators and modules organize and extend a full stack web development project, enabling scalable code structure and reusable functionality across front-end and back-end layers.
Integration with JavaScript and React with TypeScript36:40
Node and Express with TypeScript15:55
How Front End Works5:28

Getting Started with Next.js40:59
Styling21:55
Explore styling strategies for modern web apps by using global styles in globals.css, CSS modules for component-scoped styles, and tailwind with daisyui to build cohesive, accessible interfaces in Next.js applications.
Routing and Navigation48:33
Building APIs26:53
Database Integration with Prisma35:18
Uploading Files13:52
Authentication with Next Auth51:58
Sending Emails and Optimizations50:56
Getting Started with Next.js Project24:12
Creating Issues1:03:55
Viewing Issues53:32
Updating Issues42:10
Deleting Issues26:19
Authentication49:06
Assigning Issues to Users46:30
Learn how to assign issues to users within a full stack web development workflow, enabling efficient collaboration across front-end and back-end tasks.
Filtering, Sorting, and Pagination54:16
Dashboard39:00
How React Works in Web Development4:49

Getting Started with Python30:58
Primitive Types32:17
Control Flow37:38
Functions38:10
Master functions in full stack web development to support front-end and back-end tasks. Learn how to structure and apply functions effectively across client and server contexts.
Data Structures1:17:31
Explore data structures essential for full stack development, understanding how efficient data organization supports front-end and back-end performance and scalable web applications.
Exceptions22:12
Learn to prevent program crashes by handling exceptions with try, except, else, and finally, display friendly error messages, and use the with statement for automatic resource management.
Python Classes Part 136:55
Python Classes Part 246:02
Modules17:21
Python Standard Library59:42
Python Package Index45:42
Popular Python Packages54:08
Building Web Applications with Django Part - 11:01:06
Building Web Applications with Django Part - 257:32
Machine Learning with Python46:48

Requirements

No prior Web Development experience is required as You will learn from absolute basics.

Description

Become a job-ready Full Stack Web Developer by learning how to build complete, modern, and scalable web applications from scratch. This comprehensive course takes you step-by-step through front-end, back-end, databases, APIs, and deployment, using real-world tools and best practices followed by professional developers. You will learn HTML & CSS, JavaScript, GIT, Typescript, React JS, Redux, Next.JS, Node.JS, Docker, Python, SQL & AI from Scratch in this course.

You’ll start with the core foundations of the web, mastering HTML5, CSS3, and modern JavaScript. You’ll then move on to building responsive and interactive user interfaces using a popular front-end framework, learning component-based architecture, state management, and performance optimization.

On the back-end, you’ll learn how to design and build powerful server-side applications, create RESTful APIs, handle authentication and authorization, work with databases, and implement secure data flow between the client and server. You’ll also gain hands-on experience with version control, debugging, and writing clean, maintainable code.

The course is project-driven, guiding you through multiple real-world applications such as CRUD systems, authentication-based apps, and a complete full-stack project that you can showcase in your portfolio. Finally, you’ll learn how to deploy your applications to the cloud and make them production-ready. By the end of this course, you’ll have the confidence and skills to apply for front-end, back-end, or full-stack developer roles or build your own web products.

Who this course is for:

Anyone who want to learn Web Development from scratch and become a Full-Stack Web Development

Full Stack Web Development Front-End & Back-End Course

What you'll learn

Explore related topics

Course content

Introduction1 lecture • 4min

HTML - Beginner to Advanced15 lectures • 12hr 13min

JavaScript - Beginner to Advanced13 lectures • 10hr 24min

React - Beginner to Advanced16 lectures • 13hr 41min

Redux from Basics to Advanced10 lectures • 5hr 3min

GIT - Beginner to Advanced6 lectures • 4hr 8min

TypeScript9 lectures • 4hr 14min

Next.Js - Beginner to Advanced18 lectures • 11hr 34min

Docker - Begineer to Advanced6 lectures • 4hr 10min

Python - Beginner to Advanced15 lectures • 11hr 4min

Requirements

Description

Who this course is for: