Getting Started with AngularJS
In this course we will add another page to our application. This will demonstrate AngularJS’ capability to support two-way data binding, filters and single-page updates.
We will learn (by doing) how AnglarJS enables HTML to become an application development language. By handling DOM and AJAX components AngularJS enables browser based applications to deliver content in much the same way as desktop applications.
This course builds on the application that is created in the Building a Mean Web Application and Getting Started with MongoDB. We recommend that you complete those course respectively before commencing this one.
By the end of this course you we will have installed the angularJS (version 1) library within your application and implemented a new page using some basic directives.We will instruct you in;
- Cloning myapp5 from GitHub
- Install the npm nodemon package
- Add code to create a new menu and page in the application
- Use some directives to demonstrate angularjs two-way binding
- Cloning myapp6 from GitHub
- Add a todo list
- Convert a function to a module
- Install an angular routing library in our code
- Move the list into a template and add the ng-view directive
- Introduce ngRoute into our module
- Add a configuration to the module to provide a route to the template
- Cloning myapp7 from GitHub
- Convert the controller code into a Service (Factory)
- Add a second controller that will enable us to add notes to each list item
- We add an additional route and template
- Add an index and anchor tag to each list item, using $index
- Add a search facility
So within a few minutes you will have a NodeJS application that includes an important feature of angularjs.
Optionally, you can now take the quiz to test, confirm and further build your knowledge.
Remember, this course is completely FREE!