If you want to learn fast, easy, and rewarding ways to create web applications that are easy to refactor and maintain in the future with no decline in performance, then this is the right course for you.Using the latest Angular 9 release, you will learn how to organize your application using core feature and shared modules. You'll structure container components in Angular 9 to help your application supply a presentation data flow and translate component-specific events into application state commands. You will understand state management and see how it can be implemented in Angular using NgRx, a Redux implementation for Angular 9. We'll cover how we can use Input and Output decorators in Angular 9, an easy way to exchange data between components. You'll find out how to use functions and pipes in your application, a new way to write display-value transformations that you can declare in your HTML. Finally, you will learn how to test and secure your application to make it more robust.By the end of the course, you'll have learned to share the same functionality across an application by designing applications that are easy to maintain—now and in the future. Please note that this course assumes the following knowledge levels: Basic CSS and HTML; intermediate JavaScript and TypeScript; and prior experience with Angular Fundamentals.The code bundle for this course is available at: About the Author
.
Baljeet Singh is a full-stack web/mobile developer. He learned to code by building websites in PHP but has since worked with many other technologies (such as Laravel, Angular, Ionic, Vue.js, Express, and more) on both the frontend and backend. He has 5 years' experience with Angular and has been working with it since its early days. He has created multiple apps using Angular for various clients. He has been an autodidact as long as he can remember and really loves sharing what he's learned with the world through blogs, websites, and in person
Facilities
Location
Start date
Online
Start date
Different dates availableEnrolment now open
About this course
Master the Angular 9 web application architecture and how to set up your development environment
Create a modern, responsive, and scalable web application with Angular 9
Organize your application using the feature, core, and shared modules
Use functions and pipes in your application to improve performance
Develop modern, complex, responsive, and scalable web applications through Angular 9
Implement HttpClient and RxJS Operators to provide a simplified frontend application that can communicate with backend services over the HTTP protocol
Manage cross-site scripting attacks and audit your Angular applications
Questions & Answers
Add your question
Our advisors and other users will be able to reply to you
We are verifying your question adjusts to our publishing rules. According to your answers, we noticed you might not be elegible to enroll into this course, possibly because of: qualification requirements, location or others. It is important you consult this with the Centre.
Thank you!
We are reviewing your question. We will publish it shortly.
Or do you prefer the center to contact you?
Reviews
Have you taken this course? Share your opinion
This centre's achievements
2021
All courses are up to date
The average rating is higher than 3.7
More than 50 reviews in the last 12 months
This centre has featured on Emagister for 4 years
Subjects
Presentation
Application Architecture
HTML
Web
Project
Technology
Install
Web Designer
Web Development
Web Programming
Course programme
Overview of Angular Architecture 4 lectures29:29The Course Overview This video will give you an overview about the course.Understanding the Angular Web Application Structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structureAngular Refresher Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of AngularAngular Refresher Demo In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backendOverview of Angular Architecture - Quiz Overview of Angular Architecture 4 lectures29:29The Course Overview This video will give you an overview about the course.Understanding the Angular Web Application Structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structureAngular Refresher Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of AngularAngular Refresher Demo In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backendOverview of Angular Architecture - QuizThe Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. The Course Overview This video will give you an overview about the course. This video will give you an overview about the course. This video will give you an overview about the course. Understanding the Angular Web Application Structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structure Understanding the Angular Web Application Structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structure Understanding the Angular Web Application Structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structure Understanding the Angular Web Application Structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structure Get to know the default structure of the Angular web application. • Install Angular CLI • Create a new project • Look at the folder structure Angular Refresher Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of Angular Angular Refresher Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of Angular Angular Refresher Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of Angular Angular Refresher Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of Angular Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of Angular Get to know the technology that we are going to be using. • Learn about Angular • Understand the features of Angular Angular Refresher Demo In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backend Angular Refresher Demo In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backend Angular Refresher Demo In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backend Angular Refresher Demo In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backend In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backend In this video, learn the basics of Angular. • Get to know Angular CLI • Create a component • Use a service to fetch the data from the backend Overview of Angular Architecture - QuizOverview of Angular Architecture - QuizOverview of Angular Architecture - QuizOverview of Angular Architecture - Quiz Designing Your Application Using Modules 5 lectures29:07Ways to Organize Code In this video, we will have a look at the different ways to organize our code.Feature Modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modulesShared Modules Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareableCreating a Library Here, learn how to create a library. • See what an Angular library is • Create a libraryConsuming a Library In this video, see how to consume a library. • Build a library • Consume library in the componentDesigning Your Application Using Modules - Quiz Designing Your Application Using Modules 5 lectures29:07Ways to Organize Code In this video, we will have a look at the different ways to organize our code.Feature Modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modulesShared Modules Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareableCreating a Library Here, learn how to create a library. • See what an Angular library is • Create a libraryConsuming a Library In this video, see how to consume a library. • Build a library • Consume library in the componentDesigning Your Application Using Modules - QuizWays to Organize Code In this video, we will have a look at the different ways to organize our code. Ways to Organize Code In this video, we will have a look at the different ways to organize our code. Ways to Organize Code In this video, we will have a look at the different ways to organize our code. Ways to Organize Code In this video, we will have a look at the different ways to organize our code. In this video, we will have a look at the different ways to organize our code. In this video, we will have a look at the different ways to organize our code. Feature Modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modules Feature Modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modules Feature Modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modules Feature Modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modules In this video, get to know the feature modules. • Explore the feature modules • Generate lazy loading modules Shared Modules Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareable Shared Modules Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareable Shared Modules Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareable Shared Modules Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareable Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareable Here, get to know the shared modules. • Explore shared modules • Generate a module • Make the module shareable Creating a Library Here, learn how to create a library. • See what an Angular library is • Create a library Creating a Library Here, learn how to create a library. • See what an Angular library is • Create a library Creating a Library Here, learn how to create a library. • See what an Angular library is • Create a library Creating a Library Here, learn how to create a library. • See what an Angular library is • Create a library Here, learn how to create a library. • See what an Angular library is • Create a library Here, learn how to create a library. • See what an Angular library is • Create a library Consuming a Library In this video, see how to consume a library. • Build a library • Consume library in the component Consuming a Library In this video, see how to consume a library. • Build a library • Consume library in the component Consuming a Library In this video, see how to consume a library. • Build a library • Consume library in the component Consuming a Library In this video, see how to consume a library. • Build a library • Consume library in the component In this video, see how to consume a library. • Build a library • Consume library in the component In this video, see how to consume a library. • Build a library • Consume library in the component Designing Your Application Using Modules - QuizDesigning Your Application Using Modules - QuizDesigning Your Application Using Modules - QuizDesigning Your Application Using Modules - Quiz Implementing Components. 4 lectures17:47Understanding Container and Presentation Components In this video, we will have a look at what containers and presentation components are.Working with Container and Presentation Components In this video, we will see container and presentation components in action. • Generate a new component • Pass data with the input decoratorUsing Services to Share data In this video, we will see how we can use services in Angular, to share data between different components. • Create service • Work with HTTP • Inject services in componentsImplementing RxJS Subjects In this video, we will learn about multicast observables like Subject and BehaviorSubject trong State Management of Your App - QuizState Management of Your App - Quiz...
Additional information
Basic knowledge of Angular is assumed. Design architects who have a basic knowledge of Angular and are keen to use the intricacies of its framework to build robust applications will also benefit from this course