{"id":52,"date":"2018-08-26T01:00:00","date_gmt":"2018-08-26T01:00:00","guid":{"rendered":"https:\/\/kindsonthegenius.com\/blog\/2018\/08\/26\/angularjs-tutorial-for-beginners-1-introduction-to-angularjswhat-is-angularjs\/"},"modified":"2020-07-25T22:14:10","modified_gmt":"2020-07-25T20:14:10","slug":"angularjs-tutorial-for-beginners-1-introduction-to-angularjswhat-is-angularjs","status":"publish","type":"post","link":"https:\/\/kindsonthegenius.com\/blog\/angularjs-tutorial-for-beginners-1-introduction-to-angularjswhat-is-angularjs\/","title":{"rendered":"AngularJS Tutorial For Beginners 1: Introduction to AngularJS(What is AngularJS)"},"content":{"rendered":"

This is the first in the series of easy tutorials on AngularJS for absolute beginners.<\/p>\n

AngularJS is the way to go if you are a new programmer or if you are beginning to learn web programming.<\/p>\n

<\/div>\n

Before we start let’s answer some basic questions:<\/p>\n

    \n
  1. What is AngularJS?<\/a><\/li>\n
  2. What are the Benefits of AngularJS?<\/a><\/li>\n
  3. What Do you need to learn AngularJS?<\/a><\/li>\n<\/ol>\n

    Note: If this part appear boring to you as you read, just skip to Tutorial 2, you will not miss anything. We actually start setting up things in Tutorial 2.<\/p>\n

     <\/p>\n

    1. What is AngularJS?<\/b><\/h3>\n

    <\/b>AngularJS is an open source web framework based on JavaScript that is used in easily building web application. A web framework is a software framework that is used to support the development of web applications and services. Seems we are going round the same definition, right?<\/p>\n

    Put in a simple way, a software framework is simply a collection of codes written and packaged so that programmers can used them without having to write the same code all over again.<\/p>\n

    I think this makes sense this time. So that is what AngularJS is, just bunch of functions and codes written and packages under the name Angular.js.
    \nAngularJS is developed by Google and written in JavaScript and runs inside a html page<\/p>\n

    <\/ins>
    \n<\/b><\/p>\n

    2. What are the Benefits of AngularJS?<\/b><\/h3>\n

    AngularJS have many benefits including the following:<\/p>\n

    Ease of learning:<\/b> You simple need little to no knowledge of programming to be able to get up to speed with AngularJS<\/p>\n

    Very good for single-page applications:<\/b> With AngularJS, you can build rich single-page applications. You can check out some applications developed in AngularJS in the website www.madewithangular.com<\/a>
    \n<\/b><\/p>\n

    Dependency Injection<\/b>: This is a situation where one object supplies the dependencies of another object. We would get this clearer in subsequent lessons.<\/p>\n

    Two-Way Data Binding<\/b>: keeps the model and view in sync at all times. This means that changes in the model updates the view automatically and a change in the view updates the model automatically. The model is simply the scripts that runs the logic while the view is what the user sees(html pages)<\/p>\n

     <\/p>\n

    <\/a><\/div>\n

     <\/p>\n

    Very Good for Testing<\/b>: AngularJS is designed with testing in mind. AngularJS makes is easy to test any of its component both with unit-testing and end-to-end testing.<\/p>\n

    Model-View-Controller(MVC):<\/b> AngularJS makes it easy to develop applications using the MVC approach.<\/p>\n

    Filters, Module, Directives etc:<\/b> I would explain these as we progress in the tutorial<\/p>\n

     <\/p>\n

    3. What do you Need to Learn AngularJS?<\/b><\/h3>\n

    I like to\u00a0 answer this question with a single word: Nothing! This means that unlike the C# language that requires large application like visual studio, AngularJS requires nothing like that. You simply can start developing AngularJS application with just notepad! I would\u00a0 show you how this works in Tutorial 2. Then we could also use Notepad++ to make it a bit easier. We could also go a step further to using Netbeans IDE to make it still easier. All of this are free application you can easily download.<\/p>\n

    Let’s dive right in to Tutorial 2 – Setting up AngularJS<\/a><\/p>\n

    <\/ins>
    \n<\/ins><\/p>\n","protected":false},"excerpt":{"rendered":"

    This is the first in the series of easy tutorials on AngularJS for absolute beginners. AngularJS is the way to go if you are a … <\/p>\n","protected":false},"author":1,"featured_media":501,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_mi_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0},"categories":[113],"tags":[],"_links":{"self":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts\/52"}],"collection":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/comments?post=52"}],"version-history":[{"count":7,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts\/52\/revisions"}],"predecessor-version":[{"id":1144,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/posts\/52\/revisions\/1144"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/media\/501"}],"wp:attachment":[{"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/media?parent=52"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/categories?post=52"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kindsonthegenius.com\/blog\/wp-json\/wp\/v2\/tags?post=52"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}