Образование
[Школа Программирования] JavaScript - НОВЫЙ ФОРМАТ: HTML5, ООП, AJAX, JSON
Курс охватывает основы создания интерактивных веб-страниц с помощью языка JavaScript и объектно-ориентированному программированию.
Основной упор в курсе сделан на практических заданиях, что позволяет лучше усвоить материал и закрепить полученные знания.
Вы получите навыки использования современной технологии AJAX, которые позволят вывести Ваши веб-приложения на принципиально новый уровень интерактивности, соизмеримый с лучшими представителями современных интернет-сервисов.
Использование фреймворка JQuery и JQuery UI позволит легко и элегантно организовать логику работы веб-приложений любой сложности на стороне клиента.
Вы также научитесь основным средствам коммуникации в HTML 5 с использованием новых технологий Web-sockets, Server-sent events и Web-workers.
Критерий завершения
Материал изучен
-
Урок 1. JavaScript и DOM
- Что такое JavaScript и DOM
- Принцип взаимодействия клиент-сервер
- Как вызвать JavaScript
- С чем взаимодействует JavaScript
- Структура DOM документа
- Функции и область видимости переменных
- Типы данных
- Пример калькулятора на JavaScript
- Замыкания
- Пример часов на JavaScript
- Создаём заготовку для выполнения домашнего задания
- Что такое JavaScript и DOM
-
Урок 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
- Глобальные события
- Функция ajax
-
Урок 6. JSON
- Что такое JSON
- Какие данные может возвращать Ajax
- Почему правильнее, чтобы Ajax возвращал JSON а не HTML
- JSON vs XML
- Работа с JSON в PHP
- Работа с JSON в JavaScript
- Пример чата с использованием JSON
- Что такое JSON
-
Урок 7. jQuery UI
- Где скачать и как подключить
- Взаимодействия
- Виджеты
- Эффекты
- Утилиты
- Подключение календаря
- Автодополнение
- Работа с диалоговыми окнами
- ThemeRoller
- Где скачать и как подключить
-
Урок 8. HTML-5, новшества
- Почему появился flash
- Что такое сanvas
- Общий порядок рисования на сanvas
- Функции для рисования на сanvas
- Чем отличаются fill и stroke
- Примеры реализаций html5 + canvas
- Web-sockets
- Чат с ботом с использованием сокетов
- Почему появился flash
Не пропустите новые записи!
Подпишитесь на цель и следите за ее достижением
