Introduction to jQuery Article posted
I’ve posted Part 1 of a 2 part series of jQuery articles today. You can read the article here:
Introduction to jQuery (Part 1: The Client Side)
You can leave any questions or comments below. Part 2 which covers the server side integration with ASP.NET should follow in a week or so.
Microsoft Announces jQuery Integration for ASP.NET
As most of you have probably seen by now, Scott Guthrie today announced that the jQuery JavaScript library will be shipped as part of forthcoming VS.NET and ASP.NET versions and components.
This doesn’t change anything drastically for those of us who’ve been using and loving jQuery for some time now, but it does legitimize jQuery in the ASP.NET platform. Even though jQuery has been widely used there still has been some resistance to using it either standalone or in combination with ASP.NET because it isn’t part of the Microsoft platform. Going forward Microsoft will ship raw versions of jQuery, but annotated with Intellisense comments (you can do this yourself today too) , which is a great help especially when you’re picking up jQuery for the first time.
This move provides jQuery’s functionality to the Microsoft AJAX platform so the utility of that platform has just improved drastically. From Scott’s post it sounds like this also means that jQuery won’t just ship with future versions of ASP.NET and ASP.NET add-ons like MVC, but will be actively integrated with these tools by utilizing jQuery internally.
This is great news, which came as a big, but very pleasant surprise for me when I read it earlier today.
I also think this is a smart move by Microsoft given the incredible utility of jQuery. Rather than having to duplicate jQuery’s functionality as part of Microsoft AJAX 4.0, the tools can now utilize what many of us already know as a tight and very effective library in a small package.It’s also a smart PR move given how many people have migrated to using jQuery INSTEAD of the ASP.NET Ajax platfom. This move might help bring people back into the fold although it’ll still be a tough sell especially if the platform doesn’t slim down a bit or at least componentize a bit better. I also suspect that using jQuery internally will make it much easier to build ASP.NET Ajax applications and hopefully for ASP.NET AJAX 4.0 this might mean a leaner platform – but for that we’ll just have to wait and see what Microsoft does with it.
Either way I think this is great news.
Part 1 of 2 jQuery Articles published
Anyway, just as luck has it I just finished up Part 1 of my jQuery Tutorial articles a few days ago. I’d been meaning to hold off with it until Part 2 is done, but the timing is just too good to pass up. :-} Part 1 of the article is mostly a pure jQuery introduction and doesn’t talk about jQuery’s Ajax features or direct interaction with the server side and ASP.NET. Rather it focuses purely on many of the extremely useful client side features as well as the basic concepts of extending jQuery with plugins.
Part 2 then will talk about the server side integration with ASP.NET using various mechanisms to call ASP.NET content from raw page Ajax calls, to JSON Service callbacks, to using templating and even partial rendering against server side ASP.NET application. I’ll also talk about building ASP.NET components that integrate with jQuery. This article is based on my jQuery session that I’ve been giving at various conferences and user groups. BTW, if you’re coming to DevConnections in Vegas in November I’ll be there presenting on jQuery there as well so if you’re going I hope to see you there.
Part 2 is mostly done hopefully should go live over the next couple of weeks – keep an eye on this blog.
Enjoy.
Other Posts you might also like
- Adding minimal OWIN Identity Authentication to an Existing ASP.NET MVC Application
- Resolving Paths To Server Relative Paths in .NET Code
- Map Physical Paths with an HttpContext.MapPath() Extension Method in ASP.NET
- Back to Basics: Rewriting a URL in ASP.NET Core
- Getting the ASP.NET Core Server Hosting Urls at Startup and in Requests
The Voices of Reason
# re: Introduction to jQuery Article posted
PLEASE PLEASE
change the theme :(
# re: Introduction to jQuery Article posted
One of the reasons I read your blog is because I know you use jQuery just like we do, and regularly share you experiences with it.
My team has been using jQuery for a while, and although I did not need microsoft to tell me that my choice was the right one, it sure validates my thinking when it comes to selling customers on it.
This is a great move by Microsoft, and I think it shows Scott Guthrie's leadership in changing / opening Microsoft.
Regards,
Mitch
# re: Introduction to jQuery Article posted
In an uncertain world I find comfort in certain things not changing...
# re: Introduction to jQuery Article posted
I like your blog theme - plain and simple yet elegant.
One small issue though. When you hover over the navigation menu items, the sidebar contents move a few pixels down. Probably because of top and bottom border on the hovered item.
I usually keep a transparent border of same width in .class as in the .class:hover.
i.e. when item is hovered its, say a 1pixel black border. Otherwise its a 1pixel transparent border.
Cheers
Soni
# re: Introduction to jQuery Article posted
WH
# re: Introduction to jQuery Article posted
Thanks,
Andreas
# Move Scripts to the Bottom!
Nice introduction to jQuery!
However, on the topic of JavaScript inclusion, recent findings suggest that scripts should be included in the bottom of the page, as opposed to the header. When you're dealing with unobtrusive scripting, placing all your script references in the bottom of the page can decrease page load times significantly. Please see Steve Souders' excellent book "High Performance Web Sites", or search for Yahoo's "Best Practices for Speeding Up Your Web Site".
# re: Introduction to jQuery Article posted
Can you shed some light on using jQuery with the new Asp.net Mvc. Need a more useful article on this stuff as the ones which are already there are not of much use.
# re: Introduction to jQuery Article posted
Thank you very much for a great article!
When are you going to post the 2nd part (I've been waiting for it since the day I've read the first part!!!)?
Thanks again
# re: Introduction to jQuery Article posted
I am a PHP Programmer, but the article was very helpful on the jQuery side, solved some doubts I had, like the "does not always trust jQuery", adding the "not", instead of direct filter:
$("#gdEntries tbody tr") .not(":first,:last") .filter(":even") .addClass("gridalternate") .css("border","solid 1px lightgrey");
Regards.
# re: Introduction to jQuery Article posted
# re: Introduction to jQuery Article posted
it's vvvlad :)
Thank you for your effort. I can really understand how hard it is to find time in addition to your day job.
All of your articles are just great, and I really enjoy learning something new each time you post something...
# re: Introduction to jQuery Article posted
RIAnimation: http://www.hushhushmedia.com/page/RIAnimation.aspx
# re: Introduction to jQuery Article posted
I am using jquery for validation,ie not allowing user to enter unwanted characters using jquery. My code is as follows
$('.name').alphanumeric({allow:'._');
When use this code,i am not able to use selections on the key board so could u please help in this matter.
Thank you in advance
# re: Introduction to jQuery Article posted
I've been reading tutorials and book excerpts on JQuery and your introduction is the BEST. You cut to the chase with the crucial information that is really usable. Thanks for all your efforts.
# re: Introduction to jQuery Article posted
# re: Introduction to jQuery Article posted
I like all your articles. I am using JQuery for several month already, so I didn't find too many new things in this article. However your introduction pointed some blank spaces in my knowledge about Javascript.
You wrote:
>> I had never even thought about up until then: Effective use of Closures, the Prototype
>> model, class definitions, using functions as code,
1) Effective use of Closures - found this, now I know how to do setTimeout with parameters
2) The Prototype model - base of closures, got it.
3) Class definitions - knew this before
4) Using functions as code ????
I didn't find any thing about "Using functions as code" in javascript. Can you give me some links about subject? May you can make some article about best practices in javascript?
# re: Introduction to jQuery Article posted
The latter I find really helpful because it often make async code a lot easier to read because although calls are async, the functionality behavior is defined effectively inline of the code you are writing. Combined with closures and picking up variable state from parent code blocks really takes the sting out of async coding.
# re: Introduction to jQuery Article posted
eg
$('#mydiv').sildeup(1000) in the expression dialog and if the element is there it must slide up. i think u got my point. can we develop something like and if its possible how can we do it... i hope this will help people also to learn the jquery by viewing it.. so that as u can make a better place to learn jquery
# re: Introduction to jQuery Article posted
# re: Introduction to jQuery Article posted
I'm learning functional programming now (Scala, F#), and it's so nice that jQuery seems to emphasize functional approaches (methods which operates on `lists`, closures, etc.)! It really provides a base for a good programming style.
# re: Introduction to jQuery Article posted
look at http://interglacial.com/hoj/hoj.html as well.
# re: Introduction to jQuery Article posted
Hello!
Let me introduce myself – my name is Maxim Slobodyanyuk and I’m a CEO of ILOGOS (www.ilogos-ua.com).
We are looking for long-term partnership.
ILOGOS's main focus is professional software engineering and the company's expertise covers all major IT engineering areas for: IT-companies, Software outsourcing companies, IT-departments, IT-specialists. So, having learned your business, we mean and hope that our companies have common interests and common business opportunities.
We are ready to propose offshore development for your company at hourly rates 10-15euro.
You may learn more about:
Using tools and technologies: ASP.NET, MSSQL, MSAJAX, NAnt, HTML/DHTML, CSS, JavaScript, Ajax, JDBC, Java Servlet, Ant, BIRT, Eclipse, MyEclipse, NetBeans, IBExpert, LAMP (PHP 4, PHP 5, MySQL, AJAX) Joomla!, Maguma, Comodo, Zend, ANSI SQL, T-SQL, PL/SQL, FLASH (AS2, AS3), FLEX –(MORE INFO: http://ilogos-ua.com/tech.shtml )
Fulfilled projects - http://ilogos-ua.com/projects.shtml
All our services - http://ilogos-ua.com/service.shtml
Regards,
Maksym Slobodyanyuk
# re: Introduction to jQuery Article posted