Full-Stack

Trainer Name

Course Title	Full Stack Development
Week 1	Introduction to Web Development
Day 1	Introduction to Web Development: A brief introduction to web development, how websites work, what a full-stack developer does. Intro to HTML—Structure and Syntax.
Day 2	HTML Elements and CSS Basics: Workshop on detailed study of HTML elements will include attributes and structure. Introduction to CSS, Syntax, Selectors and Basic Properties for styling web pages.
Day 3	Advanced HTML Tags and CSS Selectors: Advanced HTML tags should also be learned, taught about their uses, and the CSS selectors that include class, ID, attribute.
Day 4	Responsive Web Design and Flexbox: Needless to say, responsive design is the essence of today's world. Thus, the basics of Responsive Web Design, its need, and how this can be done using media queries must be taught. Introduce students to the Flexbox layout in making responsive designs.
Day 5	Project: Basic Website: Design and layout of a basic website. The website will be created using HTML and CSS. Hands-on in class exercise to put into practice all concepts learned so far.
Week	Advanced HTML & CSS
Day 6	Semantic HTML and Advanced Forms: Why Semantic HTML for Accessibility and SEO; Semantic HTML: header, nav, footer, etc, Advanced Html forms: input types, validation, accessibility.
Day 7	Flexbox and Grid Layouts: Deep dive into Flexbox for one-dimensional layouts. Introduction to CSS Grid for two-dimensional layouts with rows and column setup and building complex layouts.
Day 8	CSS Animations and Transitions: Build dynamic user experiences w/ CSS Animations and Transitions—Creating keyframes, the supporting animation properties, and best practices to ensure smooth animations.
Day 9	CSS Frameworks: Introduction to the Bootstrap framework and its grid system, components, and utilities. Quickly build responsive designs w/ Bootstrap.
Day 10	SASS Basics and Project: Course on SASS as an introduction to CSS preprocessors. Learn about variables, nesting, mixins, and functions. Create a responsive web page with Bootstrap and SASS.
Week 3	JavaScript Basics
Day 11	JavaScript Syntax and Basics: Get an introduction to JavaScript, its syntax, variables, data types, and the basic operators. Practice writing simple code in JavaScript.
Day 12	Control Structures and Functions: The study of conditionals—if, else if, else—and loops—for, while. Introduction to functions, declaration, expression, scope of variables in JavaScript.
Day 13	Objects and Arrays: An insight into the objects and arrays of JavaScript, their methods, and properties. Practice time in handling objects and arrays
Day 14	DOM manipulation and Event Handling: Introduction to Document Object Model; selection and manipulation of DOM elements; handling events to create interactive web pages.
Day 15	ES6 Features and Project: Using let, const, arrow functions, template literals, spread and rest operators in your code. Building an Interactive Webpage as a project.
Week 4	Advanced JavaScript
Day 16	Asynchronous JavaScript—Callbacks and Promises: Understanding asynchronous , using callbacks, and the concept of promises in handling asynchronous operations.
Day 17	Fetch API and HTTP Requests:Bringing in the Fetch API for making HTTP requests and how to handle responses; how to work with external APIs. Practical exercises on fetching data from APIs.
Day 18	Async/Await and Error Handling: Using async/await syntax for cleaner asynchronous code. Best practices for error handling in asynchronous JavaScript.
Day 19	JavaScript Modules: Introduction to JavaScript modules, importing and exporting modules, and building modular and maintainable code.
Day 20	Building a Complex JavaScript Application: Putting it all together to build a complex JavaScript application. Reviewing the code, debugging, and finalizing the project.
Week 5	Version Control
Day 21	Git Basics: Introduction to Version Control with Git: Understanding Repositories, Committing Changes, and Basic Git Commands.
Day 22	GitHub Workflow: How to work with remote repositories on GitHub, the workflows, how to create pull requests, collaboration with others.
Day 23	Branching and Merging: Understand how branching and merging work in Git. Resolution of the conflict and best practices in managing branches within Git.
Day 24	Hands-on Git and GitHub Exercises: Practice Exercises with Git and GitHub in Version Control and Collaboration.
Day 25	Final Project Version Control Integration: Integrate version control practices in a project, including project branching, merging, and collaboration around a shared codebase.
Week 6	Frontend Frameworks
Day 26	React and JSX:Overview of the React framework, understanding JSX syntax, Setting up a react project.
Day 27	React Components, State and Props: Creating and managing React components, Understanding state and props, Component life-cycle methods.
Day 28	React Hooks:Details on React hooks, including useState, useEffect, and custom hooks in handling state and side effects.
Day 29	React Router and Context API:: Setting up routing in a React application using React Router, and managing global state with the Context API.
Day 30	Building a React Application: Integrating all learned concepts to build a complete React application. Project work, code review and finalizing the project.
Week 7	Backend Fundamentals
Day 31	Introduction to Node.js and Express.js: Setting up a Node.js environment, basics of Express.js in building a web server.
Day 32	REST API Development: Building RESTful APIs using Express.js, understanding routing and handling different HTTP methods.
Day 33	Middleware in Express: Understanding middleware functions in Express. js—making your own middleware and built-in middleware for a wide range of tasks
Day 34	Creating a Simple Backend API:This will be the practical example to get hands-on experience in creating a simple backend API using Node.js and Express.js.
Day 35	Final Project - Implementation of Backend API:Integrating all the concepts of the backend in building a fully functional API, reviewing codes, and debugging.
Week 8	Databases
Day 36	SQL vs NoSQL and MongoDB Basics:Understand the difference between SQL and NOSQL databases. Introduction to MongoDB and its Key features.
Day 37	CRUD Operations with MongoDB: Create, Read, Update and Delete operations on MongoDB shell with drivers.
Day 38	Database Design in MongoDB: Understadning Schemas, Relationship and developing Data Models in MongoDB.
Day 39	Mongoose Basics: Introduction to Mongoose, an ODM (Object Data Modeling) library for MongoDB, creating schemas and models..
Day 40	Building a Full Stack Application with MongoDB: Integrating MongoDB with a Node.js backend to build a full stack application. Project work, code review, and finalizing the project.
Week 9	Authentication
Day 41	JWT Basics and Implementation: Understanding JSON Web Tokens (JWT) for authentication, i mplementing JWT in a Node.js application.
Day 42	Passport.js Overview: Describing the use of Passport.js- an authentication middleware and integration with different strategies for authentication.
Day 43	OAuth Basics: Understanding the three-legged oauth protocol. Integrations and application of OAuth in third party authentication applications.
Day 44	Secure Authentication Practices: Learning secure ways around security during authentication including password hashing, Api security, and session management .
Day 45	Final Project- Authentication Integration: Integration of the authentication mec hanisms in of a project. Code review and debugging.
Week 10	Deployment
Day 46	Deployment with Heroku: Introduction to deploying applications in Heroku, setting environment variables, and management of deployments.
Day 47	Deployment with Netlify: Introduction to deploying static sites, continuous deployment setups, and settings management.
Day 48	CI/CD Pipelines: Continuous Integration setups and changing it to Continuous Deployment, understanding automated testing and deployment workflows.
Day 49	Finalizing Deployment Strategies: Review of different deployment strategies, best practices of deployment, and troubleshoot different deployment problems.
Day 50	Final Project - Full Deployment:Deploying a complete application, integrating CI/CD pipelines, syncing code with review comments, and finalizing the project.
Week 11	Advanced Topics
Day 51	Introduction to GraphQL: Understanding the basics of GraphQL, setting up a GraphQL server, and writing basic queries and mutations
Day 52	GraphQL Queries and Mutations: Writing complex queries and mutations, understanding resolvers in depth, and also integrating GraphQL with the backend server.
Day 53	Websockets Basics: Introduction to Websockets, set up a Websockets server, and implement real-time communication in applications.
Day 54	Serverless Architecture: Introduction to Serverless computing, set up serverless function and integrate with applications .
Day 55	Building a Project on top of topics learnt: Integrate GraphQL, Websockets, and serverless architecture into the project, code review, and debugging.
Week 12	Career Development: DevOps Practices
Day 56	Building and Managing Containers: Hands-on experience with building, managing and deploying of Docker containers in Dev, Test and Production environments.
Day 57	Basics of Infrastructure as Code: introduction to Infrastructure as Code, tools such as Terraform, and how to manage infrastructure through code, best practices followed for IaC.
Day 58	Capstone Project Planning: Plan and structure a capstone project integrating all learnt concepts, from front-end and back-end development to deployment and optimization.
Day 59	Project Development: Develop the capstone project with full frontend and back-end integration and implementation of some of the advanced features.
Day 60	Presentation: Feedback and Evaluation Presenting the Capstone; recieve peer and instructor feedback and evaluate project accoring to predetermined set of criteria.

FULL STACK DEVELOPMENT OUTLINE

Course Content/Lesson Plan

Course Title: FULL STACK DEVELOPMENT

Duration:3 Months

Reffrences Links