Hello world Application

Start with Hello world Application

Angular 2 can be coded in many ways.
  • First option is to start from the scratch.But I would not recommend this for beginners because there are so many dependencies need to be added to the project.
  • For beginners,I recommend following option to start with Use Quick start at Angular Github.
  • Use Angular CLI.

Setting up an Environment.

To begin with, I have used 2nd option for this example as this is a good way to start .Following is the URL for Angular Github.
Go to Project directory   ⟹  Open cmd ⟹  Type bellow URL
git clone https://github.com/angular/quickstart Hello
Then clone the github repository to your local system and this will create sample “Hello”Angularjs application.

File structure

Even Though there are so many tools available for development , I have used Visual studio Code.VS Code automatically compile and create JavaScript files because Angular 2.0 is a typescript which needed to be compiled to Javascript.
Then Open Hello Project in VS Code.Once it opened, we should add other necessary packages which required for angular 2.0. In order to do that, open cmd or Integrated Terminal in VS Code.I have Used Integrated Terminal in VS Code.
Run npm install for Install packages.

Ones completed installation process we can start coding.
After that,go to below path in Hello Project

Open Hello ⟹ src ⟹ app ⟹ app.component.ts

index.html


Once you finished the changes you can run the application.
Then,to run the application Open cmd or Integrated Terminal and type
npm start
 


Then, application will launch in the default browser.



This is the end of Hello World example & next article I will discuss about how to use Gulp to build the project.
 

Comments

Post a Comment

Popular posts from this blog

Installing Gulp and Package.json

Image
Installing Gulp First we need to run PowerShell and run as Administrator Before install gulp need to install Node and npm (Node package management) Node Npm First check whether any old version is installed if so need remove that version. For that need to run this command npm rm install gulp -g (rm : remove) (-g : globally ) Ones it's completed run command for install npm install gulp-cli -g Then create project and move to that folder npm init ->Initialize a Project This will prompt get some input from developer in this following order Name: Version: Description: entry point :(Project main file) Test command: Git repository : Keyword : (tag related to project) Author : license:(this defaults to ISC) When finished above process package.json created. What is package.json? JSON file so easy to read includes the packages and applications it depends on Project metadata project's name, description, and author allows the separation production depende...
Read more

Why and How performance is important

Image
Why performance is important. performance of applications directly impacts on the customer satisfaction. All the end users expect load contact as soon as request. Therefore, customers don't like to wait and see until page content loads. so, this will directly impact profit and sale. Therefore, at the end the company will lose customers and profit. So performance needs to be considered as a key factor. Tools for measure performance There are many tools available today so those tools can be used based on the requirement. currently I am using a lighthouse integrated with chrome dev tool so easy to use and provide guidelines to improve performance of web site. Another tool I used is JMeter , JMeter used to test performance both on static and dynamic resources, Web dynamic applications. It can be used to simulate a heavy load on a server, group of servers, network or object to test its strength or to analyze overall performance under different load types. JMeter is not a browser, it...
Read more

Basic concepts of Blockchain

Image
Now a days Blockchain has become immense popular. Therefore, I thought of writing a series of article starting from this topic.This is my first article of blockchain History When the internet was made access to public ,people adapted to WWW revolution.It affect many aspect of lives, social and business. As a result of this revolution WWW started shaping up so it become more and more open,more accessible and more peer to peer.Many new technology and business start top of it and today it become more centralized. In history, the very first article related to blockchain is Bitcoin: A Peer to Peer Electronic Cash System in 2008 written by Satoshi Nakamoto and its true identity is still unknown. Today, its known as “Bitcoin”. Intro People used to do international transaction with the help of third party (Bank).so it provide centralized access and all the transaction go through centralized point.it's very expensive and take some time to settle the transaction.centralized sys...
Read more