The document describes several real-time projects including:
1. An app for registration, login, accessing APIs via AJAX and logout with skills including local/session storage, JSON, AJAX, and string/array manipulation.
2. A product management project in Angular for adding, editing, deleting and searching products using data binding, directives, pipes and forms.
3. An app accessing JSON data for authentication and calling weather, news and Zomato APIs using HTTP client, observables, routing and custom RXJS.
4. A shopping cart application covering registration, login, authorization, adding/listing products, filtering, cart functions, searching and more using Angular, routing, HTTP, modules
테스트의 중요성에 대해서는 알고 있지만, 실제 프로젝트는 어떻게 적용해야 할지 모르는 어려운 경우가 많습니다. BDD를 적용하기 위해서 개발을 시작하기 전에 Use Case를 정리하고, Clean Swift의 각 컴포넌트를 구현하면서 Test Case까지 작성해본 실제 프로젝트 경험을 공유합니다.
Learn how to leverage functional concepts of Partial Application and Function Composition for Dependency Injection in C#. This is to achieve Simplicity.
Here are some answers to common Angular interview questions. That's Angular 2+, not AngularJS.
They’re quick, not really extended and are not in any particular order. Let’s get it on!
테스트의 중요성에 대해서는 알고 있지만, 실제 프로젝트는 어떻게 적용해야 할지 모르는 어려운 경우가 많습니다. BDD를 적용하기 위해서 개발을 시작하기 전에 Use Case를 정리하고, Clean Swift의 각 컴포넌트를 구현하면서 Test Case까지 작성해본 실제 프로젝트 경험을 공유합니다.
Learn how to leverage functional concepts of Partial Application and Function Composition for Dependency Injection in C#. This is to achieve Simplicity.
Here are some answers to common Angular interview questions. That's Angular 2+, not AngularJS.
They’re quick, not really extended and are not in any particular order. Let’s get it on!
Comprehensive summary of the key features of Vaadin Framework versions 8 and Vaadin 10 including DataBinding, Web Components and the way to the future with Vaadin Flow technologies. Material summarized from various IT conferences and events from 2018.
RMLL - Eclipse Acceleo Day - MDSD Scaffolding and Acceleo - Cédric Vidal - 1.1Cedric Vidal
Presentation on MDSD Scaffolding applied using EMF.Edit, a rule engine and Acceleo.
This talk was given at Eclipse Acceleo Day, on Friday 10th July 2009 during RMLL.
Javascript Under The Hood 1 ~ The Mysterious Parts - Demystifying Javascript’s “First-class functions”, “Scope”, “Closure”, and “this” keyword binding ~
Over the last year there has been a lot of buzz about Clean Architecture in the Android community, but what is Clean Architecture? How does it work? And should I be using it? Recently at Badoo we decided to rewrite our messenger component.
Over the years this core piece of functionality in our app has become large and unwieldy. We wanted to take a fresh approach to try and prevent this from happening again. We choose to use Clean Architecture to achieve our goal. This talk intends to share our journey from theory to implementation in an application with over 100 million downloads. By the end, you should not only understand what Clean Architecture is, but how to implement it, and whether you should.
Javascript Under The Hood 2 ~ Object Oriented Javascript ~
Demystifying Javascript's function constructor, new keyword, prototype.
Object Oriented fundamental in Javascript
JavaScript code is becoming ever more complex. How can we ensure a high level of code quality?
Some associated examples at: https://github.com/dennisodell/High-Quality-JavaScript-Code
How Testability Inspires AngularJS Design / Ran MizrahiRan Mizrahi
Testability is a major part of design decision making in Angular`s development.
In this sessions we’ll cover what testability is, how it inspires Angular`s design and why it’s good for us.
Neoito — Design patterns and depenedency injectionNeoito
Dependency injection is a software design pattern that allows someone to remove hard-coded dependencies and makes it possible to change them. Dependencies can be injected to the object via the constructor or via defined method or a setter property.
Faiz Mohamed Haneef is currently the CEO and Chief Technology Architect at Neoito. He's a former Architect at Lowe's, Hallmark and Infosys.
Go over key aspects of creating an Angular 2 SPA application, and learn how to use GrapeCity Wijmo 5 controls there, and what are the benefits that Wijmo 5 brings. Find out some technical details of Wijmo 5 for Angular 2 interop implementation.
Every software developer knows object oriented programming; in fact most use it every day. Using OOP enables code reuse and creates readable and maintainable code.
But there are places where object oriented is just not enough. There are features that cut across the entire system such as security, logging and transaction handling which are hard to implement efficiently using the OO paradigm.
Aspect Oriented Programming (AOP) helps us deal with these application-wide concerns by adding a high level of reuse to the traditional OOP framework.
In this session I'll explain what AOP is all about and how it can be implemented in .NET using simple methods and industrial grade frameworks to improve the developer's everyday work by using aspects.
Everything You Need To Know About AngularJSSina Mirhejazi
This is a basic information about AngularJS and what it is.
I made this for a workshop in my company, so needs more talking, but I think it's good to look at.
Angular JS Institute: NBITS is the best Angular JS Online/Classroom Training Institute in Hyderabad.We provide training from best real time industry experts in Angular 2,Angular 4,Angular 5,Node js, mean stack courses through online and Classroom with Lab facility.
Angular Training in Chennai at Credo Systemz Providing you Best Angular Training with JavaScript, Node JS and MongoDB knowledge. Credo Systemz is the Best Angular Training Institute in Chennai Velachery and OMR
Mean Stack Training in Chennai with all prerequisites from Best MEAN Stack Training Institute in Chennai. Become a MEAN Stack Developer is a dream for every Web Develope
This is a laconic presentation on Angular JS for beginners only. I have emphasized on example rather than theory. There are self explained source code urls attached with slides. In the last slide I have attached source code for a real life example using Angular JS an BootStrap which may be very helpful to understand the concept of Angular JS.
Introduction to AngularJS - 'Up and Running With Front End Web Development' course at VAMK (Vaasa University of Applied Science).
Code samples are in the notes alongside each slide, so download the file in case you want to check them.
This is a presentation that was presented at Tech Next meetup group (http://www.meetup.com/TechNext/events/168164922/), to introduce the audience to AngularJs (http://angularjs.org/).
It covers major ideas that AngularJS thrives on - data-binding, directives, services, dependency-injections, form validations, overall application architecture, Angular's view of MVC etc.
The content was prepared with the recent experience I gained which working for a short stint on a project earlier and is as per best of my knowledge.
Talk given by David Lucey, Systems Engineering Architect at Salesforce, at Open Network Users Group in May 2016
“Livestock, not Pets.” We’ve all heard the phrase, but it seems to be so much harder in practice. It’s even worse when applications are developed over decades.
Well, the Salesforce application suite has been developed over decades, with a massive number of products, features, and offerings within its own ecosystem. Come see how Salesforce wrangles that livestock and handles their scale of infrastructure at a high velocity – all while maintaining their high level of security.
Comprehensive summary of the key features of Vaadin Framework versions 8 and Vaadin 10 including DataBinding, Web Components and the way to the future with Vaadin Flow technologies. Material summarized from various IT conferences and events from 2018.
RMLL - Eclipse Acceleo Day - MDSD Scaffolding and Acceleo - Cédric Vidal - 1.1Cedric Vidal
Presentation on MDSD Scaffolding applied using EMF.Edit, a rule engine and Acceleo.
This talk was given at Eclipse Acceleo Day, on Friday 10th July 2009 during RMLL.
Javascript Under The Hood 1 ~ The Mysterious Parts - Demystifying Javascript’s “First-class functions”, “Scope”, “Closure”, and “this” keyword binding ~
Over the last year there has been a lot of buzz about Clean Architecture in the Android community, but what is Clean Architecture? How does it work? And should I be using it? Recently at Badoo we decided to rewrite our messenger component.
Over the years this core piece of functionality in our app has become large and unwieldy. We wanted to take a fresh approach to try and prevent this from happening again. We choose to use Clean Architecture to achieve our goal. This talk intends to share our journey from theory to implementation in an application with over 100 million downloads. By the end, you should not only understand what Clean Architecture is, but how to implement it, and whether you should.
Javascript Under The Hood 2 ~ Object Oriented Javascript ~
Demystifying Javascript's function constructor, new keyword, prototype.
Object Oriented fundamental in Javascript
JavaScript code is becoming ever more complex. How can we ensure a high level of code quality?
Some associated examples at: https://github.com/dennisodell/High-Quality-JavaScript-Code
How Testability Inspires AngularJS Design / Ran MizrahiRan Mizrahi
Testability is a major part of design decision making in Angular`s development.
In this sessions we’ll cover what testability is, how it inspires Angular`s design and why it’s good for us.
Neoito — Design patterns and depenedency injectionNeoito
Dependency injection is a software design pattern that allows someone to remove hard-coded dependencies and makes it possible to change them. Dependencies can be injected to the object via the constructor or via defined method or a setter property.
Faiz Mohamed Haneef is currently the CEO and Chief Technology Architect at Neoito. He's a former Architect at Lowe's, Hallmark and Infosys.
Go over key aspects of creating an Angular 2 SPA application, and learn how to use GrapeCity Wijmo 5 controls there, and what are the benefits that Wijmo 5 brings. Find out some technical details of Wijmo 5 for Angular 2 interop implementation.
Every software developer knows object oriented programming; in fact most use it every day. Using OOP enables code reuse and creates readable and maintainable code.
But there are places where object oriented is just not enough. There are features that cut across the entire system such as security, logging and transaction handling which are hard to implement efficiently using the OO paradigm.
Aspect Oriented Programming (AOP) helps us deal with these application-wide concerns by adding a high level of reuse to the traditional OOP framework.
In this session I'll explain what AOP is all about and how it can be implemented in .NET using simple methods and industrial grade frameworks to improve the developer's everyday work by using aspects.
Everything You Need To Know About AngularJSSina Mirhejazi
This is a basic information about AngularJS and what it is.
I made this for a workshop in my company, so needs more talking, but I think it's good to look at.
Angular JS Institute: NBITS is the best Angular JS Online/Classroom Training Institute in Hyderabad.We provide training from best real time industry experts in Angular 2,Angular 4,Angular 5,Node js, mean stack courses through online and Classroom with Lab facility.
Angular Training in Chennai at Credo Systemz Providing you Best Angular Training with JavaScript, Node JS and MongoDB knowledge. Credo Systemz is the Best Angular Training Institute in Chennai Velachery and OMR
Mean Stack Training in Chennai with all prerequisites from Best MEAN Stack Training Institute in Chennai. Become a MEAN Stack Developer is a dream for every Web Develope
This is a laconic presentation on Angular JS for beginners only. I have emphasized on example rather than theory. There are self explained source code urls attached with slides. In the last slide I have attached source code for a real life example using Angular JS an BootStrap which may be very helpful to understand the concept of Angular JS.
Introduction to AngularJS - 'Up and Running With Front End Web Development' course at VAMK (Vaasa University of Applied Science).
Code samples are in the notes alongside each slide, so download the file in case you want to check them.
This is a presentation that was presented at Tech Next meetup group (http://www.meetup.com/TechNext/events/168164922/), to introduce the audience to AngularJs (http://angularjs.org/).
It covers major ideas that AngularJS thrives on - data-binding, directives, services, dependency-injections, form validations, overall application architecture, Angular's view of MVC etc.
The content was prepared with the recent experience I gained which working for a short stint on a project earlier and is as per best of my knowledge.
Talk given by David Lucey, Systems Engineering Architect at Salesforce, at Open Network Users Group in May 2016
“Livestock, not Pets.” We’ve all heard the phrase, but it seems to be so much harder in practice. It’s even worse when applications are developed over decades.
Well, the Salesforce application suite has been developed over decades, with a massive number of products, features, and offerings within its own ecosystem. Come see how Salesforce wrangles that livestock and handles their scale of infrastructure at a high velocity – all while maintaining their high level of security.
Learn how to build apps using Angular JS with Firebase(backend-as-a-service)!!
Room 6 (2nd Floor Conference Room)
In this presentation, we'll be using Angular JS and Firebase to create a simple web application from scratch and explore the awesome real-time syncing features provided by firebase. Combining Bootstrap, Angular JS with Firebase and Azure, we can build and deploy cross-platform HTML5 apps.
On September 25th we hosted a webinar on “Step by Step AngularJS for beginners” for the Indian region and we’d like to share the presentation and recorded webinar with you now! In the webinar, we covered:
• Introduction to AngularJS
• Introduction to SPA
• Controller and $scope object
• Controller hierarchy
• Service and factory methods
• Routing
• CRUD operations in AngularJS application
And more!
Credo Systemz is the Well known Software Training institute that offers Full Stack Developer Course in chennai using the best trainers. We focus on mastering Full Stack development with a practical based approach.
Single Source of Truth for Network AutomationAndy Davidson
The importance of building a single source of truth for information within your organisation, when you embark upon a network automation project. Simply automating router configuration steps is not "network automation".
Patterns and practices for building enterprise-scale HTML5 appsPhil Leggetter
Developing large apps is difficult. Ensuring that code is consistent, maintainable, testable and has an architecture that enables change is essential. As is ensuring that multiple developers – across multiple teams – can efficiently contribute to the same application. When it comes to large server-focused apps, solutions to some of these challenges have been tried and tested. But, how do you achieve this when building HTML5 single-page apps?
In this session, Phil will cover the experiences his team have had when building HTML5 apps consisting of more than 250k lines of JavaScript (plus HTML templates, CSS, image, config etc) that are contributed to by multiple teams across multiple companies. He will highlight signs to watch out for as your HTML5 SPA grows, and a set of patterns and practices that help you avoid problems. He will also explain the simple yet powerful application architecture that their HTML5 apps have that is core to ensuring they scale.
Finally, Phil will demonstrate how tooling can be used to support these patterns and practices, and enable a productive developer workflow where the first line of code is feature code, features can be developed and tested in isolation, code conflicts are avoided by grouping assets by feature, and features are composed into apps.
The 3h workshop version of the Hands on Implementation of Clean Architecture in iOS. I have delivered this one or the Android counterpart in more that 20 cities of Europe and America.
The competition for leadership in public cloud computing is a fierce three-way race: Amazon Web Services (AWS) vs. Microsoft Azure vs. Google Cloud Platform
Best Big Data Hadoop Training in Chennai at Credo Systemz will help you learn and upgrade your knowledge in the Core components, Database concepts and Linux Operating system.
Firstly, UiPath Training in Chennai at Credo Systemz makes you an expert in Robotic Process Automation. For instance RPA UiPath is one of the leading Robotic Process Automation tools in the industry.
Python training in Chennai at Credo Systemz helps you to get an extensive knowledge of Python programming language. Python classes in Chennai by Credo Systemz is an instructor-led training conducted in Chennai premises.
AWS Training in Chennai at Credo Systemz, offers comprehensive courses on cloud computing and networking. Amazon Web Services training in chennai program enables a platform of web services which offers solutions for computing, storing and networking.
How to create a single page application in Angular - 1. Single Page Architecture
2. Types of Client Side Framework
3. Benefits of learning Angular?
4. Angular Vs other client side frameworks
5. Who can learn Angular?
6. Career and opportunities in Angular
To know more: +91 9884412301 / 9600112302
Website: www.credosystemz.com
Read| The latest issue of The Challenger is here! We are thrilled to announce that our school paper has qualified for the NATIONAL SCHOOLS PRESS CONFERENCE (NSPC) 2024. Thank you for your unwavering support and trust. Dive into the stories that made us stand out!
Palestine last event orientationfvgnh .pptxRaedMohamed3
An EFL lesson about the current events in Palestine. It is intended to be for intermediate students who wish to increase their listening skills through a short lesson in power point.
The Art Pastor's Guide to Sabbath | Steve ThomasonSteve Thomason
What is the purpose of the Sabbath Law in the Torah. It is interesting to compare how the context of the law shifts from Exodus to Deuteronomy. Who gets to rest, and why?
Students, digital devices and success - Andreas Schleicher - 27 May 2024..pptxEduSkills OECD
Andreas Schleicher presents at the OECD webinar ‘Digital devices in schools: detrimental distraction or secret to success?’ on 27 May 2024. The presentation was based on findings from PISA 2022 results and the webinar helped launch the PISA in Focus ‘Managing screen time: How to protect and equip students against distraction’ https://www.oecd-ilibrary.org/education/managing-screen-time_7c225af4-en and the OECD Education Policy Perspective ‘Students, digital devices and success’ can be found here - https://oe.cd/il/5yV
GIÁO ÁN DẠY THÊM (KẾ HOẠCH BÀI BUỔI 2) - TIẾNG ANH 8 GLOBAL SUCCESS (2 CỘT) N...
Angular training-course-syllabus
1. REAL-TIME PROJECTS
Movie, Jokes & User APIs calls
An app with Registration, login, access different
APIs via AJAX, logout.
Skills:
Local Storage Session Storage JSON
AJAX XHR HTTP
Array, String, Number Manipulation
Doing different challengeable Machine tests which are
conducted in top MNCs.
Skills:
String Array Object SetTimeout
SetInterval Form DOM Manipulations
Product Management in Angular
A real-time project with Product Management
which includes, Add, Edit, Delete and Search!
Skills:
Data Binding Inbuilt Directive
Custom Directive Inbuilt Pipes Custom Pipes
TD & Reactive Forms
Auth, Weather, News & Zomato App
A Project which accesses your JSON data and
authenticate the credentials. Call Weather, News&
Zomato APIs.
Skills:
Http Client RXJS Observable Routing
Custom RXJS
2. REAL-TIME PROJECT - SHOPPING CART APPLICATION
A real-time Shopping cart app from very scratch to Advanced level. The project includes Register, Login,
Client- side Authorization, Server-side Authorization, Add Products, List products, Filter products by category
wise, Add to cart, View cart, Update cart, Delete cart items, Search, View Product details, Logout.
Technologies
How to convert HTML app into Angular App, How to load external CSS, JS & Jquery,
Routing, Route Guard, Dynamic Routing, Connect REST API, Observable, Subject, Behaviour Subject, Event
Emitter, HTTP,Interceptor, Child Routes, File upload, Split app into different Modules, Eager Loading, Lazy
Loading, Async Loading.
Integrate Angular Material Module and UI Components
3. TYPESCRIPT COURSE CONTENT
SECTION 1: TYPESCRIPT INTRODUCTION
➢What is TypeScript?
➢Features of TypeScript.
➢How to compile TypeScript into JS?
➢What is Transpilation?
Hands-On Practicals:
➢ Installing Typescript Engine in Node.
➢ Compiling TS code (source) to JS code(source).
SECTION 2: NODE INTRODUCTION
➢What is Node?
➢Node Environment setups.
➢A Brief Node Introduction.
➢What is Node Modules?
➢What are the Types of Node Modules available?
➢What is Local & Global Module?
SECTION 3: TYPESCRIPT ENVIRONMENTSETUPS
➢Install TypeScript Engine in Node.
➢Execute the 1stTypeScriptcode.
➢What is watcher?
➢Introduction of ts-nodeNPM.
Hands-On Practicals:
➢ Practicing Watcher mode.
SECTION 4: VARIABLES IN TS
➢Difference between Static & Dynamic type checking.
➢How to Declare & Define Variables inTS?
➢What is any inTS?
➢Difference between let &var.
➢Template string introduction.
SECTION 5: DATATYPES IN TS
➢Brief Introduction of below types,
•String
•Number
•Boolean
•Array
•Object
•Tuple
4. •EnumAny
•Void
•Never
•Null
•Undefined
Hands-On Practicals:
➢ Practicing different types of Data types in TS.
SECTION 6: DIFFERENT TYPES OF PARAMETERS IN TS
➢Difference between JS parameter & TS Parameter.
➢Let vs var vs const
➢Passing Parameters to the functions.
➢How to pass optional parameter?
➢What is Default Parameter?
➢How to use default parameter before required parameter?
➢Rest Parameter overview.
Hands-On Practicals:
➢ Passing all above parameters in a single function.
SECTION 7: FEATURES IN TS.
➢Arrow functions.
➢Where to use Arrow functions?
➢Destructing an Array.
➢Destructing and Object.
SECTION 8: OOPS IN TYPESCRIPT
➢What is Class?
➢What is Class definition??
➢What is Object??
➢How to Create Object?
➢Brief introduction about,
•Property
•Method
•Constructor
➢What is Inheritance?
➢Different types of Inheritance in TS.?
➢Access modifiers in TS.?
➢Read only in TS.?
➢Static Property & Methods inTS.
➢Interface in TypeScript.
Hands-On Practicals:
➢ Practicing all opps in a real-time examples.
➢ Converting JS function into TS Class with oops concepts.
5. ANGULAR 11 TRAINING COURSE CONTENT
SECTION 1: INTRODUCTION TO ANGULAR
➢What is Angular?
➢Difference between framework &Library?
➢History of Angular and its versions.
➢Why Angular?
➢Features of Angular.
➢What is Single Page Application?
➢Difference between SPA & Traditional Application.
➢What is MVC?
➢How MVC works in Client & Server sides?
SECTION 2: ANGULAR ENVIRONMENT SETUPS
➢What is Angular CLI?
➢Purpose of the CLI.
➢Angular CLI installation.
➢Create a Basic Angular App by using CLI.
➢Executing the Angular Application in the browser.
➢How an Angular app Bootstrapping?
➢Angular Libraries
➢Brief explanation about the structure of the Angular App.
Hands-On Practicals:
➢ Create a New Angular App using CLI
➢ Run Angular app in different ports
SECTION 3: MAIN BUILDING BLOCKS OF ANGULAR
➢An Overview of the below Building blocks of Angular
•Modules
•Components
•Decorators
•Templates
•Metadata
•Data binding –Directives
•Services
•Dependency Injection.
➢What is Module & its importance?
➢What is Root Module and Feature Module?
➢How to import & Export Module?
Hands-On Practicals:
➢ Practicing Root Module and Core Module workflows.
➢ Practicing on Different MetaData properties.
6. SECTION 4: COMPONENTS IN ANGULAR
➢What is Component?
➢What is Root Component?
➢ How to create a Component manually and through CLI?
➢What is Component decorator and its Meta data?
➢Component’s Structure overview.
➢Component in an Action
➢What is Instance of the Component?
➢What are the ways to call a Component in a view?
➢Component Lifecycle Hooks.
➢What is Nested or Parent Child relation Component?
➢Components Interactions overview.
➢How to pass Data from Parent to Child & Child to Parent?
Hands-On Practicals:
➢ Create and Configure a Component without CLI.
➢ Practice on Nested Components
➢ Call a Component as Element, Attribute & Class
SECTION 5: DATA BINDING, PROPERTY BINDING, EVENT BINDING AND 2 -WAY DATA BINDING
➢What is Data Binding?
➢String Interpolation.
➢What is Property Binding?
➢String Interpolation VS Property Binding
➢What is Two-way Data Binding?
➢ How to implement 2-way Data Binding?
➢Style Binding, Class Binding.
➢Overview of Event Binding.
➢Element reference and $event service in Angular.
➢Event Filtering
Hands-On Practicals:
➢ Practice on Event Binding with certain conditions.
➢ Implement few Property Bindings.
➢ Applying 2-way Data Binding in a form.
SECTION 6: SERVICES IN ANGULAR
➢What is Services?
➢Why should we use Services?
➢How to create Services in Angular?
➢What is Dependency Injection?
➢How to use Dependency Injection?
➢Singleton Object -Overview
➢Singleton Obj VS Regular Obj
➢What is providers?
7. ➢What is@Injectable()?
➢Registering a Service in Providers VS @Injectable() Decorators
➢What is HierarchicalDI?
Hands-On Practicals:
➢ Create a Service and use some Business Logics.
➢ Practice on Dependency Injection & Singleton Object.
➢ Use Services for sharing Data between Components.
SECTION 7: DIRECTIVES & CUSTOM DIRECTIVES IN ANGULAR
➢What is Directives?
➢Component VS Directives
➢What are the Different kind of Directives available in Angular?
➢Difference between Structural & Attribute Directives.
➢Overview of All Structural & Attribute Directives.
• ngIf
• ngFor
• ngSwitch
• hidden
• ngClass
• ngStyle - ngNonBindable
• ngTempate
• ngContent
• ng-container
➢Difference between ngIf& hidden directives.
➢How to create Custom Directives?
➢How to pass Input property to the custom directive?
➢How to receive Input property from the custom directive?
➢What is @Input decorator and its methods to use?
➢What is ElementRef and its purpose?
Hands-On Practicals:
➢ Practice on All kind of Directives.
➢ Create a Simple Custom Directive
➢ Create a Complex Custom directive with accept data from outside.
➢ Using Custom Directive change the Form values.
SECTION 8: PIPES IN ANGULAR
➢What is Pipe in Angular?
➢Purpose of the Pipes.
➢Difference between Pipes & Directives.
➢Detailed explanation of the below Pipes,
•Lowercase
•Uppercase
•Titlecase
•Slice
• Json
8. •Number
•Percent
•Currency
•Date
➢What is Pure Pipe & Impure Pipe?
➢How to create Custom Pipes?
➢What is chaining Pipes?
➢What is Parameterized Pipe?
Hands-On Practicals:
➢ Practice on All kind of default Pipes.
➢ Transform the form & table data with 7 different custom Pipes.
SECTION 9: COMPONENTS COMMUNICATION
➢Overview of Components Interaction
➢Share data between components by using Service
➢Component Interaction from Parent to Child.
➢Component Interaction from Child toParent.
➢@ViewChild decorator overview
➢ @Input & @Output decorator overview
➢ Custom Event Binding
➢Components Interaction by using Event Emitter & Subject and observable
Hands-On Practicals:
➢ Practice on Pass data from Parent to Child and vice versa.
➢ Create Custom Events and Emit Data.
SECTION 10: EVENT EMITTER AND OTHER SPECIAL DIRECTIVES
➢What is Event Emitter?
➢When to use Event Emitter?
➢How to transfer data with Event Emitter?
➢How to create Custom Events and Trigger?
➢View Encapsulation Overview.
➢What is ng-content and its purpose?
➢ng-container Directive overview.
Hands-On Practicals:
➢ Applying View Encapsulation in a real-time Project.
➢ Trigger custom events from component and subscribing it from another component.
SECTION 11: TEMPLATE DRIVEN FORM IN ANGULAR
➢What is Template Driven Form?
➢Purpose of Form.
➢How to setup a form in Angular?
➢What is form control and how to set it?
9. ➢What is ngForm?
➢How to Access form values?
➢What are the form states available in Angular?
➢TD Form Validations.
➢HTML5 Validation vs Angular form Validation.
➢How to set prepopulate values in form fields?
➢Setup One-way data binding in Angular.
Hands-On Practicals:
➢ Create a TD form and get values in Form submission.
➢ Apply all kind of form validations.
➢ Get and Set values from Form fields.
SECTION 12: REACTIVE FORM IN ANGULAR
➢What is Reactive Form?
➢Difference between Template Drive & Reactive Form
➢ What is form group & form control?
➢How to sync view & Reactive formTS?
➢ What is Patch Values & Set Values?
➢How to attach Dynamic Validations?
➢How to get Reactive from Values?
➢Create Dynamic Form by using Reactive Form
Hands-On Practicals:
➢ Create a Dynamic form.
➢ Login form using Reactive Form.
SECTION 13: SERVICE AND DEPENDENCY INJECTION IN ANGULAR
➢What is Service in Angular?
➢Create & configure Service in Angular.
➢How to do Dependency Injection in Angular?
➢What is Singleton Object?
➢Multiple DI in single Class.
SECTION 14: ROUTING IN ANGULAR
➢What is Routing?
➢How Routing makes our App into SPA?
➢How to configure Routing in an Application?
➢Load our components dynamically based on url path.
➢How to create Child Route?
➢Navigating to other links programmatically.
➢Passing Parameter to the Routes.
➢Static Route vs Dynamic Route.
➢Fetching Route Params.
➢ Router Directives overview
➢Client-side authorization using Route Guard
10. Hands-On Practicals:
➢ Create a SPA.
➢ Practice on Client-side Authorization.
SECTION 15: HTTP & OBSERVABLE IN ANGULAR
➢HTTP Client in Angular
➢REST API Overview
➢How to establish HTTP request to Server side.
➢How HTTP Mechanism works?
➢What are the methods available in HTTP?
➢What is Observable &Observer?
➢What are the call back methods available in Observable?
➢How to create a CustomObservable?
➢What is next(), error() and complete()?
➢How to send Query Params & Custom Headers?
➢How to connect any backend &APIs?
➢What is CORS?
➢How to resolve CORS errors?
Hands-On Practicals:
➢ A real-time HTTP Project by using connecting 4 APIs
SECTION 16: AUTHORIZATION IN ANGULAR & JWT
➢Client side Authorization vs Server side Authorization.
➢Serve side Authorization by using JWT Token.
➢Set JWT Key expiry time.
➢HTTP interceptors-Overview
➢How to configure HTTP interceptors?
Hands-On Practicals:
➢ Create and Verify JWT key in real-time project.
➢ Validate the request using HTTP interceptors.
SECTION 17: FILE UPLOAD IN ANGULAR
➢Angular form setups for File Upload.
➢FormData() in Angular
➢Server side setups for File Upload.
➢Multer NPM in node.
➢How to use Multer NPM as middleware in Node?
➢Attach the Multer middleware in server-sider outing.
11. Hands-On Practicals:
➢ Upload Product Images with validations.
➢ Move the uploaded files in a directory and save data in DB.
SECTION 18: REAL-TIME PROJECT IN ANGULAR
During the course we will take one Real-time E-commerce application and apply all the above sections
into the project.
In the project Front-end will be in Angular and Back-end will be in Node JS. On top of the Node JS we will
write Express JS as a REST Api. For Database, we choosed MongoDB for CURD Operations.
www.credosystemz.com