Skip to main content

Angular 8 Introduction


First need to know about what is Angular?
  • open Source: It means product gives permission to use its source code, design documents, or content.
  • Platform for developing client-side web applications: Client side refers to the software that users interact with that run on their web browser. Client side web development involves interactivity and collecting or displaying data. i.e it is use for front-end development. It is also use to create dynamic web applications. It means we can change data/information through time-to- time, location-to-location and user-to-user.
  • Type Script framework: It is a Type Script based JavaScript framework. It is written in Type Script and compiled in to JavaScript. Because browser can only understand JavaScript. Type Script is a type safe language i.e it is ensure that an operation is working on the right kind of data type.
Versions of Angular framework
  • Angular JS : Angular JS is a JavaScript based open-source front end web framework developed and maintained by Google.
  • Angular 2: Angular 2 was a complete rewrite of Angular JS.
  • Angular 4: The Google team skipped the Angular 3 and it is the updated version of previous version.
  • Angular 5: Updated version of Angular 4.
  • Angular 6: It was a major released focused on ng update, ng add, Angular Elements, Angular Material + CDK Components, Angular Material Starter Components, CLI Workspaces, Library Support, Tree Shakable Providers, Animations Performance Improvements, and RxJS v6.
  • Angular 7: It was focused on Application Performance, Angular Material & CDK, Virtual Scrolling, Improved Accessibility.
  • Angular 8: It is mainly focused on Differential loading, Dynamic imports for lazy routes, web workers and Angular Ivy as an opt-in support.

Angular 8 setup

Before create a new project in Angular 8 we need these requirements.

1.Install Node. js: You can download node. js here https://nodejs.org/en/


After downloading, you have to install it on your system. To check your version, run node -v in a terminal.


Once you installed node.js , npm is installed by default. To check the version of npm, run npm -v in terminal.

2.Install Angular CLI: You can install it in any path. No need to install in a specific path. To install Angular CLI run the following line in terminal.

After install Node.js and Angular CLI you can create a new project by following command in terminal. Create new project in your project path.

Here sample is your project name.

After run this command it asks that “Would you like to add Angular routing? “ select y and then select the stylesheet format.

Now you have a new folder in your project path.


Here the project name sample is initially created in a specific path.

Comments

Post a Comment

Popular posts from this blog

Usage of sensors ,Actuators and Entites in ARGoS Simulator

ARGoS is a physics-based simulator designed to simulate large-scale robot swarms. ARGoS is written in C++. We can add new robots, actuators, sensors, physics engines easily in this simulator. The simulator can be configured with an XML file. In the ARGoS Environment you can get to know the usage by following command in terminal. argos3 -q <name> Battery:-Its returns the current battery level of a robot Box:- It can be used to model walls and obstacles. It can be movable or not. It is possible to add any number of colored LEDs to the box. In this way, the box is visible with a robot camera cameras:-The sensor can be initialized with a number of cameras each running different algorithms for detecting different objects in the simulation colored blob omni directional camera:- This sensor accesses an omni directional camera that detects colored blobs. The sensor returns a list of blobs, each defined by a color and a position with respect to the robot reference point on the ground colo...
Post a Comment
Read more

Angular Directives

Before move to directives need to understand what is component? and what is directive? In the above figure we have these two elements, component and directive Directive:- It have some logic but not contains the structure Component:- It is an element that specifies directive element and have the list of other directive instances. Why directives are used in angular?        use to change the appearance behavior or layout of Document Object Model(DOM) helps to extend HTML It can be classified into 3 categories:- 1.Component Directives:- Used in main class. It possess the detail about how the component processed at run time. 2.Structural Directives:- They are responsible for HTML layout. Changing the DOM structure by adding,removing or manipulate the elements. It starts with * symbol. These are the examples of Structural directives. ngIf Directive:- Use to add or remove the HTML element according to the expression. ngfor Directive:- Use to repeat a portion of HTML templ...
Post a Comment
Read more