LoginSign Up

Full Stack Development

Full Stack Web Development

Full Stack Web Development is a comprehensive program that equips learners with the skills to build dynamic web applications. The curriculum covers both front-end and back-end technologies, including HTML, CSS, JavaScript, React, Node.js, and databases like MongoDB. Students will learn to create responsive user interfaces, manage server-side logic, and handle data storage and retrieval. The course emphasizes practical projects, enabling learners to develop a portfolio showcasing their abilities. By the end of the program, students will be proficient in full stack development, ready to tackle real-world challenges in web application development.

Curriculum

Careers in Web Technologies and Job Roles30:25🔒
How the Website Works?25:40🔒
Client and Server Scripting Languages20:15🔒
Difference between a Web Designer and Web Developer20:15🔒
Types of Websites (Static and Dynamic Websites)20:15🔒
Responsive design and layout20:15🔒

What is Markup Language35:15🔒
Basic Structure of HTML HTML Elements28:40🔒
Working with Forms22:30🔒
Adding Special Characters18:25🔒
Block Oriented Elements List, Attributes of list18:25🔒
Uniform Resource Locators Hypertext Links Images18:25🔒
Tables Introduction to style Sheets18:25🔒
Changing the Background Creating Style Classes18:25🔒

CSS Introduction30:25🔒
CSS Syntax, id & Cass25:40🔒
Types of CSS inks25:40🔒
Colors and Backgrounds Text and Fonts Lists25:40🔒
Tables CSS Selectors25:40🔒
CSS Box Model25:40🔒
CSS Advanced25:40🔒

Introduction to JavaScript45:30🔒
Enabling in various, browsers, Popup Boxes Variables45:30🔒
Operators Conditional Statements Loops Functions45:30🔒
Events Cookies45:30🔒

Form Validations42:30🔒
Basics of Form Validation38:45🔒
Validating Radio Buttons35:20🔒
Validating Check-boxes28:15🔒
Validating Select Menus28:15🔒

Itroduction to Version Control and Git50:20🔒
Getting Started with Git Basic Git Commands35:45🔒
Branching and Merging Collaborating with Git42:30🔒
Introduction to GitHub42:30🔒
GitHub Workflow for Front-end Projects42:30🔒
Best Practices for Git and GitHub42:30🔒
Troubleshooting Git Issues42:30🔒
Integrating Git and GitHub with Front-end Tools42:30🔒

What is JQuery?50:20🔒
Using JQuery links35:45🔒
JQuery Selectors35:45🔒
JQuery Events, Effects, HTML35:45🔒

Adding Header & Navigation50:20🔒
Adding Logo in Navigation Bar & Adding Banner35:45🔒
Adding Jumbotron42:30🔒
Adding Rows, Columns & Containers42:30🔒
Adding Column Width using offset Ordering Columns42:30🔒
using push or pull Nesting Columns in Bootstrap42:30🔒
Adding Footer top Website42:30🔒
Adding Responsive or Utilities in Bootstrap Styling Button42:30🔒
Adding description list in bootstrap Adding Panels42:30🔒

Introduction to DOM50:20🔒
DOM manipulation35:45🔒
innerHTML vs innerText35:45🔒
append Child vs append35:45🔒
create Element, set Attribute get Element By Id35:45🔒
query Selector vs query SelectorAll35:45🔒

Callbacks50:20🔒
asynchronous JavaScript Promises Promise, Promise States, Promise chaining35:45🔒
Use of fetch() & then() Async/Await Async/Await with error handling35:45🔒
Fetch API Implementing CRUD with HTML, CSS JavaScript35:45🔒

React Basics50:20🔒
Deploying to netlify React Hooks & States35:45🔒
Working with array lists, Usage of keys, Conditional rendering, Handling Events42:30🔒
Props vs State React Components42:30🔒
Component lifecycle, Stateful & stateless components, Reusable components42:30🔒
Introduction to Hook React Hooks42:30🔒
What is a hook? Lifecycle of Hook, useState, useEffect, Props drilling42:30🔒
Passing data from child to parent component42:30🔒

React-router-dom50:20🔒
BrowserRouter Switch, Link, Route, URL params50:20🔒
Context API : Context-API50:20🔒

Front-end game demonstration - hangman / tic tac toe / tile match Axios50:20🔒
Playing around with API, fetch() or Axios50:20🔒
Implementing simple CRUD React-redux50:20🔒
Intro to Redux state management with react application50:20🔒

Introduction to MySQL 50:20🔒
basic queries, basic queries35:45🔒

Introduction to MongoDB50:20🔒
CRUD operations and basic cursor methods35:45🔒
Aggregation Server-side vs Client-side rendering35:45🔒

Node.js Basics Node & MongoDB Connectivity50:20🔒
Connection to MongoDB35:45🔒
frontend + backend connectivity35:45🔒
Introduction to Node.js35:45🔒
Npm packages Node.js & Express.js35:45🔒

Connection to MongoDB50:20🔒
frontend + backend connectivity35:45🔒
Dotenv Deployment frontend + backend connectivity35:45🔒

Authentication50:20🔒
bcrypt frontend + backend connectivity35:45🔒
JWT custom middleware35:45🔒
authorization frontend + backend connectivity35:45🔒

Learning Outcomes:

  • Upon Completing a Full-Stack Web Development program learner will acquire end-to-end web development skills—including front-end (HTML, CSS, JavaScript, frameworks like React or Angular), back-end (Node.js, Express, databases), API integration, deployment





How to Enroll

1. Discover the Course

Browse through our courses and find the one that matches your career goals

2. Enroll Your Course

Select your preferred course and click on the enroll button to get started

3. Pay Your Wallet

Complete the secure payment process to confirm your enrollment

4. Become a Panda Learner

Start your learning journey and join our community of successful learners

Price

₹3500

Course Title

Full Stack Web Development

Language

English

Certification

Yes - Industry Recognized

Enroll Now

Download curriculum
FAQs

The course duration is of 2 months & some course may extend to 3 months

Yes at the end of the course completion you will get certificates.

ABCPanda team will arrange a doubt clearance session accordingly.

Yes, for Recorded sessions & Live sessions access would be 1 year

No our mentors will teach from basic. If you have experience, it would add an advantage.