#1 Complete ASP.NET Core MVC Single-Page App[The Future]
4.2 (56 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,551 students enrolled

#1 Complete ASP.NET Core MVC Single-Page App[The Future]

Turn Any ASP.NET MVC Or ASP.NET Core App Into Single Page Application [WITHIN 2 MINUTES] with toufiqElahySPA.js Plugin
4.2 (56 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
7,551 students enrolled
Created by Toufiq Elahy
Last updated 4/2018
English
English [Auto-generated]
Current price: $139.99 Original price: $199.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Building a Powerful and most Complex Single-Page application Within 1 hour
  • Creative way to make single-page application(less code, do more)
  • Making Cross-Platform Single Page Application with .NET Core
  • How toufiqElahySPA .js plugin can turn any Web application into Single-Page Application within 2 minutes
  • How this Course will minimize development time and cost a lot
  • How to run .Net Core Single-Page application in Linux
  • How Single-page technique will improve the Software performance
  • How toufiqElahySPA .js plugin will make developer's life lot simple
Course content
Expand all 30 lectures 01:31:19
+ Learn toufiqElahySPA.js Plugin Within 10 Minutes
5 lectures 09:29

(1)Assign ajax-target="selector" if you want to partially update the content..
example:<a href="/" ajax-target="selector"></a>
<button href="/" ajax-target="selector"></button>
<input href="/" ajax-target="selector"/>   
<form action="/" ajax-target="selector"></form>

Preview 03:16

(2)Assign eval="functionName(parameters....)" if you want to play more with the ajax callBack response(data), xmlHttpRequest(JqrXHR)
example:
function functionName($this,$ajaxTarget,data,JqrXHR){
console.log($this); //here, $this is the object seletor which is responsible for click event
console.log($ajaxTarget); //here, $ajaxTarget is the object seletor from ajax-target's value[example: if ajax-target=".abc" then $ajaxTarget=$('.abc')]
console.log(data); //here, data is the ajax response..data can be anything like json,string,html,decimal,integer..anything
console.log(JqrXHR); //here, JqrXHR is the xmlHttpRequest of ajax response[to access statusCode write JqrXHR.status]
}

2nd rule to play with Ajax Response
03:00

(3)Assign onClick="functionName(event)" or onSubmit="functionName(event)" if you want to do something before using this plugin's ajax method
example:  <a href="/" onClick="functionName(event)"></a> <form action="/" onSubmit="functionName(event)"></form>
<script>
function functionName(event){
if(confirm('do you really want to delete this?')==false){
event.stopPropagation(); //it will prevent the further event bindings
event.preventDefault(); //and it will prevent using this framework's ajax method
}
}
</script>

3rd rule to do anything before calling Ajax method
01:28

(4)remove data-toggle="modal" while using both modal and this plugin side by side..keep the data-target="selector" as it is
example: <a href="/" ajax-target="#globalModalContent" data-target="#globalModal"></a>  //here, data-toggle="modal"(attribute) already removed from anchor tag

4th rule to work with bootstrap modal
01:06

(5)assign class="stopAjax" if you don't want to use this plugin.
example:  <a href="/" class="stopAjax"></a>   <form action="/" class="stopAjax"></form>

5th rule to stop calling Ajax method
00:39
+ Developing Student Page
6 lectures 13:29
updating single row is better than multiple rows
02:07
updating single record is better for performance
02:15
deleting single row
02:06
adding courses to specific student
03:18
delete associated course of the student
01:43
+ Developing Course Page
4 lectures 06:23
appending multiple Forms dynamically
02:24
adding multiple records
01:30
updating multiple records
01:39
deleting row dynamically
00:50
+ Developing Department Page
4 lectures 05:44
partial content in modal window
01:32
adding department record from modal window
01:37
editing department record
01:22
deleting department record
01:13
Requirements
  • Developer must have experience with Building ASP .NET Core or ASP. NET-MVC application
  • Developer Must go through Microsoft documentation: "Getting started with ASP .NET Core MVC and Entity Framework Core using Visual Studio"
  • Developer should have basic knowledge: How ASP. NET-MVC application works
  • Developer should have little experience in C#, Linq
  • Visual Studio 2015 or Visual Studio 2017 is highly preferable
  • Good Experience with jQuery is Mandatory
Description

I HELP ALL STUDENTS VIA TeamViewer USING Skype CALL TO FIX ALL INITIAL ISSUES.

I’m always updating this course with fresh content, too.. 

It’s no secret how technology is advancing at a rapid rate. New, more powerful hardware and software are being released every day, meaning it’s crucial to stay on top with the latest knowledge.

That’s why I’m always adding new, up-to-date content to this course at no extra charge. Buy this course once, and you’ll have lifetime access to it and any future updates (which are on the way as we speak).


Creative way to turn any version of ASP.NET-MVC or ASP.NET Core Application Into Single-Page Application Within 2 minutes after using my (toufiqElahySPA.js)Jquery Plugin. Here, toufiqElahySPA.js is a Jquery Plugin which is responsible to turn any web application into single page application. I developed this Plugin to minimize developer's effort while working on Creating Single Page Application. Let's see, how my Plugin can make developers life better.

Single page applications are more capable of decreasing load time of pages and the amount of data transfer from server to client.

Why This Course?

  1.  There are several pain points while working with Javascript framework like AngularJs, React, VueJs, Knockout, meteor e.t.c. in a ASP.NET MVC application in order to create Single-Page Application. Few Pain Points Are:

    1. Need to specify routing for each request

    2. Need to modify Server side technology according to Javascript framework

    3. Only possible to debug on run time 

    4. Hard-coded data-binding caused too many error

    5. Increase the complexity a lot

  2.   developer no need to learn any javascript framework and also no need to write much Jquery code to make Single Page Application after using my Jquery Plugin(toufiqElahySPA.js).

  3.  Note: developer can also use other JavaScript framework(angularjs, knockout, react e.t.c.) side by side with my Jquery Plugin. But no need, i will prove

  4. I applied the Plugin in a .NET Web application. This plugin will also work for Other Web Technologies too. I will show in my future course.

  5. 90% of time Developer no need to Create View-model Classes.

This course is so important to Developer who loves: 

  1. Strongly Typed data-binding(Razor code)

  2. Compile time error checking, 

  3. auto code completion(IntelliSense), 

  4. Re-usability ,

  5. not to get Run-time error unexpectedly 

  6. to get rid from complexity should definitely take this course.

Why (toufiqElahySPA.js)Jquery plugin is better than any JavaScript framework:

(1) Developer won't need to write too much Javascript code after using my plugin wheres developer usually writes too many javascript code while working with AngularJs(javascript framework)

(2) Developer won't need to write Jquery ajax code because the plugin has ajax function specified which will be called automatically as a common function

(3) Developer won't need to specify routing as like AngularJs because My plugin will follow ASP.NET MVC routing by default.

(4) Developer can learn using my plugin easily and quickly. just need to follow only 5 rules of my plugin and any complex scenario can be achieved through this plugin like AngularJs [i will prove] 

(5) Developer can also make Single-Page app even not following those 5 rules of the plugin. Those rules are for critical situation. First 2 rules is enough to solve any heavy lifting work.

What technology is used in front-end?

  • Mainly Jquery

  • HTML & Razor Code

What technology is used in back-end?

  • c#, Linq

  • ASP .NET-MVC Core

  • Entity Framework Core

What tools you will need?

  • Any Version of Visual Studio will Work but try to get Latest Updated Version

  • ASP.NET Core 2.0 will need to be installed in your Machine

  • Any browser Whatever you like most

Why I applied My Plugin to Asp .NET Core application:

  • Cross-platform needs.

  • High-performance and scalable systems.

  • All coding best practices (asynchronous programming, dependency injection)

Within this course I will Show:
 How powerful and complex cross-platform single page application we can build with my Plugin  And how my SPA technique can improve the Software performance both on server and client side.

How toufiqElahySPA.js(jquery plugin) works:

  • If End user click any Link or submit any Form or click Backward or Forward button on browser, the common ajax function of the Plugin will be invoked automatically.

  • 5 rules of the plugin to handle critical situation:

I will explain all these 5 rules in 10 minutes within this course. True fact is: learning these 5 rules are enough to learn this entire Course. Learn By Doing.

Money-Back Guarantee:

After taking this course, if any student fail to achieve his goal, i will refund. Make sure you followed my video's and source code and specially my 5 rules. If something is still unclear, you can ask question in the forums, i will reply. Happy Coding!

I hope! You will Enjoy this magic Course.

Important Notice

i want to ensure all the Student that my Plugin(toufiqElahySPA.js) will not be responsible for any server related error while applying the Plugin(toufiqElahySPA.js)  in your own Project. you may just need to modify toufiqElahySPA.css according to your application need. If you get a server related exception that means your implementation has problem which need to be fixed. Don't ever think that the Plugin maybe the reason for this exception. 

please, give good ratings and comments if you want to get this type of creative and unique course in future. Good feedback will definitely encourage me to make more course on Udemy. Thank you!

Notice(to all): 

If i don't get good ratings and comments, i will not able to get inspired to share more content. if u really want to get Advanced Topics . please give me true ratings and comments.










Who this course is for:
  • Students who loves Strongly Typed, Compile time error checking, auto code completion(IntelliSense)
  • Students who are tired of working with AngularJs,React,VueJs,Knockout in .NET MVC application
  • Students who want to turn any Web application Into single-page application Within 2 Minutes
  • Students who don't want to waste their time in learning any Javascript Framework like angular 2/4, react, knockout e.t.c.
  • Students who want to learn building single-page application only with jQuery
  • Students who don't want to learn much Front-end Stuff in building Single-Page Application
  • Students who want to create cross-platform single page application with .NET Core
  • Students who is looking for creative way to solve his daily life problems easily