Scribd
Upload
5 views4 pages

Full Stack Developer - Syllabus

The document outlines a comprehensive Full Stack Web Development syllabus offered by Maanagarram Hi Tech Solutions, covering essential topics from web fundamentals to advanced frameworks like React.js and Angular. It includes practical projects for each module, such as building a personal portfolio, CRUD REST API, and full stack applications. Additionally, the syllabus incorporates deployment and DevOps basics, along with capstone projects for different skill levels.

Uploaded by

jayanth.ofcl
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
5 views4 pages

Full Stack Developer - Syllabus

The document outlines a comprehensive Full Stack Web Development syllabus offered by Maanagarram Hi Tech Solutions, covering essential topics from web fundamentals to advanced frameworks like React.js and Angular. It includes practical projects for each module, such as building a personal portfolio, CRUD REST API, and full stack applications. Additionally, the syllabus incorporates deployment and DevOps basics, along with capstone projects for different skill levels.

Uploaded by

jayanth.ofcl
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

Maanagarram Hi Tech Solutions

KoodaldigiXS [Link]
info@[Link]
Online Coaching & Digital Learning Platform +91 7358105995

Full Stack Web Development Syllabus


Module 1: Web Development Fundamentals
Goal: Understand how the web works.
Topics:
 How the Internet works
 Client–Server Architecture
 HTTP & HTTPS
 DNS, Domains & Hosting
 Browsers & Rendering Engines
 REST vs GraphQL (basic overview) Practical:
 Install development tools (VS Code)
 Setup [Link] environment
 Browser developer tools

Module 2: HTML (Structure of the Web)


Topics:
 HTML document structure
 Semantic HTML
 Forms and input types
 Tables, lists, multimedia
 Accessibility basics
 SEO basics
Practical:
 Personal portfolio webpage
 Multi-page website

Module 3: CSS (Styling & Layout)


Topics:
 CSS selectors & properties
 Box model
 Flexbox
 CSS Grid
 Responsive design
 Media queries
 CSS animations & transitions
Framework:
 Bootstrap
o Grid system
o Components
o Utility classes
Practical:
 Responsive landing page
 Portfolio with Bootstrap

Module 4: JavaScript (Programming for the Web)


Topics:
 Variables, data types
 Functions
 Arrays & objects
 DOM manipulation
 Event handling
 ES6+ features
o Arrow functions

No 4056, 5th Main Road, Ayyapakam, Chennai, Tamil Nadu, India – 600077
Tel: 044-47740195 | Web: [Link] | Mob: +91 7358105995
o Destructuring
o Modules
o Spread operator
 Asynchronous JavaScript
o Callbacks
o Promises
o Async/Await
 Fetch API
Practical:
 To-do list app
 Weather API project

Module 5: Git & GitHub (Version Control)


Topics:
 Git basics
 Git workflow
 Branching
 Pull requests
 Merge conflicts
 GitHub repositories
 Open source contributions Practical:
 Manage project versions
 Collaborate on GitHub

Module 6: [Link] (Frontend Framework)


Topics:
 React fundamentals
 JSX
 Components
 Props & State
 Event handling
 Conditional rendering
 Lists & keys
 React Hooks
o useState
o useEffect
o useContext
 React Router
 API integration
Advanced:
 Context API
 Performance optimization
Practical:
 React dashboard
 E-commerce frontend

Module 7: Angular (Enterprise Frontend Framework)


Topics:
 Angular architecture
 TypeScript basics
 Components
 Services
 Dependency injection
 Routing
 Forms
 HTTP client
 State management basics
Practical:
 Angular admin panel

No 4056, 5th Main Road, Ayyapakam, Chennai, Tamil Nadu, India – 600077
Tel: 044-47740195 | Web: [Link] | Mob: +91 7358105995
Module 8: Backend Development with [Link]
Topics:
 [Link] fundamentals
 Event loop
 Modules
 File system
 NPM packages
Practical:
 Build simple API server

Module 9: [Link] (Backend Framework)


Topics:
 Express server setup
 Middleware
 Routing
 Error handling
 API development
Core Concepts:
 RESTful APIs
o GET
o POST
o PUT
o DELETE
Practical:
 CRUD REST API

Module 10: Authentication & Security


Topics:
 Authentication vs Authorization
 JWT (JSON Web Tokens)
 JWT-based authentication
 Password hashing (bcrypt)
 Session vs Token authentication
 Role-based access control
 API security best practices
Practical:
 Login & signup system
 Protected routes

Module 11: Databases


MongoDB (NoSQL)
Topics:
 MongoDB basics
 Collections & documents
 CRUD operations
 MongoDB Atlas
 Mongoose ORM
Project:
 Blog API

PostgreSQL (SQL Database)


Topics:
 SQL basics
 Tables & relations
 CRUD operations
 Indexing
 Joins
 Transactions
ORM:
 Prisma or Sequelize Project:

No 4056, 5th Main Road, Ayyapakam, Chennai, Tamil Nadu, India – 600077
Tel: 044-47740195 | Web: [Link] | Mob: +91 7358105995
 User management system

Module 12: [Link] (Full Stack React Framework)


Topics:
 [Link] basics
 Pages & routing
 API routes
 Server-side rendering (SSR)
 Static site generation (SSG)
 Authentication with [Link]
Practical:
 Full stack blog application

Module 13: Python for AI Integrations


Topics:
 Python basics
 REST API with FastAPI/Flask
 Using AI APIs
 Integrating AI into web apps
Examples:
 Chatbot
 AI content generator
 Recommendation system

Module 14: Full Stack Integration


Topics:
 Connecting frontend with backend
 API integration
 Error handling
 Deployment workflow
Stack Example:
 React + Node + MongoDB

Module 15: Deployment & DevOps Basics


Topics:
 Environment variables
 CI/CD basics
 Deployment platforms
o Vercel
o Netlify
o Render
o AWS basics
 Docker basics Practical:
 Deploy full stack project

Module 16: Capstone Projects


Beginner
 Portfolio website
 To-do list app
Intermediate
 Blog platform
 Weather dashboard
 Chat application
Advanced
 Full stack e-commerce website
 SaaS dashboard
 AI-powered web app

No 4056, 5th Main Road, Ayyapakam, Chennai, Tamil Nadu, India – 600077
Tel: 044-47740195 | Web: [Link] | Mob: +91 7358105995

You might also like