AngularJS For .Net Developers From Scratch

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.

Define parameterized controller methods in AngularJS, pass values from input and on click events. Observe two-way binding where changes in the model update the view and support passing multiple values.

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 bind server-returned json data to AngularJS list controls using ng-repeat and ng-options, displaying as unordered lists, dropdowns, and grid views with cascading dropdowns and bootstrap styling.

Enable cascading dropdowns in AngularJS by loading employees for the selected department and rendering them in a grid, using department-based JSON data and id filtering.

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.

Add the dir-pagination library and module, replace ng-repeat with dir-pagination, configure items per page, and enable page controls with max size and boundary links for angularjs paging.

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.

Explore creating an AngularJS service with the factory method by building a factory object, adding methods like add, subtract, multiply, divide, and returning the object, contrasting with the service method.

Create server-side get methods and full CRUD operations with an AngularJS factory, exposing get all, get by ID, create, update, and delete for employees and departments.

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.

Implement update functionality in the AngularJS app by calling the server-side update method for an employee, refreshing the grid, and confirming the update with the updated object.

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.

Learn to implement multi select and multi delete in an AngularJS grid, with page-change clearing, header checkbox synchronization, select-one logic on the current page, and server-side bulk delete options.

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.

Learn how local storage persists data across browser sessions and tabs with no expiration date. Use setItem, getItem, and removeItem to manage values on the client side, without server transfer.