Wednesday, January 25, 2017

1-Introduction -installations/setUp


Angular 2 is one of the most popular JavaScript frameworks for creating dynamic web applications.

Requisites:

1)Node Package Manager(*Download Node.js - https://nodejs.org/en/) ---now, Jan2017 - Node(6.9.4). This package is needed in order to install Angular CLI

2)Atom editor - https://atom.io/... Once installed.. Open the application adn also install the below components from its packages tab:

  • platformio-ide-terminal
  • language-typescript-grammers-only


Core features of Angular2:
1) Components
2) Directives
3) Templates


Now, once 1) and 2) are installed, Open command prompt to install Angular CLI using the Node Package Manager. With the following commands:


Steps to create and set up First Template project:
c: users\someone> node -v  (version was 6.9.4 when installed)
c: users\someone> npm install -g angular-cli  (wait for the installation....)

>>Create a location for your angular project.
>>Open that location on ATOM editor(which is currently blank)
>>Now enter the below command on your command prompt to generate a general ANGULAR project,
c: users\someone\project-location>ng new project-name 
>>If you now look at the atom editor, U'll see the newly created project with its generated required files and folder structure.
>>Now, Browse into the project directory via cmd prompt use Angular2 CLI to generate and deploy the project to a server using the below command
c: users\someone\project-location\projectname>ng serve

>>This create and deploys and returns a url for the localhost server such as http://localhost:4200

>>Now, access this link to see the successful deployment of our first angular JS app. If the "

app works!

" message appears on the webpage, Then its a successful first angular app deployment on localhost server

--------------------------------------------------------------------------------------------------------------






References : https://www.youtube.com/watch?v=DwTNR3EBSJQ&index=1&list=PL4cUxeGkcC9jqhk5RvBiEwHMKSUXPyng0
Angular2 tutorials by The Ninja

Updated better Reference: https://www.youtube.com/watch?v=DBjPIabiRNg

No comments:

Post a Comment