ccsa checkpoint mean stack - sevenmentor pvt. ltd · getting started with mean stack course course...

CCSACheckpoint

CCSA Checkpoint

www.sevenmentor.com

MEAN Stack MEAN Stack

www.sevenmentor.com

www.sevenmentor.com

Getting Started with MEAN Stack Course

Course IntroductionWhat is MongoDB, Angular, Nodejs and Express.jsMongoDB, Angular, Nodejs and Expressjs vs MEAN StackProject Setup and First AppThe course StructureWhat is MEANA basic setup of Bootstrap for Styling MEAN Introduction

Module IntroductionUsing types Classes InterfaceGenerics Wrap up & ModulesDeep dive into MEANs The Basics of MEAN Stack

Module IntroductionHow a MongoDB, Angular, Nodejs and Expressjs App gets loaded and startedComponents Creating new ComponentTemplates Understanding Component StylesUnderstanding Component Selector

Databinding & Directive Concepts

Module IntroductionWhat is DatabindingString Interpolation Property Binding vs String InterpolationEvent BindingUnderstanding Directives Using ngIf and Else ConditionsUsing style for Styling Mongodb, Angular, Nodejs and Expressjs AppApplying CSS Class dynamically with ngClassDisplaying Lists using For

www.sevenmentor.com

Advanced Component and Databinding

Dividing the App into multiple componentsProperty and Event Binding deep diveBinding to custom propertiesBinding to custom events View EncapsulationUnderstanding Local Reference inside TemplatesGetting Access to the templates using @ViewChild.Exploring Component Life Cycle Lifecycle hooks deep dive Module Introduction Advance Directive Concepts

Creating a basic custom attribute directiveExploring Renderer to create a DirectiveUnderstanding HostListener and HostBinding Binding to DirectiveProperties Building Structural Directives Exploring switch Understanding Services & Implementing Dependency Injection

Module IntroductionWhy Services are requiredUnderstanding Dependency Hierarchical InjectorInjecting a Service into other services Routing in MEAN Stack

Module IntroductionUnderstanding the need for a RouterSetting Up and implementing RoutesNavigating to Router LinksUnderstanding Router Paths Styling Active Router LinksUnderstanding Navigation Paths StylingRouter Links Navigating Dynamically Using Relative PathsFetching route parameters in a Reactive WayPassing query parameters and fragmentsUnderstanding Nested Routes Redirecting & Wildcard routesRedirection Path MatchingOutsourcing the Route CongurationIntroduction to Guards Understanding can activate

www.sevenmentor.com

Observables in MEAN Stack

Module IntroductionUnderstanding built-in MongoDB, Angular, Nodejs and Expressjs ObservableCreating Observables Using a Custom observableUnderstanding Observable Operators Forms in MEAN Stack

Module IntroductionNeed of MongoDB, Angular, Nodejs and Expressjs’s help Template Driven vs Reactive Approach Template Driven Approach

TD: Submitting and Using the formTD: Understanding Form’s StateTD: Accessing Form using @ViewChildTD: Adding Validation to user inputTD: Understanding Form StateTD: Outputting Validation Error MessagesTD: Using ngModel and two-way bindingTD: Grouping Form ControlsTD: Using Form Data Reactive Form Approach

Reactive: Creating a Form in CodeReactive: Submitting the formReactive: Adding ValidationReactive: Getting Access to ControlsReactive: Grouping ControlsReactive: FormArrayReactive: Custom ValidatorsReactive: Exploring Error CodesReactive: Custom Async Validator

www.sevenmentor.com

Making HTTP Requests in MEAN Stack

Introduction & how HTTP requestWorks in SPAs Sending POST RequestAdjusting request headers Sending GET requests

Authentication & Route Protection in Angular Apps

Module Introduction How Authentication works in SPAsIntroduction to JWTFirebase SDK Signing users upSigning users in Token