jQuery: быстрая разработка веб-интерфейсов на JavaScript

Быстрая разработка веб-интерфейсов на JavaScript Георгий Калашников Заседание #000012

Зачем это и с чего всё началось? ,[object Object],[object Object],[object Object]

Holly Wars ,[object Object],[object Object],[object Object]

jQuery 54.5 KB [15KB packed] CSS 1-3 и немного XPath IE 6.0+, FF 2+, Safari 2.0+, Opera 9.0+ Огромное сообщество Доступная документация Лёгкая расширяемость (1441 плагин)

$ ,[object Object],[object Object],[object Object],[object Object]

$(document).ready() ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],MyScript.js <script type=“text/javascript” src=“MyScript.js”></script>

Селекторы ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

[ Селектор ] : фильтр ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],…

Ещё раз о $ ,[object Object],[object Object],[object Object],[object Object],[object Object],OMG это массив!

Цепные вызовы — chaining ,[object Object]

Долой унылые методы манипуляции с DOM ! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

картинка для привлечения внимания

События ,[object Object],[object Object],[object Object],[object Object],[object Object]

События -> плюшки! ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],blur( fn ) change( fn ) error( fn ) focus( ) focus( fn ) keydown( fn ) keypress( fn ) keyup( fn ) load( fn ) mousedown( fn ) mousemove( fn ) mouseout( fn ) mouseover( fn ) mouseup( fn ) resize( fn ) scroll( fn ) select( fn ) submit( fn ) unload( fn )

События -> preventDefault ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

АЙ-АЙ ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Эффекты и анимация ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Plugins -> свой плагин ( function($) { $. fn. myPlugin = function() { return this.each(function() { /* Пыщ! */ }); }; })(jQuery); Пример гов плохого кода

Plugins -> свой плагин 2 (function($) { $.fn.myPlugin = myPlugin; })(jQuery); function myPlugin($) { return this.each(myPluginWithEach); } function myPluginWithEach() { $(this).hide(); }

Plugins -> готовенькое http://plugins.jquery.com/ http://bassistance.de/jquery-plugins/ http://ui.jquery.com/

Ссылки http://jquery.com/ http://visualjquery.com/ http://learningjquery.com/

Да прибудет с вами сила jQuery ! [email_address]

jQuery: быстрая разработка веб-интерфейсов на JavaScript

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Was ist angesagt?

Was ist angesagt? (14)

Ähnlich wie jQuery: быстрая разработка веб-интерфейсов на JavaScript

Ähnlich wie jQuery: быстрая разработка веб-интерфейсов на JavaScript (20)

Mehr von Constantin Kichinsky

Mehr von Constantin Kichinsky (20)

jQuery: быстрая разработка веб-интерфейсов на JavaScript