Lanka Developers Community

    Lanka Developers

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Shop

    AngularJS Guide Part 1 - English

    Front-End Development
    angular javascript front-end
    3
    6
    1387
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • dev_lak
      dev_lak last edited by dev_lak

      0_1545405228808_angularjs.jpg

      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.

      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.

      Installing Node JS


      www.nodejs.org go to this website and download right package match to your OS. You can find out instructions on that page

      Installing Angular


      After installing node js we need to install Angular CLI, to install that open your terminal and run

      npm install -g @angular/cli
      

      Creating an Angular App


      After installing Angular CLI, navigate to where you want to create angular project and then run following command in the terminal

      ng new my-app //my-app is your project name
      

      When you run this command it will ask you information about your app, for now just press enter, we can change these info later

      Running our Angular App


      Navigate to your app directory

      cd my-app
      

      After you navigating to app folder you can run your app using ng-serve 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.

      ng serve --open
      

      When you run above command it will automatically open the app using default web browser(http://localhost:4200/), if not try rerunning the command. On successful execution you can see like below

      0_1545407172540_1545302907665-app-works.png

      On the next step i'll show you how to edit our app. If you have any question just ask on lankadevelopers.com our members will help you.

      Originally posted by @ciaompe
      This is translated cause of most peoples are requesting an english version.

      Source : https://angular.io/guide/quickstart

      1 Reply Last reply Reply Quote 4
      • root
        root Linux Help last edited by

        Fatta bro

        1 Reply Last reply Reply Quote 1
        • dev_lak
          dev_lak last edited by

          @root thanks

          1 Reply Last reply Reply Quote 0
          • N
            Nic_95 last edited by

            why should we use angular ?

            root 1 Reply Last reply Reply Quote 0
            • root
              root Linux Help @Nic_95 last edited by

              @Nic_95 we use angular js for our mobile developments, still angular js has large community.

              1 Reply Last reply Reply Quote 1
              • N
                Nic_95 last edited by

                Thanks @root !

                1 Reply Last reply Reply Quote 0
                • 1 / 1
                • First post
                  Last post

                1
                Online

                3.7k
                Users

                1.3k
                Topics

                5.3k
                Posts

                • Privacy
                • Terms & Conditions
                • Donate

                © Copyrights and All right reserved Lanka Developers Community

                Powered by Axis Technologies (PVT) Ltd

                Made with in Sri Lanka

                | |