
Learn how AngularJS enables single-page apps with bidirectional data binding, separates HTML and JavaScript to speed up page loads and improve client-side MVC or MVVM for .NET developers.
Explore key AngularJS directives, including ng-app, ng-init, ng-bind, ng-show, ng-hide, ng-options, ng-repeat, ng-model, and ng-if, and see how they control view updates, conditions, and lists.
Demonstrate how to use ng-repeat to render lists, filter items greater than 50, and bind radio buttons, checkboxes, and dropdowns with ng-model, including options vs. option usage and multiple selection.
Define AngularJS modules as namespaces that group controllers, directives, and filters, then create controllers using $scope to bind models to views via ng-controller and ng-model, enabling two-way data binding.
Define methods inside an AngularJS controller and call them via events, using properties and functions within the controller to respond to user actions.
Demonstrate building a server call in AngularJS using the $http object to fetch JSON data from an ASP.NET MVC controller, showing how to wire services, scope, and a departments endpoint.
Learn to customize gridview in AngularJS by replacing gender with radio buttons and department with a dropdown, binding selections with ngmodel.
Learn how AngularJS filters format, search, sort, and paginate data in a grid view, enabling full text search and order by with paginate.js and custom filters.
Learn to create reusable AngularJS services with the service method, enabling dependency injection, and use a calculator service in controllers for add, subtract, multiply, and divide.
Create an angularjs app module and a CRUD service using $http to fetch all employees from /employee/index, then display them in a table and enable get by ID.
Bind form fields with ng-model to support create, read, update, and delete operations on employee records, including radio buttons for gender and date formatting with filters.
Perform a delete by id operation with a post method, returning the deleted record and displaying a message that the employee has been deleted to refresh the grid.
Execute the create operation in AngularJS with a .NET backend by posting a complete employee object, returning json, and applying a date of birth workaround for proper handling.
Fix the employee date of birth handling in the controller by converting the JSON date to a proper date object, using a date input, and ensuring read and create operations.
Learn to implement multi-select and multi-delete in an AngularJS grid, with a header checkbox that toggles all rows, per-page selection, and pagination-aware reset on page change.
Explore client side validation with html5 attributes, including required, type and range validation, and track form state from untouched to submitted, ensuring server calls only on valid forms.
Apply multiple client-side validations with required, min, and max rules, plus customized error messages for salary, gender, date of birth, and department, to achieve a fully validated form.
Demonstrates implementing server side validations in AngularJS, validating salary and department on the server, returning errors as json, and displaying them on the client with client side checks.
Divide a single page app into views and load them with client-side routing using angular-route and ng-view, organizing under a templates directory for department and employee views.
Learn to structure an AngularJS app with routing, ng-view, and a route provider to load department and employee views from templates, and bind each view to its controller.
Load departments and employees through server calls in AngularJS using $http to fetch json data. Configure routes and controllers to display the data in the view.
Navigate the AngularJS function call order, showing config invoked first, then app.run, and finally the controller, with run blocks used for initialization, global variables, and authentication.
Explore how the root scope object creates a route scope global data store in a run block, enabling shared data across controllers and live updates.
Explore how to manage state in AngularJS using cookies and web storage, including session and local storage, with practical put, read, and remove cookie operations across multiple controllers.
Learn how to use HTML5 session storage in angular, including storing, reading, and deleting data with sessionStorage, differences from cookies and local storage, and per-session persistence up to 5 MB.
Q: Are you an Asp.Net (MVC or Web APIs) web developer and want to upgrade your profile with AngularJS?
A: You are at the right place!!
We know very well that you find many courses on AngularJS and many courses on Asp.Net. But the problem comes when you want to mix these two technologies.
Yes! We need a course that teaches AngularJS for those developers who have been working on Asp.Net technologies (MVC or WebAPIs) and want to upgrade their profile with new client side web development javascript framework i.e., AngularJS.
So, this course is for an Asp.Net web developer and it is straight to the point with less theory and more real-time implementation scenarios.