4.5 out of 5
4.5
43 reviews on Udemy

asp.net web api and angularjs development to deployment

Learn to develop single page application (SPA) using asp net web api and angularjs and deploy to live server.
Instructor:
Lutfor Rahman
3,172 students enrolled
English [Auto-generated]
Will love to develop web application using ASP .NET Web API and AngularJS

If you want to be an API based web application developer and want to develop your client side application using asp net web api and angularjs then you are in right track.

In this course you will learn –

  1. How to create an angularjs module and include the module in your web project.

  2. Write angularjs controller and register with the module.

  3. Bind the angularjs module and controller with your view.

  4. How to use ui-route for anchoring.

  5. Create the master layout and render all the sub views in the master layout.

  6. How to use bootstrap in your web application.

  7. How to crate an API.

  8. How HTTP Verbs work.

  9. How api route works.

  10. How to use HTTP Verbs as prefix.

  11. How to use HTTP Verbs as attribute.

  12. How to use route attribute for writing custom route.

  13. How to write connection config and insert data into database.

  14. How to get list of data and show in html table.

  15. How to get single data and show in edit form.

  16. How to update and delete data.

  17. What should you return from API end point.

  18. How should you return from API end point.

  19. How to show success or error message on a successful or failed API calling.

  20. How to use $resource service instead of $http service for getting, inserting, updating and deleting data.

  21. How to upload file, show uploaded image and show image preview on selecting an image.

  22. How to create pagination.

  23. How to deploy your API application in live server

  24. How to deploy your web site in another live server and connect with your API server.

  25. How to get path and give permission to the directory for uploading files in live server.

Before you take this course

1
Before you take this course

Creating solution and installing angularjs

1
01 - Create solution and add new web site
2
02 - Install and include angularjs in the web project

Creating and registering angularjs module and controller

1
01 - Create new angularjs module and include to project
2
02 - Create new angularjs controller and include in web project
3
03 - Bind angularjs module and controller and show data in html view

Routing with ui-router

1
01.1 - Adding more views
2
01.2 - Anchoring the views
3
02.1 - Lets route using ui-router
4
02.2 - Lets route using ui-route [configuration]
5
02.3 - Lets route using ui-route [writing first route state]
6
02.4 - Lets route using ui-route [sub view]
7
02.5 - Lets route using ui-route[use routes and render sub views]

Using bootstrap

1
01 - Bootstraping the view using Bootstrap

Connecting to api

1
01 - Design the form and resolve the page re-load problem
2
02 - Declare angularjs model and get the form data
3
03 - Crate your first API
4
04 - Connect the API - [API route and the http verbs]
5
05 - Connect the API - [Resolving No Access-Control-Allow-Origin issue]
6
06 - Connect the API - Let's try other http verbs
7
07. Connect the API - How the api route works

How api route works

1
01 - The route prefix
2
02 - The method names and http verbs
3
03 - The route attribute and http verb attribute

Inserting data into database using asp.net web api and angularjs

1
01 - Write the student class and post form data
2
02 - Write the connection config and context class
3
03 - Write the context class
4
04 - Create the database and insert the form data

Getting, updating and deleting data from database using web api and angularjs

1
01 - Get list of data from database
2
02 - Get the edit form
3
03 - Get the data in edit form
4
04 - Update the data
5
05 - Delete student information

The status code and return type from api end point

1
01 - What should we return from api end point
2
02 - How should we return [Returning from getstudents and getstudentbyid]
3
03 - How should we return [Returning from post student]
4
04 - How should we return [Returning from put student]
5
05 - How should we return [Returning from delete student]

Showing success and error message

1
01 - Installation and configuration
2
02 - Showing the success message
3
03 - Showing the error message

Using $resource service instead of $http service for communicating with api

1
01 - Using $resource service instead of $http service

Uploading files using asp.net web api and angularjs

1
01 - Uploading file - write the directive
2
02 - Upload the file by student - angularjs code
3
03 - Upload the file by student - web api codes
4
04. Showing image and image preview

Pagination

1
01. Client side pagination using angularjs

Deployment

1
01 - Api and the api server
2
02 - Web and the web server
3
03 - Getting the path for uploading file and giving permission to the directory
4
04 - Resolve delete method not allowed problem
You can view and review the lecture materials indefinitely, like an on-demand channel.
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don't have an internet connection, some instructors also let their students download course lectures. That's up to the instructor though, so make sure you get on their good side!
4.5
4.5 out of 5
43 Ratings

Detailed Rating

Stars 5
24
Stars 4
15
Stars 3
1
Stars 2
1
Stars 1
2
9f7ca998191fd0770584ea3ad256ea96
30-Day Money-Back Guarantee

Includes

3 hours on-demand video
Full lifetime access
Access on mobile and TV
Certificate of Completion