Scribd
Upload
25 views

ModifiedFull Stack Web Development Master Class Agenda

Development documents

Uploaded by

popularstore01
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
25 views

ModifiedFull Stack Web Development Master Class Agenda

Development documents

Uploaded by

popularstore01
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

FULL STACK WEB DEVELOPMENT

Curriculum
HTML | CSS | JavaScript | Git | GitHub | SASS/LESS | Flexbox | CSS Grid | React |
Context API | Redux | Node.js | Express | MongoDB | PostgreSQL | Jest | Mocha |
Docker | Heroku | Vercel | Vue | Angular | Flask | Django

Week 1: Introduction to Web Development & Front-end Basics

Day 1: Introduction to Web Development

Day 2: HTML
Building the Structure for your Personal Website

Day 3: CSS
Styling your Personal Website

Day 4: Responsive Design


Make your Personal Website Responsive to display properly in all device

Day 5: JavaScript
Improve the User Experience of your Personal Website using Javascript

Day 6: Document Object Model (DOM) Manipulation


Adding Dynamic Feature in the Website based on user interaction with the website

Day 7: Complete Personal Website


Recap of the week.
Complete our Personal Website by adding all required Features

Week 2: Advanced Front-end Development & Introduction to Back-end

Day 8: Advanced CSS and Preprocessors


Introduction to CSS preprocessors (SASS or LESS).
[BONUS] Netflix Clone - Hero Section

Day 9: JavaScript ES6+ Features


Let, const, arrow functions, template literals.
Promises, async/await.
Building Weather Web Application using Weather API

Day 10: Front-end Frameworks & Library - React


Introduction to React and its ecosystem.
Components, props, and state.
Build a single-page application (SPA) with React - Mini ToDo App

Day 11: State Management


Introduction to state management by using Context API and Redux.
Integrate state management into your SPA.

Day 12: Introduction to Back-end Development


Overview of back-end technologies.
Setting up Node.js and Express.
Build a simple REST API.

Day 13: Database Integration


Introduction to databases (SQL vs. NoSQL).
Connecting your API to a database (MongoDB or PostgreSQL).
Creating web application using MongoDb & PostgreSQL

Day 14: Authentication Process on Web Application


Add authentication to your SPA and API.

Week 3: Full Stack Integration & DevOps Basics


Day 15: Connecting Front-end to Back-end
Video Testimonial Tool for Companies

Day 16: Advanced Back-end Techniques


Building middleware for authentication.
Complete ToDo Application

Day 17: Introduction to Testing


Unit testing, integration testing.
Testing in front-end and back-end (Jest, Mocha).
Mini-project: Write tests for your application.

Day 18: DevOps - Docker


Introduction to Docker.
Convert & Push your Web application as an Docker Image into Dockerhub

Day 19: DevOps - Git/GitHUB


Introduction to Git & GitHub
Exploring Various GitCommands

Day 20: DevOps & Deployment - Heroku & CI/CD Pipeline


Deploying your application (Heroku).
Continuous Integration/Continuous Deployment (CI/CD) basics.

Day 21: Introduction to Other Frameworks and Libraries


Overview of other popular tools (Vue, Angular).
Small tasks using new tools.

Day 22: Introduction to Python based web application


Overview of other popular tools (Flask & Django).
Creating Web Applicaton using Django with ChatGPT API

Day 23: Planning and Design


Conceptualization of the web application idea.
Requirement analysis for functionality, features, and user interactions.
Technology selection for front-end and back-end.
Designing wireframes or mockups for the application's UI.
[BONUS] Netflix Clone Complete

Day 24: Launching your Application


Introduction to Domain & Hosting
Deploying the application to a cloud platform or hosting service.

Day 25: Security Best Practices


Web application security fundamentals.
Securing your application (OWASP Top 10).

Day 26: Scalable Architectures


Introduction to microservices and serverless architectures.
Case study: Scaling a web application.

Day 27: Building Portfolio


Setting up Personal Website, GitHub & LinkedIn Profile

Day 28: Creating another source of Income


Freelancing and remote work opportunities.

Day 29: Career Skills in Web Development


Resume writing and interview preparation, Crack interview on Full stack journey.

Day 30: Final Review & Graduation


Final project presentations.
Feedback session.
Graduation and next steps.

You might also like