Hello, everyone, and welcome to the angular core deep dive course, I'm Vaskov from the angular diversity
and I will be your instructor for this course.
In this course we are going to dive deep into the core and common modules of angular.
So these are the key modules that support the whole angular ecosystem.
The main goal of this course is to give you a very solid foundation on the angular platform.
We are going to cover everything that is contained in the core and common modules.
These will include some of the most commonly used functionality of ANGULAR, but it will also include
some very advanced topics, such as, for example, the multiple modes of change detection.
We are going to cover dependency injection in detail, going to cover internationalization.
We are going to cover angular elements and much more to get you up to speed as fast as possible.
We are going to give you a quick and practical introduction to the angular framework.
We are going to take the angular CLIA, the command line interface of the platform, and we are going
to quickly scaffold a new project from scratch, from an empty folder.
Then we are going to take these initial playground and we are going to quickly demonstrate some of the
main benefits and key features of ANGULAR.
After this quick introduction, we are going to jump to the components section of our course.
We are going to talk about angular components.
We are going to understand the key benefits of the component model and the way we talk about common
functionality, such as, for example, inputs, outputs, custom events.
We are going to learn how to build our own custom component, build our own tree of custom components.
And we are also going to introduce at this stage many of the most commonly used angular directives,
such as, for example, NGF, Energy for Energy, Switch, etc..
At this point, we are also going to introduce angular components styling.
We are going to talk about the core energy class and energy style directives.
We are going to learn when to use them and why.
What are the main use cases?
We are then going to talk about the Energy Container Directive and we are going to provide a complete
catalogue of the builtin pipes that you have available for formatting data.
And at this point, the introductory part of the course is going to be completed and the rest of the
course is going to be intermediate to advanced topics on the angular framework.
The first intermediate topic that we are going to cover is local template queering.
We are going to learn all about the future child and view children decorator's.
After the local template queering section.
We are going to learn about angular content projection.
We are going to learn all about content projection, when to use it and why.
What are its key use cases?
We are going to learn about the energy content directive and we are going to learn about multi Slote
projects and we are going to learn everything about handling programmatically projective elements,
using the content child and content children decorator's after the content projection part.
We are going to learn everything about angular templates.
And what I mean by that is the engy template tag template Parcel's.
We are going to learn how to use templates as inputs to other components and we are also going to learn
how to dynamically instantiate templates using the Engie Template Outlet Directive.
Next, we are going to do a deep dive on angular electives.
We are going to learn how to build our own custom angular directive's from scratch.
We are going to learn about the host binding and host listner decorator's and the expert as Directive's
Syntex.
We are going to learn in detail how to build our own custom structural directive's, very similar to
Engy four and NGF.
Next, we are going to do a complete section on Angular View Encapsulation.
We are going to talk about the multiple special access selectors related to view encapsulation, such
as, for example, host host context or Engy Deep.
We are then going to talk about the multiple modes of view encapsulation and we going to compare default
view encapsulation with shadow dom encapsulation.
At this point in the course we have a solid foundation on the angular view layer, everything that has
to do with building the view.
Next, we are going to move on to the service layer.
We are going to learn how to build our own custom angular injectable services and we are going to talk
about the injectable decorator.
We are also going to learn about the angular EDP client as an example of a built in injectable service.
We are going to learn how to use the sync by of ANGULAR in order to display on the screen.
Observable data streams next, we are going to do a complete guided tour on the angular dependency injection
system.
We are going to learn exactly what these dependency injection and what are its main benefits and use
cases where going to learn in particular how the angular dependency ejection system works under the
WHO would cover in detail providers and injection tokens.
We are going to write our own provider and factory function from scratch.
We are going to build our own injection Tolkan from scratch and we are going to explore in detail how
the radical dependency injection system works.
Next, we are going to understand exactly what are clickable providers and what are their benefits.
We are then going to build our own three sacrebleu provider from scratch.
The next section of this course is going to cover an adverse topic of ANGULAR, which is change detection.
We are going to learn exactly what change detection is, how it works under the hood.
We are going to start by covering the default change detection mechanism of ANGULAR, which is on by
default.
You are then going to cover in detail an alternative also built in change detection mode called on Bush.
These will provide some extra performance to our applications, but there is a tradeoff.
It's a bit trickier to use.
So we are going to cover some of its main pitfalls.
We are going to learn how to handle observable data streams with unposed change detection, and we are
going to learn how to build our own custom change detection mechanism.
If we need it in the next section, we are going to learn everything about angular component lifecycle
hooks.
We are going to cover every single life cycle hook available.
Where are we to understand its main use cases?
We are going to understand when to use its lifecycle hook and also when not to use it.
We learn some of the main pitfalls that we are likely to run into when using component lifecycle hooks.
Next, we are going to learn in detail all about angular modules.
We are going to be building our own custom application feature module from scratch.
Next, we are going to cover angular internationalization.
We are going to learn how to take an angular application written in one language and translate it into
multiple languages.
We are going to learn how to use the angular clay to make the process easier, and we're going to simulate
the complete translation process of our application to an alternative language to complete our course.
We are going to talk about angular elements.
We want to learn exactly what is an angular element and what are some of the main benefits and use cases
of angular elements and of the browser built in custom elements, mechanism in general.
And with this last section of the course, you will now have a solid understanding of the angular framework.
You will be familiar with the most commonly used concepts of the framework up until some of the most
advanced concepts, such as, for example, custom change detection, angular elements and much more.
So I hope that you will enjoy the course.
And if you have any issues or questions, please let me know in the comments section.
And without further ado, let's get started learning angular core together.
I want to thank you for watching and I will see you inside because.