[Geekbrains] Javascript. Интерактивные веб-приложения (NEW)

[Geekbrains] Javascript. Интерактивные веб-приложения​ Преподаватель: Илья Константинов Илья занимается web-программированием с 3-го курса университета. Начинал контент-менеджером, позже стал увлекаться непосредственно поддержкой программного кода сайтов компании (самописный процедурный код). По окончании университета 2 года проучился в аспирантуре Московского Государственного университета печати, параллельно работая в его отделе информационных систем, где получил первый опыт преподавания C, PHP, JavaScript, читал лекции по курсу "Компьютерные системы и сети" для студентов вечернего отделения. В 2011 перешел на работу в интернет-магазин, где работал с живым проектом, написанным с использованием ООП (Zend Framework, PHP). Там же познакомился с системой контроля версий SVN. Имеет опыт создания стартапа с использованием технологий node.js + MongoDB. С 2012 года по настоящее время является членом команды разработчиков портала rabota.ru, где применяет средства для обеспечения работы проектов с большой нагрузкой (кеширование, репликация). «Всем советую web! web-языки - это наиболее человеко-понятная и несложная в освоении область разработки, которая позволит достаточно быстро познакомиться с программированием, увидеть результат и найти работу. Друзья, хочу дать Вам два совета: учите английский на техническом уровне как минимум - это упрощает жизнь разработчика многократно следите за новинками и не останавливайтесь в своем развитии, так как сейчас технологии появляются и устаревают очень быстро». Курс предназначен для тех, кто прошел курсы по PHP и хочет совершенствоваться, как профессиональный веб-разработчик. А также для тех, кто не имеет опыта или имеет небольшой опыт программирования на JavaScript и хочет научиться делать это грамотно. Курс охватывает основы создания интерактивных веб-страниц с помощью языка JavaScript и объектно-ориентированному программированию. Основной упор в курсе сделан на практических заданиях, что позволяет лучше усвоить материал и закрепить полученные знания. Чему Вы научитесь Вы получите навыки использования современной технологии AJAX, которые позволят вывести Ваши веб-приложения на принципиально новый уровень интерактивности, соизмеримый с лучшими представителями современных интернет-сервисов. Использование фреймворка JQuery и JQuery UI позволит легко и элегантно организовать логику работы веб-приложений любой сложности на стороне клиента. Вы также научитесь основным средствам коммуникации в HTML 5 с использованием новых технологий Web-sockets, Server-sent events и Web-workers. Урок 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 Чат с ботом с использованием сокетов