[GeekBrains] Javascript. Интерактивные веб-приложения. 2015
JavaScript Интерактивные веб-приложения?
Курс предназначен для тех, кто прошел курсы по PHP и хочет совершенствоваться, как профессиональный веб-разработчик.
А также для тех, кто не имеет опыта или имеет небольшой опыт программирования на JavaScript и хочет научиться делать это грамотно.
Курс охватывает основы создания интерактивных веб-страниц с помощью языка JavaScript и объектно-ориентированному программированию.
Основной упор в курсе сделан на практических заданиях, что позволяет лучше усвоить материал и закрепить полученные знания.
Чему Вы научитесь
- Вы получите навыки использования современной технологии AJAX, которые позволят вывести Ваши веб-приложения на принципиально новый уровень интерактивности, соизмеримый с лучшими представителями современных интернет-сервисов.
- Использование фреймворка JQuery и JQuery UI позволит легко и элегантно организовать логику работы веб-приложений любой сложности на стороне клиента.
- Вы также научитесь основным средствам коммуникации в HTML 5 с использованием новых технологий Web-sockets, Server-sent events и Web-workers.
- Что такое JavaScript и DOM
- Принцип взаимодействия клиент-сервер
- Как вызвать JavaScript
- С чем взаимодействует JavaScript
- Структура DOM документа
- Функции и область видимости переменных
- Типы данных
- Пример калькулятора на JavaScript
- Замыкания
- Пример часов на JavaScript
- Создаём заготовку для выполнения домашнего задания
- Общие понятия ООП
- Класс
- Объект
- Особенности ООП в JavaScript
- Классы и объекты на примере игры «змейка»
- Почему внутри класса следует аккуратно использовать this
- Что такое AJAX
- Работа с XMLHttpRequest
- Пример функции отправки AJAX-запроса
- Создаём чат с роботом на AJAX
Урок 3. jQuery (часть 1)
- Зачем нужны фреймворки
- Что такое jQuery
- Где скачать и как подключить
- Работа с DOM с помощью jQuery
- Селекторы и иерархия
- Проводим аналогию с css
- Фильтры
- Примеры сложных фильтров
- Работа с формами
- Работа со стилями
- Обработчики событий
- Пример обработки нажатия на кнопку
- Пример обработки скроллинга элемента
- Пример обработки наведения курсора мышки
- Функция live
- Анимация
- Простые анимационные эффекты
- Функция animate
- Цепочки из анимаций
- Функция ajax
- Что такое асинхронность запроса
- Сериализация форм
- Типы передаваемых данных
- Timeout
- Обработчики событий в рамках ajav-запроса
- Функция ajaxSetup
- Зачем нужны глобальные настройки
- Функции post, get и load
- Глобальные события
- Что такое JSON
- Какие данные может возвращать Ajax
- Почему правильнее, чтобы Ajax возвращал JSON а не HTML
- JSON vs XML
- Работа с JSON в PHP
- Работа с JSON в JavaScript
- Пример чата с использованием JSON
Урок 7. jQuery UI
- Где скачать и как подключить
- Взаимодействия
- Виджеты
- Эффекты
- Утилиты
- Подключение календаря
- Автодополнение
- Работа с диалоговыми окнами
- ThemeRoller
- Почему появился flash
- Что такое сanvas
- Общий порядок рисования на сanvas
- Функции для рисования на сanvas
- Чем отличаются fill и stroke
- Примеры реализаций html5 + canvas
- Web-sockets
- Чат с ботом с использованием сокетов