Upload
others
View
13
Download
0
Embed Size (px)
Citation preview
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