This course is having step by step code creation of Single Page Application[SPA] of Angular JS framework with ASP NET MVC 5 Business Application. Based on my Experience i learned that most of the time people get confused when they want to merge ASP Net MVC with AngularJS MVW architecture with SPA, or they do some mistakes without knowing proper way of doing this.
This course will surely solve this issue and make developers understand that how to implement this in real line of business application. In this course i am using number important features of MVC and Angular which are as follows.
The best thing of this course is we have combined multiple modules, controllers, services, factory of angularJS everything at one place in a small POC [proof of concept] kind of project so that after this developers can directly follow same for their projects. And things will be much clear when they do this with hands on step by step.
I make double sure that all the videos have proper steps and codes which should match with snippet and code source.
In this lecture i am explaining the exact architecture of this course and how the server side parts and client side parts are going to be connected to each other. I believe that best way to learn any technology is to create project on that so in this series i have created a project which is having this architecture.
In this lecture i have created MVC 5 Application using Visual Studio 2013 Update 4 and added a new Sql server Database with Simple Table.
In this lecture we will generate Ado.Net Entity Model for project based on Student Table which we have created.
Using Scaffold templates provided by visual studio we have created Web API 2 controller with GET, PUT, POST, DELETE and we have registered Web API route in global.asax file so that we can use it.
In this lecture we have added AngularJS library files in to our project so that we can use it further.
In this lecture we have created one main module StudentApp and in that we have injected another angular module with logical controller. Our controller is trying to get data using $http service of angularJS
In this lecture i have used angular-resource.js to use $resource service and injected that in main application module.
In this lecture i have created new html page and connected it with index page of mvc also i have used angular ng-view directive
In this lecture i have injected ngRoute and using $routeProvider service i have configured angularJS routing pattern.
In this lecture i have created multiple pages in templates folder and connected it to Angular Route of StudentApp Module.
In this lecture i have created page in which we have applied filter on all students collection and also we have done sorting. we have created this full page with responsive UI using BootStrap.
On all students collection we have applied DELETE functionality with the help of $http service
In this lecture i have explained how to use Service function on angular module to reuse code among different modules using dependency injection. also i have clarify when we should use which different function with angular module like Factory, Config, Service and Controller.
In this lecture i have explained all the module dependencies and how we have injected that.
please find attached code snippet
i know my strength that i can make complicated things simple and I will be happy if people like my videos and ask questions to me regarding technologies i know. My expertise is mostly on following technologies.
ASP NET MVC 5, Microsoft Azure, Sharepoint 2013, Windows Store Apps, Angular JS, Knockout JS, WebGL, Ember JS, Jquery,HTML 5, CSS3, WCF, WPF, etc