Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
23 слайда
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
4.66 MB
Просмотров:
61
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![Быстрая разработка](/documents/447dae6c6473930b12d8ef9ef1618a14/img0.jpg)
Содержание слайда: Быстрая разработка
веб-интерфейсов на JavaScript
№2 слайд![Зачем это и с чего всё](/documents/447dae6c6473930b12d8ef9ef1618a14/img1.jpg)
Содержание слайда: Зачем это и с чего всё началось?
Сложность непосредственной работы с DOM
Избыточность классического JS-кода
Кроссбраузерность
№3 слайд![Holly Wars Prototype](/documents/447dae6c6473930b12d8ef9ef1618a14/img2.jpg)
Содержание слайда: Holly Wars
Prototype/Scriptaculous
(> 200Kb)
Mootools
Dojo
№4 слайд![jQuery](/documents/447dae6c6473930b12d8ef9ef1618a14/img3.jpg)
Содержание слайда: jQuery
№5 слайд![селектор, контекст HTML](/documents/447dae6c6473930b12d8ef9ef1618a14/img4.jpg)
Содержание слайда: $
$(селектор, [контекст])
$(HTML)
$(document | window | form)
$(function)
№6 слайд![document .ready lt sctipt](/documents/447dae6c6473930b12d8ef9ef1618a14/img5.jpg)
Содержание слайда: $(document).ready()
<sctipt type=“text/javascript”>
window.onload = myOnloadHandler;
</script>
№7 слайд![Селекторы id tag .class](/documents/447dae6c6473930b12d8ef9ef1618a14/img6.jpg)
Содержание слайда: Селекторы
#id
tag
.class
*
selector1, selector2, …, selectorN
№8 слайд![Селектор фильтр](/documents/447dae6c6473930b12d8ef9ef1618a14/img7.jpg)
Содержание слайда: [Селектор] :фильтр
№9 слайд![Ещё раз о eq index filter](/documents/447dae6c6473930b12d8ef9ef1618a14/img8.jpg)
Содержание слайда: Ещё раз о $
eq( index )
filter ( выражение | function )
slice ( from, [to] )
get( index )
length
№10 слайд![Цепные вызовы chaining div .](/documents/447dae6c6473930b12d8ef9ef1618a14/img9.jpg)
Содержание слайда: Цепные вызовы — chaining
$(“div”). children(). hide(). end() . addClass(“c”);
№11 слайд![Долой унылые методы](/documents/447dae6c6473930b12d8ef9ef1618a14/img10.jpg)
Содержание слайда: Долой унылые методы манипуляции с DOM!
html ( ) html ( val )
text ( ) text ( val )
append ( content ) appendTo ( selector )
prepend ( content ) prependTo ( selector )
after ( content ) before ( content )
insertAfter ( content ) insertBefore ( content )
replaceWith ( content ) replaceAll ( selector )
empty ( ) remove ( expr )
wrap ( html | elem )
wrapAll ( html | elem )
wrapInner ( html | elem )
clone ( [true] )
№12 слайд![](/documents/447dae6c6473930b12d8ef9ef1618a14/img11.jpg)
№13 слайд![События bind type, data, fn](/documents/447dae6c6473930b12d8ef9ef1618a14/img12.jpg)
Содержание слайда: События
bind( type, data, fn )
one( type, data, fn )
trigger( type, data )
triggerHandler( type, data )
unbind( type, fn )
№14 слайд![События плюшки! hover over,](/documents/447dae6c6473930b12d8ef9ef1618a14/img13.jpg)
Содержание слайда: События → плюшки!
hover ( over, out )
toggle ( [fn1, fn2, …, fnN] )
click ( [fn] )
dbclick ( [fn] )
resize ( fn )
mouseover ( fn )
keypress ( [fn] )
№15 слайд![События preventDefault a .](/documents/447dae6c6473930b12d8ef9ef1618a14/img14.jpg)
Содержание слайда: События → preventDefault
$(“a”). click ( myClickHandler );
function myClickHandler ( event )
{
// Перехода по ссылке не будет
event.preventDefault();
$( this ) . hide();
}
№16 слайд![.ajax](/documents/447dae6c6473930b12d8ef9ef1618a14/img15.jpg)
Содержание слайда: $.ajax();
№17 слайд![АЙ-АЙ .ajax .load url, data ,](/documents/447dae6c6473930b12d8ef9ef1618a14/img16.jpg)
Содержание слайда: АЙ-АЙ
$.ajax ( { } )
.load ( url, [data], [callback])
$.get ( url, [data], [callback], [type])
$.getJSON( url, [data], [callback])
$.post( url, [data], [callback], [type])
+ события ajaxError ( callback )
№18 слайд![Эффекты и анимация show hide](/documents/447dae6c6473930b12d8ef9ef1618a14/img17.jpg)
Содержание слайда: Эффекты и анимация
show / hide ( [speed], [callback] )
toggle ()
slideUp /slideDown /slideToggle (speed, [clbk])
fadeIn / fadeOut(s, [cb]) / fadeTo(s, o, [cb])
animate()
stop()
queue() / dequeue()
№19 слайд![Plugins свой плагин](/documents/447dae6c6473930b12d8ef9ef1618a14/img18.jpg)
Содержание слайда: Plugins → свой плагин
№20 слайд![Plugins свой плагин](/documents/447dae6c6473930b12d8ef9ef1618a14/img19.jpg)
Содержание слайда: Plugins → свой плагин 2
№21 слайд![Plugins готовенькое](/documents/447dae6c6473930b12d8ef9ef1618a14/img20.jpg)
Содержание слайда: Plugins → готовенькое
№22 слайд![Ссылки](/documents/447dae6c6473930b12d8ef9ef1618a14/img21.jpg)
Содержание слайда: Ссылки
№23 слайд![Да прибудет с вами сила](/documents/447dae6c6473930b12d8ef9ef1618a14/img22.jpg)
Содержание слайда: Да прибудет с вами сила jQuery!