
Run and finalize the ASP.NET Core MVC single-page app project, learn why you should take this course, and how the my query plugin enables a fast, scalable spa.
Turn a traditional asp.net core mvc app into a single-page application by adding a left navigation bar, ajax-driven content, and client-side validation, with caching prevented in the master page.
(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>
(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]
}
(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>
(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
(5)assign class="stopAjax" if you don't want to use this plugin.
example: <a href="/" class="stopAjax"></a> <form action="/" class="stopAjax"></form>
Improve performance on the server and client sides by refactoring course table queries, using ajax updates with specific id selectors and select links to reduce load time.
Fix a plugin-based scenario in an ASP.NET Core MVC single-page app by applying a JavaScript function attribute inside a link to ensure the selected row color updates on click.
Click any link to display content below the page using a div with an ideas selector and target attribute, showing dynamic content, including a student named Edita.
Learn how updating a single row is better than refreshing the whole student table by creating a JavaScript function, submitting the form, and updating the table with the new rule.
Edit the role here as the table refreshes and implement an active role selection color; update the action method so submitting updates only the specific fields for better performance.
Delete a single row by using a JavaScript function inside a form to remove the targeted row and refresh the table on submit.
Add courses to a specific student using a single-page ASP.NET Core MVC flow with bootstrap modal, action methods, and views updating HTML and the courses table.
Implement a JavaScript function for the bottom X button and create an action method to delete the associated student course; clicking the X deletes the course.
Explore dynamically appending multiple forms by wiring a create action method and a view, with JavaScript toggles showing the form below the table and an X button to delete.
Implement form submission and an action method to add multiple records, create a JavaScript function to append rows to the course table, and verify records appear after submitting the form.
Install a flow to edit a rule by opening an editable form from the edit link, add a JavaScript function, and implement the update action to save changes.
Modify the delete action method and add a JavaScript function to delete a row via the delete link, so clicking the link removes the row dynamically.
Replace page links with modal link buttons to load content into a modal window via ajax, using data-target and ajax-target attributes, invoked from the outdoorsy system file.
Add a department record from a modal window by modifying the create action, using a JavaScript function to fill the form and update the department table on submit.
Implement an editor form to update a department record in a single-page ASP.NET Core MVC app, submitting the form edits the editor role and related attributes.
Implement a delete workflow for a department in an ASP.NET Core MVC single-page app by adding a delete action and a JavaScript confirmation on the delete link.
Build a one-page ASP.NET Core MVC app by creating a controller and a student view, with a right navigation tab panel and ajax attributes for interactions.
Follow the final demo of the student management page, adding, updating, and deleting students, courses, instructors, and departments, and navigating course pages across the app.
Demonstrate running a demo project on Ubuntu 16.04, execute setup commands, launch the main project in a web browser, and explore the cross-platform single-page app.
transform an asp.net mvc app into a single-page application by adding a plugin at the end of the body and using ajax to update content without a full page refresh.
Explore applying the toufiqElahySPA.js plugin in a real-world ASP.NET MVC 5 application to enhance a complete ASP.NET Core MVC single-page app.
Caution: Each Student will need to purchase The Plugin which is not belongs to this Course. I have used paid Plugin on this Course.
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?
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:
Need to specify routing for each request
Need to modify Server side technology according to Javascript framework
Only possible to debug on run time
Hard-coded data-binding caused too many error
Increase the complexity a lot
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).
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.
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.
90% of time Developer no need to Create View-model Classes.
This course is so important to Developer who loves:
Strongly Typed data-binding(Razor code)
Compile time error checking,
auto code completion(IntelliSense),
Re-usability ,
not to get Run-time error unexpectedly
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.