WEB – Fullstack Developer MEAN/MERN

2 Days

70hrs.

Live Mentorship

200+ hrs.

Coding Assignments

5+

Live Projects

3+

Industry Cases

Course Description

The MEAN Stack Developer course will establish you as an expert web developer in the MEAN stack. The term MEAN stack refers to a collection of JavaScript-based technologies used to develop web applications. MEAN is an acronym for MongoDB, Express, Angular, and Node.js. Mongo DB is a database system; Express is a back-end web framework; Angular.js is a front-end framework; and Node.js is a back-end runtime environment. The MEAN Stack Developer program is a structured learning path recommended by leading industry experts and ensures your mastery of full MEAN stack development.

The Full-Stack Developer training program begins with Node.js and Express.js, which provide a solid foundation to understand and build web applications with the help of JavaScript. Next, you will gain a comprehensive understanding of Angular to help master front-end web development. Finally, you will receive training in MongoDB to learn all of the features of NoSQL database technology. We have included JavaScript, HTML, and CSS as electives to give you a further edge in becoming a full-stack developer.

This full-stack developer course provides access to 100+ live instructor-led online classrooms, 90+ hours of self-paced video content, 7+ industry-based projects, 10+ simulation exams, a community moderated by experts, and other resources that ensure you follow the optimal path to your dream role of a MEAN stack developer.

 

  • Intensive 4-month Program
  • Collaborative Assignments with Mentors
  • Master Web Development
  • Learn HTML, CSS, JavaScript, NodeJS, ExpressJS, MongoDB, ReactJS
  • The concept of web designing
  • Understanding various browsers and their behavior with developer tool
  • HTML tags
  • CSS3
  • Basic CSS with Reset, Clear Fix and practical issues faced with various browsers,devices
  • Understanding fluid,fixed and responsive layouts
  • Responsive design implementation considering various screen sizes
  • Introduction to SASS

Bootstrap

  • Concept of CSS frame work
  • Grid system
  • General classes used with a practical example

CSS Preprocessors

  • SASS
  • LESS
  • Basic concepts of programming
    – Variables and Datatypes, Control Statements, Arrays
  • Functions
    – Functions, Function Expression, Anonymous Function
    – Scope, Closures
    – call(), apply(), bind()
    – IIFE
  • DOM
    – Controlling elements, Handling parent child node, Events and Event Listeners
  • Objects like (BOM)
    – Window, Screen, Navigator
  • OOJS
    – Object Oriented approach introduction, Prototypal Inheritance, General best practices
  • Ready function libraries like
    – String, Number, Date etc.
  • JSON and reading data
  • AJAX and cross-domain calls

Jquery

  • Understanding the framework
  • DOM Manipulation
  • Enhancing AJAX calls

1. Understanding component based architecture

  • Importance and Sequence of these methods
  • Lifecycle creation phase methods
  • Lifecycle updation phase methods
  • shouldComponentUpdate – usage. When one should return true or false from this methods

2. Stateful and stateless component

  • Different ways of creating React Component
  • States and Props availability in components
  • Usage of props and states along with difference
  • Why/when one should go with presentation component
  • Usage of container components

3. State vs Props

4. Handling Events

  • How to handle events from functional components
  • event.bind(this) /this.event()/ this.event difference
  • Purpose of “ref” keyword with component
  • Purpose of “key” keyword with component
  • Debugging React App / Error handling / ErrorBoundary [New*] concepts
  • Form validation patterns explanation
  • HOC how to implement/ Class HOC and Method HOC difference

5. Implementing Forms and validations

6. CSS and User Experience

  • Applying inline style
  • How to apply pseudo selectors [e.g. hover]
    • Use of Radium framework
    • Using config. files [Hint: npm run eject]
  • How to Apply Normal CSS classes

7. HOC [High Order Component]

8. Redux

  • How to Configure
  • Why redux needed – with example
  • Explain Store/Action + Data passing/Dispatch/Reducer concept
  • Explanation of Redux flow
  • Good to have Redux-Saga knowledge

9. AJAX

  • HTTP calls from React
  • Explanation on framework like Axios
  • How to handle asynchronous calls

10. Single Page Application

  • Explanation – Comparison of Multi and Single page application approaches
  • React Router – Configuration/Setup
  • Using React Router – Must know syntax/ steps to implement it

11. Unit and E2E testing

12. Deployment and Versioning

1. Typescript (Theory: 12 Hrs, Assignment: 6 Hrs)

1. Introduction and development environment setup
2. Variable declarations and enum
3. Union and Intersection Types
4. Tuple
5. Arrow functions
6. Interfaces and classes

  • Implementing interfaces and polymorphism through interfaces
  • Constructors and optional parameters
  • Extending classes
  • Access modifiers – Public, Private, Protected
  • Access modifiers in constructor
  • Dependency injection
  • SOLID fundamentals
  • Modules

7. Type guards

  • Typeof
  • Instanceof
  • User defined type guards

8. Polymorphic ‘this’ type
9. Declaration merging

  • Interface merging
  • Module augmentation

10. Asynchronous programming

  • Callback functions
  • Promises
  • Async/await

11. Write cleaner code using TSLint

2. Angular 4 (Theory: 70 Hrs, Assignments and Practical: 100 Hrs)

1. Introduction to Angular

  • Angular cli to create project
  • Understanding angular project structure

2. Components

  • Understanding structure of a component
  • Property binding and attribute binding
  • Event binding, $event and event filtering
  • Template variable
  • Two way binding using ngModel directive
  • Input properties
  • Output properties
  • DOM element reference using @ViewChild and ElementRef

3. Directives

  • Attribute directives – ngClass, ngStyle
  • Structural directives – ngIf, ngFor, ngFor track by, ngContent, ngContainer, ngSwitch, ng-template, ngTemplateOutlet
  • Passing templates from parent to child component
  • Creating custom directives

4. Pipes

  • Built in pipes
  • Creating custom pipes

5. Forms

  • Template driven forms
  • Reactive forms – Formbuilder, Formgroup and Formarray.
  • Building custom validation rules

6. Observables

  • Using Observables
  • Observables Vs Promises

7. Services

  • Introduction to services
  • Handling Service dependencies
  • Writing Http Services
  • Handling Errors

8. Single page applications (SPA) with routers

  • Router outlet
  • For root and for child routes
  • Parameters to routes
  • Optional or query parameters
  • SwitchMap
  • Preloading strategy

9. Authentication and Authorization

  • JSON Web tokens
  • Implementing login and logout
  • Working with user roles
  • Authenticating / guarding routes

10. Component lifecycle

  • Lifecycle hooks
  • Understanding change detection
  • Working with ngZone

11. Animations

  • Different ways to create animations
  • States and transitions
  • Reusable triggers
  • Easings and keyframes
  • Reusable animations
  • Querying and animating child elements
  • Staggering animations
  • Custom states

12. Redux

  • Need of redux, understanding state management
  • Registering and using global store
  • Building blocks of redux
  • Understanding pure and impure functions
  • Importance of immutation
  • Subscription
  • Reducers, dispatch actions
  • Debugging with Redux DevTools
  • Asynchronous process implementation using action creators

13. Deployment

  • Jit Vs Aot
  • Understanding webpack fundamentals
  • Building applications with angular CLI
  • Custom environments
  • Deployment options

14. Unit testing

  • Fundamentals
  • Testing strings and arrays
  • Testing forms
  • Testing event emitters and spies
  • Limitations and code coverage

15. Integration testing

  • Understanding spec file
  • Testing property and event binding
  • Testing service dependency
  • Testing routes
  • Fundamentals like Node.js syntax, NPM package management etc.
  • Building web application with node.js & Express
  • Building web services with node.js and Express
  • Building CRUD Applications
  • Defining Mongoose schema
  • Designing Routes using Express.js
  • Create a Server using Express.js
  • Building a RESTful API