Delivery Method  How will you be assessed?

Instructor-Led-Training (ILT) | ONLINE

The course lectures are well structured and highly
organized. The course is served on a daily or weekly basis in the
Course Duration  form of Class lectures, hands-on exercise, worksheets and One-
48 hours (6 days) on-One help, which is given by highly qualified course instructors.

Course Overview  Audience 

MEAN stack is a full-stack JavaScript solution that helps you Engineers, architects, draftsmen, designers, advertisers, or
write and deploy scalable, robust, and maintainable web anyone interested in acquiring skills in AutoCAD or whose job
applications quickly and easily using MongoDB, Express, Angular, depends on drawings or sketches to convey information or ideas.
and Node.js.
This training covers Angular 4.
Pre-Requisites 
For all other components (Node.js, Express, MongoDB) we cover the
All attendees should have a thorough knowledge of
latest stable version.
JavaScript and be familiar with web application design
concepts (such as accessing databases and SOA concepts), as
Course Objectives  well as basic HTML and CSS.
All students will:
• Learn why server-side JavaScript is useful
Course Contents 
• Install Node.js
• Learn how Node.js is architected to allow high scalability with
asynchronous code Day - 1
• Create basic web applications with Node.js ES6/TypeScript
• Automate tasks with Grunt An introduction to the Web's future
• Build an HTTP server using the core modules in Node.js ▪ ES6 and modules
• Use stream I/O to efficiently serve the web pages ▪ TypeScript
• Create modules to organize the server ▪ Web Components
• Test the reliability of the application with unit tests
• Convert the application to an MVC framework using Express Preparing for TypeScript
• Interface to a MongoDB database and a web service ▪ Brief Intro to TypeScript
• Understand Mongo as a data store ▪ The TypeScript Module System
• Be comfortable with Mongo's query and update languages ▪ Getting Setup
• Work with the common use-cases and architectures of Mongo ▪ Project Setup
• Use Mongo's built-in JavaScript interpreter ▪ String Templates
• Query Mongo using Mongo's JSON-based query language ▪ Const
• Index Mongo collections ▪ Let
• Handle data with Mongo's built-in MapReduce capabilities. ▪ Debugging
• Understand the design of single-page applications and how ▪ Rest & Spread Operators
AngularJS facilitates their development ▪ Arrow Functions
• Properly separate the model, view, and controller layers of your ▪ For...of
application and implement them using AngularJS ▪ Maps
• Master AngularJS expressions, filters, and scopes ▪ Sets
• Build Angular forms ▪ Interface
• Elegantly implement Ajax in your AngularJS applications ▪ Generics
• Write AngularJS directives ▪ New Object Features
• Unit test and end-to-end test your AngularJS application ▪ Destructuring
• Possess a basic understanding of AngularJS’s native services ▪ Angular 4 with TypeScript and Modules
• Create custom Angular services ▪ TypeScript decorators
• Understand how Angular processes directives, including
directive scope, priority, and transclusion
• Build custom directives
• Implement basic user interfaces with Angular Forms
• Make Angular work with your chosen UI widget framework
• Write more sophisticated end-to-end tests.

1|P a g e ©SYSINNOVA Infotech Pvt. Ltd. - Corporate training reference Only

mailto:info@sysinnova.com
Day - 1 & 2 Day – 2, 3 & 4
Node.js Angular 4 (A4)
Getting Started with Node.js A4 New Features
▪ Introduction ▪ View Engine
▪ Node.js Background ▪ AoT Compiler
▪ Getting Node.js ▪ Template Error Checking
▪ Demo: Installing Node on windows machine ▪ Faster and Smaller
▪ Demo: Developing for Node with WebStrome ▪ ngIf and else
IDE/SubLime ▪ Angular Universal
▪ Node's Event Loop ▪ Animations separate
▪ Node Conventions for Writing Asychronous Code ▪ ng-template
▪ Demo: Writing Asychronous Code in Node.js ▪ Filter - titlecase
▪ Http - http improvement
Modules, require() and NPM ▪ Service - Meta service
▪ Introduction, Accessing Built-in Modules ▪ Validation -Form validation enhancement
▪ Demo: Accessing Built-in Modules ▪ Directive- compreWith
▪ Using require() to Modularize Your Application • Router- ParamMap
▪ Demo: Accessing Application Files with require() • Angular 4 Architecture
▪ finding 3rd Party Modules via NPM • Modules, Controllers and Scope
▪ demo: Installing and Using 3rd Party Modules • Views
▪ Publishing Your Own Module, Conclusion • Two-way Binding
• Built-in and Custom Directives
Events and Streams • Event Directives
▪ Introduction • Expressions
▪ Events and the EventEmitter class • Built-in and Custom Filters
▪ demo: Returning an EventEmitter from a function • Understanding the Digest Loop
▪ Demo: Inheriting from EventEmitter • Forms and Validation
▪ Readable and Writable Streams, the Pipe function • Angular 4 Service Types
▪ Demo: Readable and Writable Streams • Factories, Providers, Decorators, DI
▪ Demo: Piping Between Streams • Creating Custom Services
▪ Conclusion • Consuming Ajax Web Services via $http and $resource
• Routing, Redirects, and Promises
Accessing the Local System • Custom pipes
▪ Introduction, The Process Object • Custom Directives
▪ Demo: The Process object • Add Ons
▪ Interacting with the File System ▪ Tips
▪ Demo: Interacting with the File System ▪ Best Practices
▪ What is a Buffer? ▪ Debugging
▪ Demo: Buffers ▪ Performance tuning

Interacting with the Web Days - 5 & 6 - 1 ½ day

▪ Introduction, Making Web Requests in Node Express.js
▪ Demo: Making Web Requests in Node • MVC Pattern
▪ Building a Web Server in Node • Introduction to Express
▪ Demo: Building a Web Server in Node • Routing
▪ Realtime Interaction with Socket.IO • HTTP Interaction
▪ Demo: Socket.IO • Handling Form Data
▪ Conclusion • Handling Query Parameters
• Cookies and Sessions
• User Authentication
• Error Handling
• Creating and Consuming RESTful Services
• Using Templates

2|P a g e ©SYSINNOVA Infotech Pvt. Ltd. - Corporate training reference Only

mailto:info@sysinnova.com
Day 6 - ½ Day Concluding second half

MongoDB
• Understanding NoSQL MongoDB
• Finding Documents
• Update, Insert, and Upsert
• Indexing
• Data Modeling
• Aggregation
Note:- Complete MEAN Stack Project based on the concept
and one Use Case.

CONCLUSION
-------------------------------------------------------------------------
SOFTWARE NEEDED FOR EACH STUDENT PC:

• Modern operating system (Windows, Mac, Linux, or Solaris) with

at least 3 GB RAM
• MongoDB 3.x or later
• A recent version of Google Chrome
• Other modern browsers as desired
• A local installation of Node.js
• Admin/root or sudor privileges to install additional features
during the class
• A text editor of your choice (preferred editors include
WebStorm, Sublime Text, Visual Studio Code, & Atom)
• Additional lab files that would provide
• For classes delivered online, all participants need either dual
monitors or a separate device logged into the online session so
that they can do their work on one screen and watch the
instructor on the other. A separate computer connected to a
projector or large screen TV would be another way for students
to see the instructor's screen simultaneously with working on
their own.

3|P a g e ©SYSINNOVA Infotech Pvt. Ltd. - Corporate training reference Only

mailto:info@sysinnova.com