Содержание
- 2. JQUERY «Программирование, наконец-то!»
- 3. JAVA SCRIPT Слышали ли вы о JavaScript? Что это? Для чего?
- 4. JAVA SCRIPT JavaScript был создан для добавления интерактивности в HTML страницы JavaScript - это язык сценариев
- 5. JAVA SCRIPT JavaScript дает HTML дизайнерам инструмент программирования -авторы HTML обычно не являются программистами, но JavaScript
- 6. По этому, начнем с jQuery.
- 7. JQUERY jQuery - это библиотека, которая значительно упрощает и ускоряет написание JavaScript кода. Девиз jQuery "write
- 8. DOM Основным инструментом работы и динамических изменений на странице является DOM (Document Object Model) – объектная
- 9. ПРИМЕР DOM Построим, для начала, дерево DOM для следующего документа: Его вид:
- 10. DOM При генерации DOM браузер самостоятельно обрабатывает ошибки в документе, закрывает теги и так далее. Такой
- 11. AJAX AJAX — это модное название для набора техник разработки веб-интерфейсов, позволяющих делать динамические запросы к
- 12. ПРИМЕР ИСПОЛЬЗОВАНИЯ AJAX Любые онлайн карты, к примеру 2gis Можно прокручивать, перетягивать карту без необходимости обновления
- 13. ВЕРНЕМСЯ, ТАКИ, К JQUERY Код jQuery состоит из последовательно идущих команд. Команды являются основной структурной единицей
- 14. ПРИМЕР JQUERY КОДА $(document).ready(function() //код, который будет выполнен только после полной загрузки страницы { //Установим размер
- 15. КАК ПОДКЛЮЧИТЬ JQUERY И ГДЕ ПИСАТЬ КОД? Первый и «не очень такой» способ – скачать библиотеку
- 16. КАК ПОДКЛЮЧИТЬ JQUERY Гуглим.
- 17. КАК ПОДКЛЮЧИТЬ JQUERY Серьезно, гуглим «jQuery google», переходим по первой ссылке.
- 18. КАК ПОДКЛЮЧИТЬ JQUERY Находим на этом сайте вот эти строчки, и копируем нужную версию в head.
- 19. ГДЕ КОД-ТО ПИСАТЬ, КАРЛ? Здесь код Тег можно добавлять как в head, так и в body.
- 20. ЗАДАНИЕ 1 Посмотреть как подключаю библиотеку я, и сделать то же самое.
- 21. ЗАДАНИЕ 2 Вместе со мной сделать все div синими.
- 22. ЗАДАНИЕ 3 По клику мыши на блок, меняется фон сайта (картинки тоже в ход идут)
- 23. ЗАДАНИЕ 4 Надоедливые блоки. Сделать «мишени», при нажатии на них, мишени исчезают.
- 25. Скачать презентацию