JavaScript

Lecture 15 : Understanding Bootstrapping Angular Cycle Bootstrapping In Angular : Bootstrapping is a technique of initializing or loading our Angular application. Bootstrapping in Angular, let us find out how Angular works internally and bootstraps our app. Bootstrapping In Angular Cycle : @Component : In part, this is because there’s no official or that much unofficial discussion around the idea of @Component, its functionality, when and where it’s appropriate to use them. In this article, I will be covering everything you need to know about Angular’s @Component, including all the bits that beginner tutorials often exclude. Finally, we arrive at AppComponent, which is the root component of the AppModule. The code of our AppComponent is shown below : The Class AppComponent is decorated with @Component Class Decorator. The @Component class decorator provides the metadata about the class to the Angular. It has 3 properties in the above code : Selector : This pro

Lecture 14 : Concept In Angular What is ngModel : ngModel is Angular’s answer to the two-way data binding problem. Previously in AngularJS, there was no way to perform a binding which would update automatically. What are Directives : Directives are markers on a DOM element that tell AngularJS to attach a specified behaviour to that DOM element or even transform the DOM element and its children. Angular includes various built-in directives. In addition to this, you can create custom directives for your application. ng-model Directive : The ng-model directive binds the value of HTML controls (input, select, textarea) to application data. With the ng-model directive you can bind the value of an input field to a variable created in AngularJS. Two-Way Binding : The binding goes both ways. If the user changes the value inside the input field. Two-way binding, we can display a data property as well as an update that property when the user makes changes. Two-way binding

Lecture 13 : Learn Angular CLI Installing Angular CLI : Major versions of Angular CLI follow the supported major version of Angular, but minor versions can be released separately. Install the CLI using the npm package manager:            npm install -g @angular/cli To create, build, and serve a new, basic Angular project on a development server, go to the parent directory of your new workspace use the following commands:           ng new my-first-project           cd   my-first-project                           ng serve Agular CLI : Angular CLI is the official tool for initializing and working with Angular projects. It saves you from the hassle of complex configurations and build tools like TypeScript, Webpack . Webpack :  Webpack is a popular module bundler, a tool for bundling application source code in convenient  chunks  and for loading that code from a server into a browser. You determine what Webpack does and how it does it with a JavaScript configuration file...