SlideShare a Scribd company logo
.NET Framework 
ASP.NET MVC 3 
Apex T. G. India Pvt. Ltd
JavaScript Framework 
Jquery 1.7
Training in Asp.net mvc3 platform-apextgi,noida
Validation
Interactivity
AJAX
Widgets and UI
Semantic Web 
Paint HTML 
Style and Skin using CSS 
Keep CSS at top of page 
Keep Scripts at bottom of page 
Update using Ajax 
Use Json ActionResult
Training in Asp.net mvc3 platform-apextgi,noida
Sections 
Create sections in your Layout file 
Use section in head for styles 
Use section at bottom for scripts 
@RenderSection("StyleSection", false) 
@section StyleSection in our view
<!DOCTYPE html> 
<html> 
<head> 
<title>@ViewBag.Title</title> 
@RenderSection(“StyleSection”, false) 
<head> 
<body> 
… Rest of your html body here … 
@RenderSection(“Scripts”, false) 
<body> 
<html>
<appSettings> 
<add key="ClientValidationEnabled" 
value="true" /> 
<add key="UnobtrusiveJavaScriptEnabled" 
value="true" /> 
</appSettings>
public class People 
{ 
public int ID { get; set; } 
[Required(ErrorMessage="Firstname is required")] 
[StringLength(50, ErrorMessage="Field too long")] 
public string FirstName { get; set; } 
[Required(ErrorMessage = "Lastname is required")] 
[StringLength(50, ErrorMessage = " Field too long ")] 
public string LastName { get; set; } 
[Required(ErrorMessage = "Email is required")] 
[StringLength(256, ErrorMessage = " Field too long by 256 chars")] 
[RegularExpression(".+@.+..+", ErrorMessage = "email not valid")] 
public string Email { get; set; } 
}
<input 
class="text-box single-line" 
data-val="true" 
data-val-length="Field too long" 
data-val-length-max="50" 
data-val-required="Firstname…" 
id="FirstName" 
name="FirstName" 
type="text" value="" />
Binding to events 
Keep scripts at bottom of page 
$(“#myButton”).click(fn(e)); 
$(“#myButton”).bind(“click”, fn(e)); 
$(“#myButton”).delegate(“td”, “click”, fn(e)); 
$(“#myButton”).on(“click”, “td”, fn(e));
Please Avoid 
<sometag onclick=“fn();” /> 
$(sometag).live(fn);
Event object functions 
event.preventDefault(); 
event.stopPropagation(); 
event.stopImmediatePropagation();
Partial Views 
Use partials for Dialogs and pop-ups 
$(“#myDiv”).load(“/controller/action”); 
Partials are also good for Tabs
Ajax 
$.ajax(); 
$.getJSON(); 
$.post(); 
$.get(); 
$.load();
Ajax function 
$.ajax({ 
url: “/myController/myAction", 
type: “POST”, 
data: someVar, 
success: function(result){ 
$("#results").append(result); 
} 
});
getJSON function 
$.getJSON(“/mycontroller/myAction/232”, function(data) { … }); 
public ActionResult SampleJsonResponse(int Id) 
{ 
int mynumber = providerGetNumber(Id); 
return Json(mynumber, JsonRequestBehavior.AllowGet); 
}
JQueryUI 
Dragging 
Widgets, Accordian, Tabs, Datepicker, 
Dialog, Slider and Autocomplete 
Utilities Widget framework 
Effects 
Grid control coming
3rd Party Jquery Grids 
tableSorter 
jqGrid 
Flexigrid 
DataTables 
SlickGrid 
Ingrid
Thanks 
facebook.com/apex.tgi 
twitter.com/ApextgiNoida 
pinterest.com/apextgi
Ad

Recommended

Training in Asp.net mvc3 platform-apextgi,noidaAspnetmvc3 j query
Training in Asp.net mvc3 platform-apextgi,noidaAspnetmvc3 j query
prav068
 
Html server control - ASP. NET with c#
Html server control - ASP. NET with c#
priya Nithya
 
HTML5 - The 2012 of the Web
HTML5 - The 2012 of the Web
Robert Nyman
 
Soa lab 3
Soa lab 3
goldenrajan
 
Rails, Postgres, Angular, and Bootstrap: The Power Stack
Rails, Postgres, Angular, and Bootstrap: The Power Stack
David Copeland
 
Secure WordPress Development Practices
Secure WordPress Development Practices
Brandon Dove
 
Html To JSP
Html To JSP
PlanetB4U
 
Mozilla Web Apps - Super-VanJS
Mozilla Web Apps - Super-VanJS
Robert Nyman
 
Android Meetup Lightning Talk
Android Meetup Lightning Talk
Irene Duke
 
Functional testing with capybara
Functional testing with capybara
koffeinfrei
 
Contacto server API in PHP
Contacto server API in PHP
Hem Shrestha
 
1cst
1cst
Griffinder VinHai
 
Spca2014 hillier 3rd party_javascript_libraries
Spca2014 hillier 3rd party_javascript_libraries
NCCOMMS
 
Introduzione JQuery
Introduzione JQuery
orestJump
 
Embracing Capybara
Embracing Capybara
Tim Moore
 
Javascript
Javascript
orestJump
 
ملخص تقنية تصميم صفحات الويب - الوحدة الخامسة
ملخص تقنية تصميم صفحات الويب - الوحدة الخامسة
جامعة القدس المفتوحة
 
Appsplash'16 session (3) "Ui components"
Appsplash'16 session (3) "Ui components"
Hany Halim
 
Protractor Training in Pune by QuickITDotnet
Protractor Training in Pune by QuickITDotnet
QuickITDotNet Training and Services
 
Built in filters
Built in filters
Brajesh Yadav
 
Filters in AngularJS
Filters in AngularJS
Brajesh Yadav
 
Rails 3: Dashing to the Finish
Rails 3: Dashing to the Finish
Yehuda Katz
 
Html, CSS, Javascript, Jquery, Meteor應用
Html, CSS, Javascript, Jquery, Meteor應用
LearningTech
 
06 Php Mysql Connect Query
06 Php Mysql Connect Query
Geshan Manandhar
 
Eu odeio OpenSocial
Eu odeio OpenSocial
Carlos Brando
 
Jquery mobile
Jquery mobile
Eric Turcotte
 
MVC.net training in pune
MVC.net training in pune
QuickITDotNet Training and Services
 
07 Php Mysql Update Delete
07 Php Mysql Update Delete
Geshan Manandhar
 
FEDERICO MAHORA
FEDERICO MAHORA
brokerindonesia
 
Cn1 univers
Cn1 univers
Sant Bonaventura Es Convent
 

More Related Content

What's hot (20)

Android Meetup Lightning Talk
Android Meetup Lightning Talk
Irene Duke
 
Functional testing with capybara
Functional testing with capybara
koffeinfrei
 
Contacto server API in PHP
Contacto server API in PHP
Hem Shrestha
 
1cst
1cst
Griffinder VinHai
 
Spca2014 hillier 3rd party_javascript_libraries
Spca2014 hillier 3rd party_javascript_libraries
NCCOMMS
 
Introduzione JQuery
Introduzione JQuery
orestJump
 
Embracing Capybara
Embracing Capybara
Tim Moore
 
Javascript
Javascript
orestJump
 
ملخص تقنية تصميم صفحات الويب - الوحدة الخامسة
ملخص تقنية تصميم صفحات الويب - الوحدة الخامسة
جامعة القدس المفتوحة
 
Appsplash'16 session (3) "Ui components"
Appsplash'16 session (3) "Ui components"
Hany Halim
 
Protractor Training in Pune by QuickITDotnet
Protractor Training in Pune by QuickITDotnet
QuickITDotNet Training and Services
 
Built in filters
Built in filters
Brajesh Yadav
 
Filters in AngularJS
Filters in AngularJS
Brajesh Yadav
 
Rails 3: Dashing to the Finish
Rails 3: Dashing to the Finish
Yehuda Katz
 
Html, CSS, Javascript, Jquery, Meteor應用
Html, CSS, Javascript, Jquery, Meteor應用
LearningTech
 
06 Php Mysql Connect Query
06 Php Mysql Connect Query
Geshan Manandhar
 
Eu odeio OpenSocial
Eu odeio OpenSocial
Carlos Brando
 
Jquery mobile
Jquery mobile
Eric Turcotte
 
MVC.net training in pune
MVC.net training in pune
QuickITDotNet Training and Services
 
07 Php Mysql Update Delete
07 Php Mysql Update Delete
Geshan Manandhar
 
Android Meetup Lightning Talk
Android Meetup Lightning Talk
Irene Duke
 
Functional testing with capybara
Functional testing with capybara
koffeinfrei
 
Contacto server API in PHP
Contacto server API in PHP
Hem Shrestha
 
Spca2014 hillier 3rd party_javascript_libraries
Spca2014 hillier 3rd party_javascript_libraries
NCCOMMS
 
Introduzione JQuery
Introduzione JQuery
orestJump
 
Embracing Capybara
Embracing Capybara
Tim Moore
 
ملخص تقنية تصميم صفحات الويب - الوحدة الخامسة
ملخص تقنية تصميم صفحات الويب - الوحدة الخامسة
جامعة القدس المفتوحة
 
Appsplash'16 session (3) "Ui components"
Appsplash'16 session (3) "Ui components"
Hany Halim
 
Filters in AngularJS
Filters in AngularJS
Brajesh Yadav
 
Rails 3: Dashing to the Finish
Rails 3: Dashing to the Finish
Yehuda Katz
 
Html, CSS, Javascript, Jquery, Meteor應用
Html, CSS, Javascript, Jquery, Meteor應用
LearningTech
 
06 Php Mysql Connect Query
06 Php Mysql Connect Query
Geshan Manandhar
 
07 Php Mysql Update Delete
07 Php Mysql Update Delete
Geshan Manandhar
 

Viewers also liked (11)

FEDERICO MAHORA
FEDERICO MAHORA
brokerindonesia
 
Cn1 univers
Cn1 univers
Sant Bonaventura Es Convent
 
Company profile pt. suryapratama agung persada
Company profile pt. suryapratama agung persada
Digiwall Jakarta
 
AdClick Africa RTB Publishing Media Kit 2015
AdClick Africa RTB Publishing Media Kit 2015
Amanda Louw Bester
 
Ad blocking(slideshare)
Ad blocking(slideshare)
Amanda Louw Bester
 
AdClick Africa Engage Native Advertising 2015
AdClick Africa Engage Native Advertising 2015
Amanda Louw Bester
 
Yo si puedo ser mejor
Yo si puedo ser mejor
diana vanegas
 
Adclick Africa Facebook Retargeting Media Offering
Adclick Africa Facebook Retargeting Media Offering
Amanda Louw Bester
 
African Digital Market Research 2016 - Amanda
African Digital Market Research 2016 - Amanda
Amanda Louw Bester
 
AdJoin Africa Publisher Audience Marketplace
AdJoin Africa Publisher Audience Marketplace
Amanda Louw Bester
 
BuzzCity Publishing Media Kit 2014 - Monetize Mobile
BuzzCity Publishing Media Kit 2014 - Monetize Mobile
Amanda Louw Bester
 
Company profile pt. suryapratama agung persada
Company profile pt. suryapratama agung persada
Digiwall Jakarta
 
AdClick Africa RTB Publishing Media Kit 2015
AdClick Africa RTB Publishing Media Kit 2015
Amanda Louw Bester
 
AdClick Africa Engage Native Advertising 2015
AdClick Africa Engage Native Advertising 2015
Amanda Louw Bester
 
Yo si puedo ser mejor
Yo si puedo ser mejor
diana vanegas
 
Adclick Africa Facebook Retargeting Media Offering
Adclick Africa Facebook Retargeting Media Offering
Amanda Louw Bester
 
African Digital Market Research 2016 - Amanda
African Digital Market Research 2016 - Amanda
Amanda Louw Bester
 
AdJoin Africa Publisher Audience Marketplace
AdJoin Africa Publisher Audience Marketplace
Amanda Louw Bester
 
BuzzCity Publishing Media Kit 2014 - Monetize Mobile
BuzzCity Publishing Media Kit 2014 - Monetize Mobile
Amanda Louw Bester
 
Ad

Similar to Training in Asp.net mvc3 platform-apextgi,noida (20)

MVC and Razor - Doc. v1.2
MVC and Razor - Doc. v1.2
Naji El Kotob
 
Project1 CS
Project1 CS
sunmitraeducation
 
Asp.net mvc training
Asp.net mvc training
icubesystem
 
Project1 VB
Project1 VB
sunmitraeducation
 
Asp.NET MVC
Asp.NET MVC
vrluckyin
 
ASP.net Manual final.pdf
ASP.net Manual final.pdf
SwapnilGujar13
 
Web controls
Web controls
Sarthak Varshney
 
Java Web Programming [8/9] : JSF and AJAX
Java Web Programming [8/9] : JSF and AJAX
IMC Institute
 
asp.net - for merge.docx
asp.net - for merge.docx
SwapnilGujar13
 
Kick start with j query
Kick start with j query
Md. Ziaul Haq
 
jQuery Best Practice
jQuery Best Practice
chandrashekher786
 
Rails is not just Ruby
Rails is not just Ruby
Marco Otte-Witte
 
jQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and Performance
Jonas De Smet
 
Retrofit Web Forms with MVC & T4
Retrofit Web Forms with MVC & T4
soelinn
 
Connect 2016-Move Your XPages Applications to the Fast Lane
Connect 2016-Move Your XPages Applications to the Fast Lane
Howard Greenberg
 
ASP.MVC Training
ASP.MVC Training
Mahesh Sikakolli
 
MVC Training Part 1
MVC Training Part 1
Lee Englestone
 
Asp.Net MVC 5 in Arabic
Asp.Net MVC 5 in Arabic
Haitham Shaddad
 
jQuery Training
jQuery Training
ubshreenath
 
J query fundamentals
J query fundamentals
Attaporn Ninsuwan
 
MVC and Razor - Doc. v1.2
MVC and Razor - Doc. v1.2
Naji El Kotob
 
Asp.net mvc training
Asp.net mvc training
icubesystem
 
ASP.net Manual final.pdf
ASP.net Manual final.pdf
SwapnilGujar13
 
Java Web Programming [8/9] : JSF and AJAX
Java Web Programming [8/9] : JSF and AJAX
IMC Institute
 
asp.net - for merge.docx
asp.net - for merge.docx
SwapnilGujar13
 
Kick start with j query
Kick start with j query
Md. Ziaul Haq
 
jQuery: Tips, tricks and hints for better development and Performance
jQuery: Tips, tricks and hints for better development and Performance
Jonas De Smet
 
Retrofit Web Forms with MVC & T4
Retrofit Web Forms with MVC & T4
soelinn
 
Connect 2016-Move Your XPages Applications to the Fast Lane
Connect 2016-Move Your XPages Applications to the Fast Lane
Howard Greenberg
 
Ad

Recently uploaded (20)

Cyber Defense Matrix Workshop - RSA Conference
Cyber Defense Matrix Workshop - RSA Conference
Priyanka Aash
 
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to production
Michele Leroux Bustamante
 
A Constitutional Quagmire - Ethical Minefields of AI, Cyber, and Privacy.pdf
A Constitutional Quagmire - Ethical Minefields of AI, Cyber, and Privacy.pdf
Priyanka Aash
 
10 Key Challenges for AI within the EU Data Protection Framework.pdf
10 Key Challenges for AI within the EU Data Protection Framework.pdf
Priyanka Aash
 
Securing AI - There Is No Try, Only Do!.pdf
Securing AI - There Is No Try, Only Do!.pdf
Priyanka Aash
 
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...
janeliewang985
 
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Safe Software
 
"Scaling in space and time with Temporal", Andriy Lupa.pdf
"Scaling in space and time with Temporal", Andriy Lupa.pdf
Fwdays
 
Connecting Data and Intelligence: The Role of FME in Machine Learning
Connecting Data and Intelligence: The Role of FME in Machine Learning
Safe Software
 
Securing Account Lifecycles in the Age of Deepfakes.pptx
Securing Account Lifecycles in the Age of Deepfakes.pptx
FIDO Alliance
 
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdf
Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdf
Priyanka Aash
 
cnc-processing-centers-centateq-p-110-en.pdf
cnc-processing-centers-centateq-p-110-en.pdf
AmirStern2
 
Techniques for Automatic Device Identification and Network Assignment.pdf
Techniques for Automatic Device Identification and Network Assignment.pdf
Priyanka Aash
 
AI Agents and FME: A How-to Guide on Generating Synthetic Metadata
AI Agents and FME: A How-to Guide on Generating Synthetic Metadata
Safe Software
 
Wenn alles versagt - IBM Tape schützt, was zählt! Und besonders mit dem neust...
Wenn alles versagt - IBM Tape schützt, was zählt! Und besonders mit dem neust...
Josef Weingand
 
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalog
shyamraj55
 
Quantum AI: Where Impossible Becomes Probable
Quantum AI: Where Impossible Becomes Probable
Saikat Basu
 
OpenPOWER Foundation & Open-Source Core Innovations
OpenPOWER Foundation & Open-Source Core Innovations
IBM
 
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
Fwdays
 
Cyber Defense Matrix Workshop - RSA Conference
Cyber Defense Matrix Workshop - RSA Conference
Priyanka Aash
 
You are not excused! How to avoid security blind spots on the way to production
You are not excused! How to avoid security blind spots on the way to production
Michele Leroux Bustamante
 
A Constitutional Quagmire - Ethical Minefields of AI, Cyber, and Privacy.pdf
A Constitutional Quagmire - Ethical Minefields of AI, Cyber, and Privacy.pdf
Priyanka Aash
 
10 Key Challenges for AI within the EU Data Protection Framework.pdf
10 Key Challenges for AI within the EU Data Protection Framework.pdf
Priyanka Aash
 
Securing AI - There Is No Try, Only Do!.pdf
Securing AI - There Is No Try, Only Do!.pdf
Priyanka Aash
 
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...
Cluster-Based Multi-Objective Metamorphic Test Case Pair Selection for Deep N...
janeliewang985
 
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Smarter Aviation Data Management: Lessons from Swedavia Airports and Sweco
Safe Software
 
"Scaling in space and time with Temporal", Andriy Lupa.pdf
"Scaling in space and time with Temporal", Andriy Lupa.pdf
Fwdays
 
Connecting Data and Intelligence: The Role of FME in Machine Learning
Connecting Data and Intelligence: The Role of FME in Machine Learning
Safe Software
 
Securing Account Lifecycles in the Age of Deepfakes.pptx
Securing Account Lifecycles in the Age of Deepfakes.pptx
FIDO Alliance
 
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC and Open Hackathons Monthly Highlights June 2025
OpenACC
 
Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdf
Cracking the Code - Unveiling Synergies Between Open Source Security and AI.pdf
Priyanka Aash
 
cnc-processing-centers-centateq-p-110-en.pdf
cnc-processing-centers-centateq-p-110-en.pdf
AmirStern2
 
Techniques for Automatic Device Identification and Network Assignment.pdf
Techniques for Automatic Device Identification and Network Assignment.pdf
Priyanka Aash
 
AI Agents and FME: A How-to Guide on Generating Synthetic Metadata
AI Agents and FME: A How-to Guide on Generating Synthetic Metadata
Safe Software
 
Wenn alles versagt - IBM Tape schützt, was zählt! Und besonders mit dem neust...
Wenn alles versagt - IBM Tape schützt, was zählt! Und besonders mit dem neust...
Josef Weingand
 
MuleSoft for AgentForce : Topic Center and API Catalog
MuleSoft for AgentForce : Topic Center and API Catalog
shyamraj55
 
Quantum AI: Where Impossible Becomes Probable
Quantum AI: Where Impossible Becomes Probable
Saikat Basu
 
OpenPOWER Foundation & Open-Source Core Innovations
OpenPOWER Foundation & Open-Source Core Innovations
IBM
 
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
" How to survive with 1 billion vectors and not sell a kidney: our low-cost c...
Fwdays
 

Training in Asp.net mvc3 platform-apextgi,noida

  • 1. .NET Framework ASP.NET MVC 3 Apex T. G. India Pvt. Ltd
  • 8. Semantic Web Paint HTML Style and Skin using CSS Keep CSS at top of page Keep Scripts at bottom of page Update using Ajax Use Json ActionResult
  • 10. Sections Create sections in your Layout file Use section in head for styles Use section at bottom for scripts @RenderSection("StyleSection", false) @section StyleSection in our view
  • 11. <!DOCTYPE html> <html> <head> <title>@ViewBag.Title</title> @RenderSection(“StyleSection”, false) <head> <body> … Rest of your html body here … @RenderSection(“Scripts”, false) <body> <html>
  • 12. <appSettings> <add key="ClientValidationEnabled" value="true" /> <add key="UnobtrusiveJavaScriptEnabled" value="true" /> </appSettings>
  • 13. public class People { public int ID { get; set; } [Required(ErrorMessage="Firstname is required")] [StringLength(50, ErrorMessage="Field too long")] public string FirstName { get; set; } [Required(ErrorMessage = "Lastname is required")] [StringLength(50, ErrorMessage = " Field too long ")] public string LastName { get; set; } [Required(ErrorMessage = "Email is required")] [StringLength(256, ErrorMessage = " Field too long by 256 chars")] [RegularExpression(".+@.+..+", ErrorMessage = "email not valid")] public string Email { get; set; } }
  • 14. <input class="text-box single-line" data-val="true" data-val-length="Field too long" data-val-length-max="50" data-val-required="Firstname…" id="FirstName" name="FirstName" type="text" value="" />
  • 15. Binding to events Keep scripts at bottom of page $(“#myButton”).click(fn(e)); $(“#myButton”).bind(“click”, fn(e)); $(“#myButton”).delegate(“td”, “click”, fn(e)); $(“#myButton”).on(“click”, “td”, fn(e));
  • 16. Please Avoid <sometag onclick=“fn();” /> $(sometag).live(fn);
  • 17. Event object functions event.preventDefault(); event.stopPropagation(); event.stopImmediatePropagation();
  • 18. Partial Views Use partials for Dialogs and pop-ups $(“#myDiv”).load(“/controller/action”); Partials are also good for Tabs
  • 19. Ajax $.ajax(); $.getJSON(); $.post(); $.get(); $.load();
  • 20. Ajax function $.ajax({ url: “/myController/myAction", type: “POST”, data: someVar, success: function(result){ $("#results").append(result); } });
  • 21. getJSON function $.getJSON(“/mycontroller/myAction/232”, function(data) { … }); public ActionResult SampleJsonResponse(int Id) { int mynumber = providerGetNumber(Id); return Json(mynumber, JsonRequestBehavior.AllowGet); }
  • 22. JQueryUI Dragging Widgets, Accordian, Tabs, Datepicker, Dialog, Slider and Autocomplete Utilities Widget framework Effects Grid control coming
  • 23. 3rd Party Jquery Grids tableSorter jqGrid Flexigrid DataTables SlickGrid Ingrid

Editor's Notes