Introduction to jQuery

Jeremy Foster | Developer Evangelist

Rachel Appel | Independent Consultant

Meet Rachel Appel | @RachelAppel

Independent Consultant
Focus on Web technologies, ASP.NET
Blogging at http://rachelappel.com
Speaker, author, mentor, coder, other good stuff...
MSDN Magazine Modern Apps article

Meet Jeremy Foster | @codefoster

Developer Evangelist, Microsoft
Honing in on web platform, Windows apps, and Azure
Blogging at http://codefoster.com
Author, presenter, coder
http://codefoster.com/codechat
http://codefoster.com/codeshow

Setting Expectations
Target Audience
Beginners on the web platform

Suggested Prerequisites/Supporting Material

mva.ms
codecademy.com/tracks/jquery

Join the MVA Community!

Microsoft Virtual Academy
Free online learning tailored for IT Pros and Developers
Over 1M registered users
Up-to-date, relevant training on variety of Microsoft
products

Earn while you learn!

Get 50 MVA Points for this event!
Visit http://aka.ms/MVA-Voucher
Enter this code: IntrojQuery (expires 12/1/2014)

Course Topics
Introduction to jQuery
01 | jQuery 101

05 | Effects

02 | Selection

06 | Ajax and Async

03 | Manipulating the DOM

07 | Libraries

04 | Events

Click to edit
Master subtitle
style

01 | jQuery 101
Jeremy Foster | @codefoster
Rachel Appel | @RachelAppel

Module Overview
What is jQuery?
When to use it
Getting started
Version history

Click to edit
Master subtitle
style

What is jQuery?

jquery is
Fast, small (32k), open, feature-rich
HTML document traversal and manipulation
Event handling
Animation
Ajax
Very compatible
Extensible
Cross browser

Click to edit
Master subtitle
style

When to Use It

Great jQuery Scenarios

Websites
Small to medium-sized web apps
Enhancement of brown-field web applications

Terrible jQuery Scenarios

As primary structure in large web apps
When using one or two jQuery features

Overall Interest in jQuery

Overall Interest in jQuery

Click to edit
Master subtitle
style

Getting Started

How to Get Started

Obtaining jQuery and using CDNs
Adding jQuery to a page
Waiting for the page to load
Hello, World!

DEMO
Downloading jQuery
Linking to a CDN

DEMO
Adding jQuery to your site
Waiting for page load
Hello, world!

Click to edit
Master subtitle
style

Version History

Version History
Major milestones
Breaking changes

Summary
What is jQuery?
When to use it
Getting started
Version history

2014 Microsoft Corporation. All rights reserved. Microsoft, Windows, Office, Azure, System Center, Dynamics and other product names are or may be registered
trademarks and/or trademarks in the U.S. and/or other countries. The information herein is for informational purposes only and represents the current view of
Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a
commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation. MICROSOFT
MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.