<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[AngularJS Guide Part 1 - English]]></title><description><![CDATA[<p dir="auto"><img src="/assets/uploads/files/1545405308694-angularjs-resized.jpg" alt="0_1545405228808_angularjs.jpg" class=" img-responsive img-markdown" /></p>
<p dir="auto">Angular JS is a client side MVC/MVVM Framework, this is created by google so most of developers adopted to angular js. This is very popular for single page web applications and also we can do lot of things using angular js. Ionic framework is best example that showing power of angular which is used to make Hybrid Mobile Applications using HTML, CSS and Javascripts only.</p>
<p dir="auto">To install the Angular JS we want Node JS on our computer, and we use Angular CLI to create, test, build and deploy our angular app.</p>
<p dir="auto"><strong>Installing Node JS</strong></p>
<hr />
<p dir="auto"><a href="http://www.nodejs.org" target="_blank" rel="noopener noreferrer nofollow ugc">www.nodejs.org</a> go to this website and download right package match to your OS. You can find out instructions on that page</p>
<p dir="auto"><strong>Installing Angular</strong></p>
<hr />
<p dir="auto">After installing node js we need to install Angular CLI, to install that open your terminal and run</p>
<pre><code>npm install -g @angular/cli
</code></pre>
<p dir="auto"><strong>Creating an Angular App</strong></p>
<hr />
<p dir="auto">After installing Angular CLI,  navigate to where you want to create angular project and then run following command in the terminal</p>
<pre><code>ng new my-app //my-app is your project name
</code></pre>
<p dir="auto">When you run this command it will ask you information about your app, for now just press enter, we can change these info later</p>
<p dir="auto"><strong>Running our Angular App</strong></p>
<hr />
<p dir="auto">Navigate to your app directory</p>
<pre><code>cd my-app
</code></pre>
<p dir="auto">After you navigating to app folder you can run your app using <code>ng-serve</code> command. When you run this command it will start a local server and when you made a change it will automatically reloads the app(auto reloading) this is a very useful feature.</p>
<pre><code>ng serve --open
</code></pre>
<p dir="auto">When you run above command it will automatically open the app using default web browser(<a href="http://localhost:4200/" target="_blank" rel="noopener noreferrer nofollow ugc">http://localhost:4200/</a>), if not try rerunning the command. On successful execution you can see like below</p>
<p dir="auto"><img src="/assets/uploads/files/1545407251996-1545302907665-app-works.png" alt="0_1545407172540_1545302907665-app-works.png" class=" img-responsive img-markdown" /></p>
<p dir="auto">On the next step i'll show you how to edit our app. If you have any question just ask on <a href="http://lankadevelopers.com" target="_blank" rel="noopener noreferrer nofollow ugc">lankadevelopers.com</a> our members will help you.</p>
<p dir="auto">Originally posted by <a class="plugin-mentions-user plugin-mentions-a" href="https://lankadevelopers.lk/uid/1">@ciaompe</a><br />
This is translated cause of most peoples are requesting an english version.</p>
<p dir="auto">Source : <a href="https://angular.io/guide/quickstart" target="_blank" rel="noopener noreferrer nofollow ugc">https://angular.io/guide/quickstart</a></p>
]]></description><link>https://lankadevelopers.lk/topic/50/angularjs-guide-part-1-english</link><generator>RSS for Node</generator><lastBuildDate>Sat, 18 Apr 2026 13:33:13 GMT</lastBuildDate><atom:link href="https://lankadevelopers.lk/topic/50.rss" rel="self" type="application/rss+xml"/><pubDate>Fri, 21 Dec 2018 15:59:48 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to AngularJS Guide Part 1 - English on Sun, 23 Dec 2018 07:39:43 GMT]]></title><description><![CDATA[<p dir="auto">Thanks <a class="plugin-mentions-user plugin-mentions-a" href="https://lankadevelopers.lk/uid/27">@root</a> !</p>
]]></description><link>https://lankadevelopers.lk/post/331</link><guid isPermaLink="true">https://lankadevelopers.lk/post/331</guid><dc:creator><![CDATA[Nic_95]]></dc:creator><pubDate>Sun, 23 Dec 2018 07:39:43 GMT</pubDate></item><item><title><![CDATA[Reply to AngularJS Guide Part 1 - English on Sun, 23 Dec 2018 05:30:47 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://lankadevelopers.lk/uid/401">@Nic_95</a> we use angular js for our mobile developments, still angular js has large community.</p>
]]></description><link>https://lankadevelopers.lk/post/330</link><guid isPermaLink="true">https://lankadevelopers.lk/post/330</guid><dc:creator><![CDATA[root]]></dc:creator><pubDate>Sun, 23 Dec 2018 05:30:47 GMT</pubDate></item><item><title><![CDATA[Reply to AngularJS Guide Part 1 - English on Sun, 23 Dec 2018 03:54:00 GMT]]></title><description><![CDATA[<p dir="auto">why should we use angular  ?</p>
]]></description><link>https://lankadevelopers.lk/post/328</link><guid isPermaLink="true">https://lankadevelopers.lk/post/328</guid><dc:creator><![CDATA[Nic_95]]></dc:creator><pubDate>Sun, 23 Dec 2018 03:54:00 GMT</pubDate></item><item><title><![CDATA[Reply to AngularJS Guide Part 1 - English on Fri, 21 Dec 2018 17:06:49 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="https://lankadevelopers.lk/uid/27">@root</a> thanks</p>
]]></description><link>https://lankadevelopers.lk/post/308</link><guid isPermaLink="true">https://lankadevelopers.lk/post/308</guid><dc:creator><![CDATA[dev_lak]]></dc:creator><pubDate>Fri, 21 Dec 2018 17:06:49 GMT</pubDate></item><item><title><![CDATA[Reply to AngularJS Guide Part 1 - English on Fri, 21 Dec 2018 16:58:29 GMT]]></title><description><![CDATA[<p dir="auto">Fatta bro</p>
]]></description><link>https://lankadevelopers.lk/post/307</link><guid isPermaLink="true">https://lankadevelopers.lk/post/307</guid><dc:creator><![CDATA[root]]></dc:creator><pubDate>Fri, 21 Dec 2018 16:58:29 GMT</pubDate></item></channel></rss>