Презентация Быстрая разработка веб-интерфейсов на JavaScript онлайн

На нашем сайте вы можете скачать и просмотреть онлайн доклад-презентацию на тему Быстрая разработка веб-интерфейсов на JavaScript абсолютно бесплатно. Урок-презентация на эту тему содержит всего 23 слайда. Все материалы созданы в программе PowerPoint и имеют формат ppt или же pptx. Материалы и темы для презентаций взяты из открытых источников и загружены их авторами, за качество и достоверность информации в них администрация сайта не отвечает, все права принадлежат их создателям. Если вы нашли то, что искали, отблагодарите авторов - поделитесь ссылкой в социальных сетях, а наш сайт добавьте в закладки.

Презентации » Технологии » Быстрая разработка веб-интерфейсов на JavaScript

Просмотр ВСЕЙ презентации! ЖМИТЕ

Оцените презентацию от 1 до 5 баллов!

Смотреть онлайн
Скачать

Тип файла:

ppt / pptx (powerpoint)
Всего слайдов:

23 слайда
Для класса:

1,2,3,4,5,6,7,8,9,10,11
Размер файла:

4.66 MB
Просмотров:

61
Скачиваний:

0
Автор:

неизвестен

Слайды и текст к этой презентации:

№1 слайд

Содержание слайда: Быстрая разработка веб-интерфейсов на JavaScript

№2 слайд

Содержание слайда: Зачем это и с чего всё началось? Сложность непосредственной работы с DOM Избыточность классического JS-кода Кроссбраузерность

№3 слайд

Содержание слайда: Holly Wars Prototype/Scriptaculous (> 200Kb) Mootools Dojo

№4 слайд

Содержание слайда: jQuery

№5 слайд

Содержание слайда: $ $(селектор, [контекст]) $(HTML) $(document | window | form) $(function)

№6 слайд

Содержание слайда: $(document).ready() <sctipt type=“text/javascript”> window.onload = myOnloadHandler; </script>

№7 слайд

Содержание слайда: Селекторы #id tag .class * selector1, selector2, …, selectorN

№8 слайд

Содержание слайда: [Селектор] :фильтр

№9 слайд

Содержание слайда: Ещё раз о $ eq( index ) filter ( выражение | function ) slice ( from, [to] ) get( index ) length

№10 слайд

Содержание слайда: Цепные вызовы — chaining $(“div”). children(). hide(). end() . addClass(“c”);

№11 слайд

Содержание слайда: Долой унылые методы манипуляции с 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 слайд

Содержание слайда:

№13 слайд

Содержание слайда: События bind( type, data, fn ) one( type, data, fn ) trigger( type, data ) triggerHandler( type, data ) unbind( type, fn )

№14 слайд

Содержание слайда: События → плюшки! hover ( over, out ) toggle ( [fn1, fn2, …, fnN] ) click ( [fn] ) dbclick ( [fn] ) resize ( fn ) mouseover ( fn ) keypress ( [fn] )

№15 слайд

Содержание слайда: События → preventDefault $(“a”). click ( myClickHandler ); function myClickHandler ( event ) { // Перехода по ссылке не будет event.preventDefault(); $( this ) . hide(); }

№16 слайд

Содержание слайда: $.ajax();

№17 слайд

Содержание слайда: АЙ-АЙ $.ajax ( { } ) .load ( url, [data], [callback]) $.get ( url, [data], [callback], [type]) $.getJSON( url, [data], [callback]) $.post( url, [data], [callback], [type]) + события ajaxError ( callback )

№18 слайд

Содержание слайда: Эффекты и анимация show / hide ( [speed], [callback] ) toggle () slideUp /slideDown /slideToggle (speed, [clbk]) fadeIn / fadeOut(s, [cb]) / fadeTo(s, o, [cb]) animate() stop() queue() / dequeue()

№19 слайд