In this tutorial we'll consider Angular structural directives - *ngFor and *ngIf and the special directive ng-containerAngular has hot three kinds of directives structural - it changes DOM structure. attributes - it changes the element view/behaviour. components...
Tutorials
Angular. Modules
In this video we'll discuss modules. Modules are "global building blocks" of Angular applications. Angular always has one root module AppModule. Angular module is a class with the NgModule decorator. This decorator gets metadata with next props: declarations - the...
Angular. Pipes
Angular pipes are analogues of AngularJS filters. They transform data before output it in component template.Angular has several built-in pipes (date, uppercase, lowercase, currency, decimal, percent). Also developer can create his own pipes. Pipe is a class, realize...
Angular. Introduction to services
Services in Angular are simple classes, who make specific non-component operations (calculations, read data from remote HTTP server and etc).Services have the special decorator @Injectable(), which define this class as the service. The decorator has a param...
Angular. Introduction to components
Today we'll consider basics of Angular components - template params and methods, interpolation, eventsAngular components are what the user interacts with: see data and interacts with it (clicks etc).Angular component is class, which has its own template and styles....
Angular CLI
In this video we'll talk about Angular CLI - command line interfaceAngular CLI lets you quickly create main Angular entities - components, services, pipes etc. Let's consider one of the most used command ng generate <entity> <options>. Entity is Angular...
Angular. Project structure
In last lesson we've installed angular project. In this video we will discuss the filesystem angular app structure
Angular Intro
In previous lessons we're working with AngularJS. The modern Angular version is fundamentally different from AngularJS. It was written with using TypeScript and RxJS. Beginning from this lesson we begin learning modern Angular.The link to the Angular...
Gulp. Browsersync
In this tutorial we'll consider a very useful plugin browsersync. Browsersync reload browser itself after some changes in files (html/css/js etc) appears.Browsersync's available for Grunt and Gulp. To set browsersync in the project it needs to define config for...