The document is an introduction to jQuery presentation. It discusses what jQuery is, how to set it up and include it in a webpage, its core functionality and structure, and how it is used to select and manipulate elements on a page. jQuery is a lightweight JavaScript library that makes HTML document manipulation and event handling easier. It works across browsers and has thousands of plugins. The presentation provides examples of how jQuery simplifies tasks like showing/hiding elements compared to vanilla JavaScript.
Last year, AOL adopted a new content strategy and has positioned itself as a premier destination for original content. Core to this strategy is having reusable, highly efficient and optimized common code and experiences at scale, which is where jQuery comes in. Check in with Dave Artz to see how jQuery has helped his front-end standards team tackle unique challenges like optimizing 3rd party widget performance, overriding plugin functionality, and managing dependencies and updates across 100+ sites spanning multiple back-end platforms.
Last year, AOL adopted a new content strategy and has positioned itself as a premier destination for original content. Core to this strategy is having reusable, highly efficient and optimized common code and experiences at scale, which is where jQuery comes in. Check in with Dave Artz to see how jQuery has helped his front-end standards team tackle unique challenges like optimizing 3rd party widget performance, overriding plugin functionality, and managing dependencies and updates across 100+ sites spanning multiple back-end platforms.
jQuery State of the Union - Yehuda KatzMarakana Inc.
What's the state of the most popular JavaScript library today? What's in-store for upcoming releases?
At an event hosted at Microsoft on November 9th, 2010, Yehuda Katz (a core member of the jQuery team) talked about updates planned for jQuery 1.4.3 and plans for jQuery 1.5, due next year.
He also covers:
- initiatives of the jQuery project
- jQuery mobile
- formalizing governance of the jQuery project
** See the video at: http://marakana.com/f/12312 **
Stay tuned for videos of these presentations from this event:
- jQuery jump start (15 min. session to get you productive with the JavaScript frameworks)
- jQuery with ASP.NET and Visual Studio Walk-through
- How jQuery continues to drive innovation with emerging technologies
In the meantime, check out more videos on open source development at: http://marakana.com/techtv
JsViews - Next Generation jQuery TemplatesBorisMoore
Come and see the future of jQuery Templates, as it moves from Beta1 towards a V1 product. The new jQuery Templates is taking two forms: JsRender – lean and mean, for fast rendering of templates as strings, and JsViews – for powerful interactive browser apps in which Data Link and Templates work hand-in-hand. See how with declarative data linking and templating together, creating powerful data-driven UI is easy, whether using MVVM patterns or binding directly to JSON, and whatever the richness or complexity of the underlying data.
jQuery UI is already building its future data-bound widgets on top of this technology. With JsViews and JsRender integration between jQuery UI controls and your own data and UI becomes trivially straightforward.
This presentation covers some jQuery basics, as well as some general concepts you should understand about jQuery. You will find other tips and tricks sprinkled throughout before the live coding session starts.
The code from the live coding session is available here: https://github.com/dcneiner/jQuery-Bling and covers far more advanced topics than the slide portion of this presentation.
jQuery State of the Union - Yehuda KatzMarakana Inc.
What's the state of the most popular JavaScript library today? What's in-store for upcoming releases?
At an event hosted at Microsoft on November 9th, 2010, Yehuda Katz (a core member of the jQuery team) talked about updates planned for jQuery 1.4.3 and plans for jQuery 1.5, due next year.
He also covers:
- initiatives of the jQuery project
- jQuery mobile
- formalizing governance of the jQuery project
** See the video at: http://marakana.com/f/12312 **
Stay tuned for videos of these presentations from this event:
- jQuery jump start (15 min. session to get you productive with the JavaScript frameworks)
- jQuery with ASP.NET and Visual Studio Walk-through
- How jQuery continues to drive innovation with emerging technologies
In the meantime, check out more videos on open source development at: http://marakana.com/techtv
JsViews - Next Generation jQuery TemplatesBorisMoore
Come and see the future of jQuery Templates, as it moves from Beta1 towards a V1 product. The new jQuery Templates is taking two forms: JsRender – lean and mean, for fast rendering of templates as strings, and JsViews – for powerful interactive browser apps in which Data Link and Templates work hand-in-hand. See how with declarative data linking and templating together, creating powerful data-driven UI is easy, whether using MVVM patterns or binding directly to JSON, and whatever the richness or complexity of the underlying data.
jQuery UI is already building its future data-bound widgets on top of this technology. With JsViews and JsRender integration between jQuery UI controls and your own data and UI becomes trivially straightforward.
This presentation covers some jQuery basics, as well as some general concepts you should understand about jQuery. You will find other tips and tricks sprinkled throughout before the live coding session starts.
The code from the live coding session is available here: https://github.com/dcneiner/jQuery-Bling and covers far more advanced topics than the slide portion of this presentation.
Top 45 jQuery Interview Questions and Answers | EdurekaEdureka!
YouTube Link: https://youtu.be/nmX4ycVIXt8
** Full Stack Web Developer Masters Program: https://www.edureka.co/masters-program/full-stack-developer-training **
This Edureka PPT on "jQuery Interview Questions" will help you to prepare yourself for jQuery or web development interviews. Learn about the most important jQuery interview questions and answers and know what will set you apart in the interview process.
Follow us to never miss an update in the future.
YouTube: https://www.youtube.com/user/edurekaIN
Instagram: https://www.instagram.com/edureka_learning/
Facebook: https://www.facebook.com/edurekaIN/
Twitter: https://twitter.com/edurekain
LinkedIn: https://www.linkedin.com/company/edureka
Castbox: https://castbox.fm/networks/505?country=in
Prezentacja z warsztatów http://gamejump.pl/games/workshop1-catchMole/ - dość ostry i szybki wstęp do frontendu. Czyli jakie nazwy powinniście kojarzyć ;-)
Wersja na google docs: https://docs.google.com/presentation/d/1ZKAkxlQfu0qEg5MctcqaYMyoe3SSLqljq1p3VeGPJGw/edit?usp=sharing
2. Agenda
What is jQuery?
Extenting jQuery – Understanding Plugins
How jQuery works
Get jQuery on your page
Walk through a real world example
2 December 18, 2012 Presented By: Rashid Azar
4. What is jQuery?
With javascript show a hidden element
if (browserType == "gecko" )
document.poppedLayer =
eval('document.getElementById(”HiddenDIV")');
else if (browserType == "ie")
document.poppedLayer =
eval('document.getElementById(”HiddenDIV")');
else
document.poppedLayer =
eval('document.layers[”HiddenDIV"]');
document.poppedLayer.style.visibility = "visible";
4 December 18, 2012 Presented By: Rashid Azar
5. What is jQuery?
Show a hidden DIV using jQuery
$(“#hiddenDIV”).show()
5 December 18, 2012 Presented By: Rashid Azar
6. What is jQuery?
jQuery is JavaScript
It is a light weight library
Easy and fast HTML DOM selection
Built to work on all modern browsers
(IE6+, FF 2.0+, Safari 3.0+, Opera 9+, Chrome 1.0+)
It is Open Source
6 December 18, 2012 Presented By: Rashid Azar
7. Benefits of jQuery?
jQuery is Extensible
Thousands of plugins available
Create/release your own plugin
jQuery works with other libraries
Dojo
Prototype
Mootools
7 December 18, 2012 Presented By: Rashid Azar
8. Who is using jQuery?
Google
Amazon
IBM
Microsoft
Twitter
Dell
8 December 18, 2012 Presented By: Rashid Azar
9. Setting up jQuery?
Include jQuery on the page
Download latest from jQuery.com
<script src="jquery-1.9.2.min.js" type="text/javascript></script>
Include the latest from Google AJAX Libraries API
<script
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.2/jquery.min.js"
type="text/javascript"></script>
9 December 18, 2012 Presented By: Rashid Azar
10. Setting up jQuery?
Set jQuery to run when the DOM is loaded
$(document).ready(function(){
//put your jQuery code here.
});
10 December 18, 2012 Presented By: Rashid Azar
11. Setting up jQuery?
$(“div”).show();
11 December 18, 2012 Presented By: Rashid Azar