SlideShare a Scribd company logo
Cleveland C#/VB.Net User Group
February 24, 2009
Marv Schwartz
mss@case.edu
   … you write cascading style sheets (css)
   … you write ASP.net software?
   … you write javascript?
   … you write jQuery?
   … you enjoy writing javascript?
   Why YOU might use jQuery
   How to update VS-2008 for jQuery
   Write some jQuery code
   Ideas for debugging jQuery code
   References

Sam Nasr has kindly agreed to post these slides
 on http://www.clevelanddotnet.info/.
Jquery
 Javascript has become essential to current
  web page development, but …
 Javascript is not a good language design
 Javascript has become bloated
     DOM navigation
     Browser differences
   Writing Javascript code is tedious, time-
    consuming, and error-prone
   jQuery makes writing Javascript much easier
     DOM navigation (css-like syntax)
     Apply methods to sets of DOM elements
     Builder model (chain method calls)
     Extensible and there are tons of libraries
     Handles most browser differences so you don’t
     have to
   Server provides data
   jQuery on client provides presentation
Scott Guthrie is a Corporate Vice President in
        the Microsoft Developer Division. He runs the
        development teams that build the following
products/technologies:
CLR and the core .NET Base Class Libraries
ASP.NET
Silverlight
WPF
IIS 7.0
Visual Studio Tools for ASP.NET, WPF, Silverlight and
Mobile
jQuery and Microsoft (Google ScottGu jQuery)
Scott Guthrie announced “… that Microsoft will
be shipping jQuery with Visual Studio going
forward. We will distribute the jQuery
JavaScript library as-is, and will not be forking or
changing the source from the main jQuery
branch. The files will continue to use and ship
under the existing jQuery MIT license.
We will also distribute intellisense-annotated
versions that provide great Visual Studio
intellisense and help-integration at design-time”
   ScottGu, jQuery Intellisense in VS 2008
             j
    http://weblogs.asp.net/scottgu/archive/2008/11/21/jquery-intellisense-in-vs-2008.aspx



   VS2008 sp1

   KB958502-JScript Editor support for
    “-vsdoc.js” IntelliSense documentation files
    http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736
February 7th, 2009
FLOSS Weekly 55: jQuery
Hosts: Randal Schwartz and Leo Laporte
jQuery, a lightweight JavaScript library emphasizing JavaScript and HTML
    interaction.
Guest: John Resig for jQuery
TWiT Wiki for this show
John Resig is the creator, project lead and the head of the development team
    of the jQuery JavaScript library, released in January, 2006. For Resig's day
    job he works as a JavaScript Evangelist for the Mozilla Corporation, where
    he does JavaScript testing, performance analysis, speaking, and writing.
    He's also the author of a number of other projects, including:
Sizzle: A cross-browser, standalone, JavaScript library for implementing CSS
    selector DOM selection in JavaScript, which is in the process of being
    integrated into jQuery, Prototype, Sizzle, YUI, and MochiKIt.
Processing.js: A port of the Processing visualization language to JavaScript
    (running in an HTML 5 canvas element).
Resig also speaks on the Open Web Podcast with Dion Almaer and Alex Russel,
    where they discuss web standards, JavaScript, and browsers. He's the
    author of the book "Pro JavaScript Techniques" and is working on his
    second book: "Secrets of the JavaScript Ninja" (due out in 2009)
   HTML only
     Text
     Tables
   ASP.net AJAX
 ASP.net
 No ScriptHandler
 Uses WebMethods
 Uses query string
 Compress jQuery-1.3.2.js
 or use Google to host jQuery
    http://code.google.com/apis/ajax/documentation/

   Not needed: jQuery-1.3.2.vsdoc.js
   Plugins: http://docs.jquery.com/Plugins

   and Google returns many more
     flot
     SimpleModal
   jQuery in Action


   http://www.manning.com/bibeault/

 chapter2lab selectors.html
 chapter2lab.wrapped.set.html
   http://jquery.com/

   Scott Guthrie’s blog:
    http://weblogs.asp.net/scottgu/

   Rick Strahl’s blog:
    http://www.west-wind.com/weblog/

   Book: jQuery in Action
A problem with Google is that it finds outdated
information as easily as current information.
Integration with Visual Studio 2008 is improving
quickly. Be wary of old hints. Some are
unnecessary. Some break things.
Go code some cool web pages using jQuery.
Thank you.
Marv Schwartz
mss@case.edu

More Related Content

PPSX
Web technologies practical guide
PPTX
Modern Applications With Asp.net Core 5 and Vue JS 3
PPTX
Building High-Performance applications with .NET 5 and Vue JS 3
PPTX
Introduction to Vue.js DevStaff Meetup 13.02
PPTX
Single Page Application Development with backbone.js and Simple.Web
PPTX
Single page application and Framework
PPTX
PPTX
Building great spa’s with angular js, asp.net mvc and webapi
Web technologies practical guide
Modern Applications With Asp.net Core 5 and Vue JS 3
Building High-Performance applications with .NET 5 and Vue JS 3
Introduction to Vue.js DevStaff Meetup 13.02
Single Page Application Development with backbone.js and Simple.Web
Single page application and Framework
Building great spa’s with angular js, asp.net mvc and webapi

What's hot (20)

PPTX
PDF
Introduction To Single Page Application
PDF
End to-End SPA Development Using ASP.NET and AngularJS
PPTX
WebNetConf 2012 - Single Page Apps
KEY
SGCE 2012 Lightning Talk-Single Page Interface
PPTX
Mvc razor and working with data
PPTX
Building rest services using aspnetwebapi
PDF
Node PDX: Intro to Sails.js
PPTX
Introduction presentation
PPTX
A Gentle Introduction to Blazor
PPTX
Lap Around ASP.NET MVC 5
PPTX
Building Modern Web Applications with ASP.NET5
PDF
Server rendering-talk
PDF
Learning Single page Application chapter 1
PDF
ASP.NET MVC 4 Introduction
PPTX
Pros and Cons of developing a Thick Clientside App
PDF
ITT Flisol 2013
PPTX
Rise of the responsive single page application
PPTX
Making Single Page Applications (SPA) faster
PPTX
Single Page Application
Introduction To Single Page Application
End to-End SPA Development Using ASP.NET and AngularJS
WebNetConf 2012 - Single Page Apps
SGCE 2012 Lightning Talk-Single Page Interface
Mvc razor and working with data
Building rest services using aspnetwebapi
Node PDX: Intro to Sails.js
Introduction presentation
A Gentle Introduction to Blazor
Lap Around ASP.NET MVC 5
Building Modern Web Applications with ASP.NET5
Server rendering-talk
Learning Single page Application chapter 1
ASP.NET MVC 4 Introduction
Pros and Cons of developing a Thick Clientside App
ITT Flisol 2013
Rise of the responsive single page application
Making Single Page Applications (SPA) faster
Single Page Application
Ad

Viewers also liked (6)

PDF
03 Web Events and jQuery
KEY
AJAX & jQuery - City University WAD Module
KEY
jQuery Events
PDF
Secrets of Awesome JavaScript API Design
PDF
jQuery : Events are where it happens!
PDF
jQuery: Events, Animation, Ajax
03 Web Events and jQuery
AJAX & jQuery - City University WAD Module
jQuery Events
Secrets of Awesome JavaScript API Design
jQuery : Events are where it happens!
jQuery: Events, Animation, Ajax
Ad

Similar to Jquery (20)

PPTX
Starting with jQuery
PPT
GWT Introduction for Eclipse Day
PPTX
Front End Development | Introduction
PPSX
Web development concepts using microsoft technologies
PPT
Js frameworks
PPT
Ajax toolkit framework
PDF
Fewd week4 slides
PDF
Powerful tools for building web solutions
PDF
Seven Versions of One Web Application
DOCX
Brad Enterprise Solution Architect
PDF
Past, present, and future of web assembly - Devfest Nantes 2017
PPT
Developing Java Web Applications
PPT
Node.js an introduction
PDF
Coding the UI
PDF
Coding Ui
PDF
Developpement informatique
PPT
GWT Training - Session 1/3
PPTX
jQuery programming with visual web part
PDF
8.-Javascript-report powerpoint presentation
PPTX
Starting with jQuery
GWT Introduction for Eclipse Day
Front End Development | Introduction
Web development concepts using microsoft technologies
Js frameworks
Ajax toolkit framework
Fewd week4 slides
Powerful tools for building web solutions
Seven Versions of One Web Application
Brad Enterprise Solution Architect
Past, present, and future of web assembly - Devfest Nantes 2017
Developing Java Web Applications
Node.js an introduction
Coding the UI
Coding Ui
Developpement informatique
GWT Training - Session 1/3
jQuery programming with visual web part
8.-Javascript-report powerpoint presentation

Recently uploaded (20)

PPTX
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PDF
Advanced IT Governance
PDF
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
PDF
Unlocking AI with Model Context Protocol (MCP)
PDF
Modernizing your data center with Dell and AMD
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
PDF
NewMind AI Monthly Chronicles - July 2025
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PDF
Empathic Computing: Creating Shared Understanding
PPTX
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
DOCX
The AUB Centre for AI in Media Proposal.docx
PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PPTX
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
PDF
KodekX | Application Modernization Development
PDF
Advanced Soft Computing BINUS July 2025.pdf
PDF
Chapter 3 Spatial Domain Image Processing.pdf
PDF
Approach and Philosophy of On baking technology
PA Analog/Digital System: The Backbone of Modern Surveillance and Communication
Diabetes mellitus diagnosis method based random forest with bat algorithm
Advanced IT Governance
[발표본] 너의 과제는 클라우드에 있어_KTDS_김동현_20250524.pdf
Unlocking AI with Model Context Protocol (MCP)
Modernizing your data center with Dell and AMD
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Shreyas Phanse Resume: Experienced Backend Engineer | Java • Spring Boot • Ka...
NewMind AI Monthly Chronicles - July 2025
Advanced methodologies resolving dimensionality complications for autism neur...
Empathic Computing: Creating Shared Understanding
Effective Security Operations Center (SOC) A Modern, Strategic, and Threat-In...
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
The AUB Centre for AI in Media Proposal.docx
Mobile App Security Testing_ A Comprehensive Guide.pdf
breach-and-attack-simulation-cybersecurity-india-chennai-defenderrabbit-2025....
KodekX | Application Modernization Development
Advanced Soft Computing BINUS July 2025.pdf
Chapter 3 Spatial Domain Image Processing.pdf
Approach and Philosophy of On baking technology

Jquery

  • 1. Cleveland C#/VB.Net User Group February 24, 2009 Marv Schwartz mss@case.edu
  • 2. … you write cascading style sheets (css)  … you write ASP.net software?  … you write javascript?  … you write jQuery?  … you enjoy writing javascript?
  • 3. Why YOU might use jQuery  How to update VS-2008 for jQuery  Write some jQuery code  Ideas for debugging jQuery code  References Sam Nasr has kindly agreed to post these slides on http://www.clevelanddotnet.info/.
  • 5.  Javascript has become essential to current web page development, but …  Javascript is not a good language design  Javascript has become bloated  DOM navigation  Browser differences  Writing Javascript code is tedious, time- consuming, and error-prone
  • 6. jQuery makes writing Javascript much easier  DOM navigation (css-like syntax)  Apply methods to sets of DOM elements  Builder model (chain method calls)  Extensible and there are tons of libraries  Handles most browser differences so you don’t have to  Server provides data  jQuery on client provides presentation
  • 7. Scott Guthrie is a Corporate Vice President in the Microsoft Developer Division. He runs the development teams that build the following products/technologies: CLR and the core .NET Base Class Libraries ASP.NET Silverlight WPF IIS 7.0 Visual Studio Tools for ASP.NET, WPF, Silverlight and Mobile jQuery and Microsoft (Google ScottGu jQuery)
  • 8. Scott Guthrie announced “… that Microsoft will be shipping jQuery with Visual Studio going forward. We will distribute the jQuery JavaScript library as-is, and will not be forking or changing the source from the main jQuery branch. The files will continue to use and ship under the existing jQuery MIT license. We will also distribute intellisense-annotated versions that provide great Visual Studio intellisense and help-integration at design-time”
  • 9. ScottGu, jQuery Intellisense in VS 2008 j http://weblogs.asp.net/scottgu/archive/2008/11/21/jquery-intellisense-in-vs-2008.aspx  VS2008 sp1  KB958502-JScript Editor support for “-vsdoc.js” IntelliSense documentation files http://code.msdn.microsoft.com/KB958502/Release/ProjectReleases.aspx?ReleaseId=1736
  • 10. February 7th, 2009 FLOSS Weekly 55: jQuery Hosts: Randal Schwartz and Leo Laporte jQuery, a lightweight JavaScript library emphasizing JavaScript and HTML interaction. Guest: John Resig for jQuery TWiT Wiki for this show John Resig is the creator, project lead and the head of the development team of the jQuery JavaScript library, released in January, 2006. For Resig's day job he works as a JavaScript Evangelist for the Mozilla Corporation, where he does JavaScript testing, performance analysis, speaking, and writing. He's also the author of a number of other projects, including: Sizzle: A cross-browser, standalone, JavaScript library for implementing CSS selector DOM selection in JavaScript, which is in the process of being integrated into jQuery, Prototype, Sizzle, YUI, and MochiKIt. Processing.js: A port of the Processing visualization language to JavaScript (running in an HTML 5 canvas element). Resig also speaks on the Open Web Podcast with Dion Almaer and Alex Russel, where they discuss web standards, JavaScript, and browsers. He's the author of the book "Pro JavaScript Techniques" and is working on his second book: "Secrets of the JavaScript Ninja" (due out in 2009)
  • 11. HTML only  Text  Tables  ASP.net AJAX
  • 12.  ASP.net  No ScriptHandler  Uses WebMethods  Uses query string
  • 13.  Compress jQuery-1.3.2.js  or use Google to host jQuery http://code.google.com/apis/ajax/documentation/  Not needed: jQuery-1.3.2.vsdoc.js
  • 14. Plugins: http://docs.jquery.com/Plugins  and Google returns many more  flot  SimpleModal
  • 15. jQuery in Action  http://www.manning.com/bibeault/  chapter2lab selectors.html  chapter2lab.wrapped.set.html
  • 16. http://jquery.com/  Scott Guthrie’s blog: http://weblogs.asp.net/scottgu/  Rick Strahl’s blog: http://www.west-wind.com/weblog/  Book: jQuery in Action
  • 17. A problem with Google is that it finds outdated information as easily as current information. Integration with Visual Studio 2008 is improving quickly. Be wary of old hints. Some are unnecessary. Some break things. Go code some cool web pages using jQuery. Thank you. Marv Schwartz mss@case.edu

Editor's Notes

  • #9: jQuery is a lightweight open source JavaScript library (only 15kb in size) that in a relatively short span of time has become one of the most popular libraries on the web. A big part of the appeal of jQuery is that it allows you to elegantly (and efficiently) find and manipulate HTML elements with minimum lines of code.  jQuery supports this via a nice "selector" API that allows developers to query for HTML elements, and then apply "commands" to them.  One of the characteristics of jQuery commands is that they can be "chained" together - so that the result of one command can feed into another.  jQuery also includes a built-in set of animation APIs that can be used as commands.  The combination allows you to do some really cool things with only a few keystrokes. For example, the below JavaScript uses jQuery to find all <div> elements within a page that have a CSS class of "product", and then animate them to slowly disappear: As another example, the JavaScript below uses jQuery to find a specific <table> on the page with an id of "datagrid1", then retrieves every other <tr> row within the datagrid, and sets those <tr> elements to have a CSS class of "even" - which could be used to alternate the background color of each row: [Note: both of these samples were adapted from code snippets in the excellent jQuery in Action book] Providing the ability to perform selection and animation operations like above is something that a lot of developers have asked us to add to ASP.NET AJAX, and this support was something we listed as a proposed feature in the ASP.NET AJAX Roadmap we published a few months ago.  As the team started to investigate building it, though, they quickly realized that the jQuery support for these scenarios is already excellent, and that there is a huge ecosystem and community built up around it already.  The jQuery library also works well on the same page with ASP.NET AJAX and the ASP.NET AJAX Control Toolkit. Rather than duplicate functionality, we thought, wouldn't it be great to just use jQuery as-is, and add it as a standard, supported, library in VS/ASP.NET, and then focus our energy building new features that took advantage of it?  We sent mail the jQuery team to gauge their interest in this, and quickly heard back that they thought that it sounded like an interesting idea too. Supporting jQuery I'm excited today to announce that Microsoft will be shipping jQuery with Visual Studio going forward.  We will distribute the jQuery JavaScript library as-is, and will not be forking or changing the source from the main jQuery branch.  The files will continue to use and ship under the existing jQuery MIT license. We will also distribute intellisense-annotated versions that provide great Visual Studio intellisense and help-integration at design-time.  For example: and with a chained command: The jQuery intellisense annotation support will be available as a free web-download in a few weeks (and will work great with VS 2008 SP1 and the free Visual Web Developer 2008 Express SP1).  The new ASP.NET MVC download will also distribute it, and add the jQuery library by default to all new projects. We will also extend Microsoft product support to jQuery beginning later this year, which will enable developers and enterprises to call and open jQuery support cases 24x7 with Microsoft PSS. Going forward we'll use jQuery as one of the libraries used to implement higher-level controls in the ASP.NET AJAX Control Toolkit, as well as to implement new Ajax server-side helper methods for ASP.NET MVC.  New features we add to ASP.NET AJAX (like the new client template support ) will be designed to integrate nicely with jQuery as well.  We also plan to contribute tests, bug fixes, and patches back to the jQuery open source project.  These will all go through the standard jQuery patch review process. Summary We are really excited to be able to partner with the jQuery team on this.  jQuery is a fantastic library, and something we think can really benefit ASP.NET and ASP.NET AJAX developers.  We are looking forward to having it work great with Visual Studio and ASP.NET, and to help bring it to an even larger set of developers. For more details on today's announcement, please check out John Resig's post on the jQuery team blog.  Scott Hanselman is also about to post a nice tutorial that shows off integrating jQuery with ASP.NET AJAX (including the new client templating engine) as well as ADO.NET Data Services (which shipped in .NET 3.5 SP1 and was previously code-named "Astoria"). Hope this helps, Scott Published Sunday, September 28, 2008 11:32 AM by ScottGu