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

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

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

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

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

Getting Started

How to Get Started Obtaining jQuery and using CDN’s Adding jQuery to a page Waiting for the page to load Hello, World!

Downloading jQuery Linking to a CDN

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

Version History

Version History Major milestones Breaking changes

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