Saturday, April 06, 2019

Web front end - Angular 2

We are building an application in Angular 2. Writing down som findings to remember. The Angular CLI Command Line Interface that is used for scaffolding new projects and artefacts requires Node.js and NPM (Node Package Manager).

Installation

Node.js and NPM

Installation in Windows is made by downloading the latest installer from: https://nodejs.org/en/download/

Or installing with Chocolatey:
https://chocolatey.org/packages/nodejs

Angular CLI

Install by using NPM:
npm install -g angular-cli

https://github.com/angular/angular-cli#installation

Create a project

To create a new project:
ng new PROJECT_NAMEcd PROJECT_NAME
ng serve


https://github.com/angular/angular-cli#usage

ng new PROJECT_NAME creates the folder structure for the project and downloads the dependencies.
ng serve starts a web server with the project.



ng new TestProj




To be continued....

4 comments:

Karsyn Sava said...

When the agency procedure is completed your website is going to be 100% pleasant.
web design charlotte

Tanika Co Valda said...

The article provides a useful introduction to building a front-end application with Angular 2, especially by explaining the role of Node.js, NPM, and Angular CLI in setting up a development environment. The steps for creating a project and using commands such as ng new and ng serve give beginners a practical starting point. The connection between Angular development and Angular Course can also be useful for learners who want more structured guidance while working with Angular projects.

Tanika Co Valda said...
This comment has been removed by the author.
Tanika Co Valda said...

Another valuable aspect is the emphasis on the project scaffolding process, where Angular CLI creates the folder structure and installs the required dependencies. Since Angular applications also rely heavily on TypeScript, understanding the language alongside the framework can make development concepts easier to follow. A Frontend Developer Course can therefore complement the Angular concepts discussed here and help developers become more comfortable working with Angular-based applications.