Create your first Angular 5 project

AngularJS is a very popular Javascript framework that is used when adding java script to web project.It is mainly used for Single Page Applications(SPA) and very easy to learn.




Set Up you Environment

In this article I will be using Angular stable (v5.2.1) version.You can easily get this version from angular.io.





In the sidebar you can see the angular versions and you can select the particular version there.Then you will need to install the angular CLI by using npm command.For this you should have installed node.js to your system first.

After the installation you can run the npm command in your command line by copying the command from the angular guide.



Now you can create your new project. Select the particular folder to create the project from the command line and type the following code.

ng new my-app

Here my-app is my project name and you can use any name you prefer. Directory structure of the project is given below.

Now you can run the project by using the following command and get the default angular page.


If you have successfully created the project and run the command you will get your index page as below.
To get to know more you can go through the links given in the homepage.Hope you got to know the way of creating an angular project.




Comments

Post a Comment

Popular posts from this blog

Working with Buttons in Android Studio

Image
From the  previous article  we went through a basic introduction on Android Studio.This article help you to get to know about Buttons in android studio.Open up Android studio and start. Given below is the edited code of the text view that I have used. <TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:gravity="center" android:text="Hello World!" android:textSize="36sp" android:id="@+id/textView" /> Go to your palette in the project. Then drag and place the button where you need in the content. Then move onto your text view. There you can see that the code for the button has been activated. There is an ID given to the button to identify a particular component which is always unique. You can give name to the button in android.text. Now give a background color to the button. Method 1 : Using inbuilt colors android: ba...
Read more

Java Part 2 :How to Install Java

Image
This article will show you how to set up the java environment in your computer. For this you will have to install below set of software. Java Standard Edition (SE) Developer's Kit (JDK) Netbeans Integrated Development Environment (IDE) Install Java Standard Edition (SE) Developer's Kit (JDK) Installation can be done from the following link. http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html Once you click the link you will get window given below. From this window you can download the software according to your operating system. But in here make sure to accept the license agreement before you start downloading the software. Netbeans Integrated Development Kit Netbeans integrated development kit can be downloaded using the following link. https://netbeans.org/downloads/ But for the easy installation, you can download and  install Java JDK and Netbeans from the following link at once. http://www.o...
Read more

Ruby - Dynamic, Open source programming language

Image
Hey all... CodeCircle is back with a new programming language. This article is intended to give you a basic introduction to Ruby programming language. Ruby is a Dynamic, Open source programming language which is mainly focused on simplicity and productivity. This language is completely a free language which is developed by  Yukihiro Matsumoto.  This article will help you to get a fresh start in Ruby. "Hello World...!" As the first command in Ruby, we will look how to print a statement in Ruby. Basically, the print statement can be printed using two methods, 1) puts method The built-in method puts used to print a statement. The strings are printed using single or double quotes. Given below is the command used to print the statement "Hello World...!". puts "Hello World...!" Try this command 2) print method Another built-in method is Print which can be shown as below. print "Hello World...!" Try this command In Rub...
Read more