Full Stack Web Development
All
MEAN Stack Training
SangaloTech
88 lessons
10 week
73 enrolled
Description
MEAN Stack is one of the most popular full-stack JavaScript technologies used to build modern web applications. It enables developers to use JavaScript for both frontend and backend, making development faster, easier, and more efficient.
Why Learn MEAN Stack?
- Single Language (JavaScript) from frontend to backend
- High demand for Full Stack Developers
- Fast and scalable application development
- Build complete web applications with one technology stack
- Create responsive and dynamic user interfaces
- Develop secure REST APIs and authentication systems
- Easy deployment to cloud platforms
- Excellent career opportunities and freelance projects
- Used by startups and enterprise companies worldwide
- Open-source ecosystem with strong community support
What you will learn in this course?
- Build a production-ready MEAN stack application from scratch
- Design scalable RESTful APIs with Node.js and Express
- Model data with MongoDB using Mongoose schemas and relations
- Build reactive single-page interfaces with Angular
- Implement JWT authentication and role-based authorization
- Deploy MEAN apps to production using Docker and CI/CD
Requirements
- Basic knowledge of HTML, CSS, and JavaScript
- Familiarity with any programming language is a plus
- A computer with at least 8GB of RAM
- Node.js and MongoDB installed locally (setup is covered in the course)
Target Audience
- Aspiring full-stack developers who want to master the MEAN stack
- JavaScript developers looking to expand into backend and database work
- Students and professionals preparing for full-stack developer roles
- Anyone wanting to build fast, modern web applications
Curriculum
- 9 Sections
- •
- 88 Lessons
- •
- 8 hours 5 minutes
|
-
1.1Introduction to HTML1 hour
-
1.2Basic HTML Tags1 hour Preview
-
1.3Text Formatting10 minutes
-
1.4Links and Images
-
1.5Tables
-
1.6Forms
-
1.7Multimedia
-
1.8Semantic HTML
-
1.9HTML5 Features
-
2.1Introduction to CSS1 hour Preview
-
2.2Types of CSS (Inline, Internal, External)1 hour Preview
-
2.3CSS Syntax and Selectors
-
2.4Colors and Backgrounds
-
2.5Fonts and Text Styling
-
2.6Borders, Margins, and Padding
-
2.7CSS Box Model
-
2.8Width, Height, and Units
-
2.9Display and Visibility
-
2.10Positioning (Static, Relative, Absolute, Fixed, Sticky)
-
2.11Flexbox Layout
-
2.12CSS Grid Layout
-
2.13Lists and Tables Styling
-
2.14Styling Links and Buttons
-
2.15CSS Transitions and Animations
-
2.16Responsive Web Design
-
2.17Media Queries
-
2.18CSS Variables
-
2.19Introduction to Bootstrap
-
2.20Introduction to TailwindCss
-
3.1Introduction to JavaScript30 minutes Preview
-
3.2JavaScript Syntax and Comments20 minutes Preview
-
3.3Variables and Data Types30 minutes Preview
-
3.4Operators25 minutes Preview
-
3.5Conditional Statements (if, else, switch)30 minutes Preview
-
3.6Loops (for, while, do…while)10 minutes Preview
-
3.7Functions30 minutes Preview
-
3.8Arrays10 minutes Preview
-
3.9Objects10 minutes Preview
-
3.10Strings and Numbers10 minutes Preview
-
3.11Events and Event Handling30 minutes Preview
-
3.12DOM (Document Object Model) Manipulation
-
3.13Form Validation
-
3.14ES6 Features (let, const, arrow functions, template literals)
-
3.15Error Handling (try…catch)
-
3.16Timers (setTimeout, setInterval)
-
3.17Fetch API and JSON Basics
-
3.18Local Storage and Session Storage
-
3.19Mini Project (e.g., To-Do List, Calculator, or Quiz App)
-
4.1Node.js fundamentals and event loop
-
4.2npm and package management
-
4.3Built-in modules (fs, path, http)
-
4.4Creating servers and REST APIs
-
4.5Express.js setup and routing
-
4.6Middleware and request handling
-
4.7Environment variables and nodemon
-
4.8Assignment: Build a REST API with CRUD (in-memory data)
-
5.1Database basics (SQL vs NoSQL)
-
5.2MongoDB structure (documents, collections)
-
5.3MongoDB Atlas setup
-
5.4CRUD operations (insert, find, update, delete)
-
5.5Mongoose ODM (schemas, models)
-
5.6Data validation and relationships
-
5.7Assignment: Connect API with MongoDB database
-
6.1Authentication vs authorization
-
6.2Password hashing using bcrypt
-
6.3JWT (JSON Web Tokens) authentication
-
6.4Login & registration system
-
6.5Protected routes and middleware
-
6.6CORS and security basics
-
6.7Assignment: Add authentication system to your API
-
7.1React basics (components, virtual DOM)
-
7.2JSX syntax and structure
-
7.3Props and component communication
-
7.4State management using useState
-
7.5Event handling in React
-
7.6Conditional rendering and lists
-
7.7useEffect hook and API calls
-
7.8React Router for navigation
-
7.9Assignment: Build frontend connected to backend API
-
8.1Connecting frontend with backend APIs
-
8.2JWT authentication integration
-
8.3State management (Context API)
-
8.4Handling forms, validation, and errors
-
8.5Implementing search/filter/pagination
-
8.6Protected routes in frontend
-
8.7Assignment: Complete full-stack application features
-
9.1Vercel deploy
-
9.2Render Deploy
SangaloTech
Industry expert passionate about teaching.
FAQs
No. The curriculum starts from the fundamentals and walks through everything step by step, so beginners can follow along while experienced developers can jump ahead.
Yes. A certificate of completion is issued as soon as you finish the course and pass the final assessment.
You get lifetime access, including all future updates to the lessons and projects.
Yes, it is completely free. Just click the Enroll button and start learning right away.
No reviews yet. Be the first to review!
