![[школа Программирования]javascript Интерактивные Приложения](/assets/images/logos/logo-white.webp "[школа Программирования]javascript Интерактивные Приложения"){kind=logo}
- 04, Apr 2023
- #1
Скрытая информация :: Авторизуйтесь для просмотра »Программа курса Урок 1. JavaScript и DOM
- Что такое JavaScript и DOM
- Принцип взаимодействия клиент-сервер
- Как вызвать JavaScript
- С чем взаимодействует JavaScript
- Структура DOM документа
- Функции и область видимости переменных
- Типы данных
- Пример калькулятора на JavaScript
- Замыкания
- Пример часов на JavaScript
- Создаём заготовку для выполнения домашнего задания
Урок 2. ООП в JavaScript и AJAX
- Общие понятия ООП
- Класс
- Объект
- Особенности ООП в JavaScript
- Классы и объекты на примере игры «змейка»
- Почему внутри класса следует аккуратно использовать this
- Что такое AJAX
- Работа с XMLHttpRequest
- Пример функции отправки AJAX-запроса
- Создаём чат с роботом на AJAX
Урок 3. jQuery (часть 1)
- Зачем нужны фреймворки
- Что такое jQuery
- Где скачать и как подключить
- Работа с DOM с помощью jQuery
- Селекторы и иерархия
- Проводим аналогию с css
- Фильтры
- Примеры сложных фильтров
Урок 4. jQuery (часть 2)
- Работа с формами
- Работа со стилями
- Обработчики событий
- Пример обработки нажатия на кнопку
- Пример обработки скроллинга элемента
- Пример обработки наведения курсора мышки
- Функция live
- Анимация
- Простые анимационные эффекты
- Функция animate
- Цепочки из анимаций
Урок 5. AJAX в jQuery
- Функция ajax
- Что такое асинхронность запроса
- Сериализация форм
- Типы передаваемых данных
- Timeout
- Обработчики событий в рамках ajav-запроса
- Функция ajaxSetup
- Зачем нужны глобальные настройки
- Функции post, get и load
- Глобальные события
Урок 6. JSON
- Что такое JSON
- Какие данные может возвращать Ajax
- Почему правильнее, чтобы Ajax возвращал JSON а не HTML
- JSON vs XML
- Работа с JSON в PHP
- Работа с JSON в JavaScript
- Пример чата с использованием JSON
Урок 7. jQuery UI
- Где скачать и как подключить
- Взаимодействия
- Виджеты
- Эффекты
- Утилиты
- Подключение календаря
- Автодополнение
- Работа с диалоговыми окнами
- ThemeRoller
Урок 8. HTML-5, новшества
- Почему появился flash
- Что такое сanvas
- Общий порядок рисования на сanvas
- Функции для рисования на сanvas
- Чем отличаются fill и stroke
- Примеры реализаций html5 + canvas
- Web-sockets
- Чат с ботом с использованием сокетов
Скрытая информация :: Авторизуйтесь для просмотра »
![[Opencart] Управление заказами](/assets/images/icons/forum0.png){kind=icon}
![[Дмитрий Бойцов] Моя Излюбленная Торговая Стратегия (Новый курс)](/assets/images/icons/forum4.png){kind=icon}
![[Игорь Гусев, Андрей Мерников, Андрей Ядловский] Лучшие советские задачи и головоломки](/assets/images/icons/forum6.png){kind=icon}
