Scribd
Upload
33 views

MEAN (50Hrs) Syllabus: 1. Introduction To HTML5: 2

The 50-hour MEAN stack syllabus covers HTML5, CSS3, TypeScript, Angular, routing, directives, forms, Pipes, Node.js, Express, MongoDB, Observables, and authentication. Key topics include HTML tags, class vs ID, Angular components, routing, data binding, form validation, Node modules, MongoDB schemas, HTTP requests, and custom observables. Students will spend 4 hours completing a project to demonstrate their skills in building an Angular application with a Node/Express backend and MongoDB database.

Uploaded by

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

MEAN (50Hrs) Syllabus: 1. Introduction To HTML5: 2

The 50-hour MEAN stack syllabus covers HTML5, CSS3, TypeScript, Angular, routing, directives, forms, Pipes, Node.js, Express, MongoDB, Observables, and authentication. Key topics include HTML tags, class vs ID, Angular components, routing, data binding, form validation, Node modules, MongoDB schemas, HTTP requests, and custom observables. Students will spend 4 hours completing a project to demonstrate their skills in building an Angular application with a Node/Express backend and MongoDB database.

Uploaded by

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

MEAN (50Hrs) Syllabus

1. Introduction to HTML5: 2

 HTML tags and attributes

2. CSS3 (Cascading Style Sheets): 2

 Difference between ID and Class.


 Box Model implementation.

3. TypeScript and ES6 Features: 2

 The Type System – Classes & Objects


 Class Constructors
 Class Constructors – Alternate Form
 Interfaces
 Arrow Functions
 Template Strings

4. Angular: 2

 What is Angular?
 Angular JS vs Angular2 vs Angular6
 Project setup and First Application Execution

6. Module and Component: 2

 Module Introduction
 Component Introduction
 Creating new component
 Working with components

7. Changing Pages with routing: 4

 Routes & Router Module


 Working with Multiple Components.
 Navigation with Router Links
 Child Routes

8. Angular Layouts Design: 2

 Bootstrap with angular


MEAN (50Hrs) Syllabus

9. Data Binding: 4

 What is Data Binding?


 Interpolation
 Property Binding
 Event Binding
 Two-way Data Binding

10. Directives: 2

 Directive Types
 Structural Directives
 Adding and Removing Elements Dynamically
 Looping Using ngFor
 Decision Making ngIf

11. Create Form & Validation: 2

 Template Driven Forms


 Adding validation to check user input.
 Outputting validation Error Messages.

12. Event Emitter: 2

 Value passing among Components.

13. Using Pipes and Data Formatting: 2

 Using pipes.
 Creating a custom pipe.
 Creating a filter pipe.

14. Understanding of Node: 2

 Create Node Server Application


 Module in Node.js

15. Node Package Manager: 2

 Installation of Packages
 Sync & Async function
 Events
MEAN (50Hrs) Syllabus

16. Middleware: 2

 What is Express
 Routes using Express & Node

17. MongoDB: 2

 MongoDB features
 Data Model and Schema
 Connecting DB using Node

18. Node API: 2

 Insert API
 Display API
 Login API

19. Service and Dependency Injection: 2

 Service Basics
 Injecting Services

20. HTTP Request: 2

 Introduction & How HTTP Request work in SPA.


 Sending GET/ POST/ PUT/DELETE Requests.
 Using the Returned data.

21. Observables: 2

 Built in Observables.
 Custom Observables

22. Authentication and Route protection in Angular Application: 2

 Creating a Sign-Up Page & Route

Project : 4 hrs.

You might also like