Fullstack Development

Schedule: 3 times a week

Month 1: Front-End Development

· Overview of web technologies (HTML, CSS, JavaScript)

· Understanding how web browsers work

· Version control with Git and GitHub

· Structuring web pages using HTML5

· Styling with CSS3: Flexbox, Grid, and responsive design

· Introduction to CSS preprocessors (SASS/LESS)

· JavaScript basics (variables, loops, conditionals)

· Functions, events, and DOM manipulation

· Introduction to ES6+ features (arrow functions, destructuring, etc.)

· Introduction to React.js or Vue.js

· Component-based architecture

· State management and props

· Building a simple front-end project

Month 2: Back-End Development

· Introduction to server-side programming

· Overview of RESTful APIs

Understanding databases (SQL vs NoSQL)

· Setting up a Node.js project

· Working with Express.js for building REST APIs

· Middleware and routing

· Introduction to MongoDB (NoSQL database)

· Connecting Node.js with MongoDB

· CRUD operations with Mongoose

· SQL database integration (MySQL or PostgreSQL)

· User authentication with JWT and sessions

· Password hashing and salting

· Securing APIs and handling CORS

Week 12-13: Fullstack Integration

· Connecting front-end with back-end via APIs

· Handling asynchronous calls with Axios/Fetch

Fullstack app architecture: MVC pattern

· Building real-time apps using WebSockets

· Introduction to GraphQL and how it differs from REST

· Deploying applications (Heroku, Netlify, or AWS)

· Build a complete web application (front-end and back-end)

· Peer reviews and feedback

· Presentation and final assessment