[Специалист] Эксперт по программированию на JavaScript (+ jQuery + AJAX + Node.js) (2014)

В ходе занятий Вы получите представление о веб-программировании, знания языка JavaScript, его специфики и особенностях без привязки к исполняемой среде.
Ни один современный сайт не обходится без интерактивного взаимодействия с посетителями. Будь то проверка форм или использование карт, перетаскивание товара в корзину или просмотр увеличенных фотографий – все это и многое другое реализуется с помощью клиентского JavaScript. А он, в свою очередь, основывается на базовом языке, изучение которого будет первым шагом в мир построения функциональных сайтов и мощных интерфейсов.
На занятиях Вы изучите особенности синтаксиса JavaScript, объектно-ориентированный подход в программировании на JavaScript и его основной встроенный функционал. Выполняя лабораторные работы, Вы пройдете весь путь создания базовых сценариев: от простого к сложному.
После этого курса Вы будете готовы к прикладному применению JavaScript: работе с html-страницей, ее элементами и событиями, которые изучаются на курсе «JavaScript. Уровень 2. Расширенные возможности».

Программа курса JavaScript. Уровень 1. Основы веб - программирования:

Модуль 1. Основы программирования
Как устроен компьютер
Как работают программы
Введение в JavaScript
Обзор базовых типов
Операторы
Выражения и инструкции
Переменные
Приведение типов
Тривиальные типы
Практикум: Использование переменных, типов данных и операторов

Модуль 2. Управляющие конструкции
Циклы
Цикл while
Операторы инкремента и декремента
Цикл for
Цикл do while
Управляющие конструкции if – else if – else
Метки
Прерывание и продолжение цикла
Управляющая конструкция switch
Практикум: Практическое применение управляющих конструкций в JavaScript

Модуль 3. Функции
Понятие функций
Возврат значений
Области видимости
Анонимная функция
Замыкания
Рекурсия
Практикум: Использование функций при процедурном подходе в программировании

Модуль 4. Объекты и массивы
Объектный тип: Объект (Object)
Свойства объекта
Методы объекта
Методы функций
Объектный тип: Массив (Array)
Свойство и методы массива
Встроенный объект Math
Практикум: Использование объектных типов в JavaScript

Модуль 5. Использование объектов JavaScript
Свойства и методы объекта Number
Свойства и методы глобального объекта
Свойствo и методы объекта String
Использование регулярных выражений
Практикум: Использование базовых типов как объектов с регулярными выражениями

Модуль 6. Объектно-ориентированное программирование
Конструкторы объектов
Прототипы
Методы объекта
Объект Date
Объект Error
Практикум: Применение объектно-ориентированного подхода в программировании

На занятиях курса «JavaScript. Уровень 2. Расширенные возможности» Вы овладеете навыками профессионального написания и использования JavaScript-скриптов на сайте. Вы будете понимать принципы взаимодействия JavaScript и HTML, узнаете основные приемы получения кроссбраузерного кода.
Моментальный отклик страницы сайта на любое необходимое действие пользователя — основа успешности любого сайта и большой плюс к конкурентоспособности любого веб-проекта. Клиентский JavaScript позволяет выполнять множество функций, повышающих качество взаимодействия сайта с клиентом.
Уверенное владение этим языком позволит Вам создавать гибкие интерактивные сайты. По окончании курса Вы получите навыки написания JavaScript-кода для сайтов, сформируете понимание взаимодействия JavaScript и HTML, освоите основные приемы получения кроссбраузерного кода.

Программа курса JavaScript. Уровень 2. Расширенные возможности:
Модуль 1. Объектная модель браузера
Объектная модель браузера
Объект Window
Объект Navigator
Объект Screen
Объект History
Объект Location
Объект Document
HTML-коллекции
Практикум: Практическое использование объектов браузера

Модуль 2. Использование элементов HTML
Свойства и методы элемента Form
Свойства и методы элемента Input
Свойства и методы элемента TextArea
Свойства и методы элемента Select
Свойства и методы элемента Option
Свойства и методы элемента Image
Свойства и методы элемента Table
Практикум: Практическое использование элементов HTML

Модуль 3. Объектная модель документа: DOM
Document Object Model (DOM)
Типы узлов
Связи между объектами
Свойства и методы интерфейса Node
Свойства и методы интерфейса Element
Свойства и методы интерфейса Document
Нестандартные свойства и методы HTML-элементов
Свойства и методы коллекции styleSheets
Практикум: Использование объектной модели документа

Модуль 4. События и их обработка
Список событий
Модели событий
Назначение обработчиков событий
Работа с обработчиками событий
Получение ссылки на событие
Отмена действий по умолчанию
Кроссбраузерные свойства события
Получение ссылки на элемент
Использование фазы всплытия событий
Отмена всплытия события
Практикум: Использование разных моделей событий

Query — самая популярная библиотека JavaScript, облегчающая разработку веб-страниц. Библиотека jQuery помогает легко получать доступ к любому элементу DOM, обращаться к атрибутам и содержимому элементов DOM, манипулировать ими, создавать более простой, быстрый и лаконичный код.
На этом курсе Вы получите начальные навыки использования jQuery, что позволит Вам быстрее и эффективнее вести разработку на JavaScript. Курс прежде всего предназначен для слушателей, ранее не имевших дело с jQuery, и желающих начать его использовать.
Программа курса соответствует требованиям профессионального стандарта «Программист».
По окончании курса Вы будете уметь:
Производить эффективную выборку элементов
Работать с элементами веб-формы
Эффективно манипулировать элементами DOM
Управлять эффектами
Использовать базовую анимацию

Программа курса
Модуль 1. Введение в jQuery
Использование текстовых редакторов
Использование javascript-консоли в браузерах
Введение в jQuery
API jQuery
Выборка в jQuery
Фильтрация
DOM: отношения элементов
Работа с элементами веб-формы
Лабораторная работа

Модуль 2. События и манипуляции с элементами
События jQuery
Обработка событий
Объект Event
Отмена событий
Добавление элементов
Манипуляции с элементами
Делегирование событий
Лабораторные работы

Модуль 3. Анимация в jQuery
Базовые эффекты
Управление эффектами
Метод animate()
Исследование анимации
Полезный метод grep()
Лабораторные работа

Модуль 4. Практическая работа с jQuery
Создание кода плавного показа картинок
Оптимизация кода
Создание шаблонизатора
Использование шаблонизатора Handlebars

AJAX. Web 2.0 Application Developing
AJAX, состоящий из HTML, JavaScript и DOM-модели — это замечательный подход, который помогает создать вместо тяжеловесных Веб-интерфейсов интерактивные AJAX-приложения. В рамках курса Вы сможете сделать чрезвычайно эффективную веб-разработку повседневной реальностью. В ходе обучения Вы узнаете основные концепции AJAX, включая особенности объекта XMLHttpRequest, различные подходы к взаимодействию с сервером и эффективные способы проектирования сложных приложений. Вы научитесь создавать AJAX сайты, узнаете о различных способах обмена данными, и после окончания курса сможете сделать свои сайты быстрыми и динамичными. В предлагаемом курсе Вы рассмотрите все аспекты построения современных AJAX приложений. Вы узнаете принципы и подходы к разработке, поэтому этот курс будет интересен любому веб-мастеру.
Программа курса соответствует требованиям профессионального стандарта «Программист».

Цель курса:
вы научитесь создавать AJAX сайты, узнаете о различных способах обмена данными, и после окончания курса сможете сделать свои сайты быстрыми и динамичными.
Курс предназначен для веб-мастеров, разработчиков веб-приложений, программистов, а также для тех, кто хотел бы освоить разработку приложений для Web 2.0.

По окончании курса Вы будете уметь:
создавать высокоэффективные сайты Web 2.0;
использовать объект XmlHttpRequest для выполнения синхронных и асинхронных запросов к серверу;
передавать и обрабатывать данные на сервер всеми доступными методами;
использовать JSON нотацию для передачи данных;
использовать XML-PRC протокол в AJAX приложениях;
взаимодействовать с XML Web сервисами по протоколу SOAP;
выполнять аутентификацию и авторизацию пользователя различными методами;
понимать вопросы безопасности AJAX-приложений;

Программа курса
Модуль 1. Основы AJAX приложения
Что такое AJAX?
Механизмы взаимодействия с сервером
Объект XmlHttpRequest
Синхронные и асинхронные запросы
Получение данных с сервера

Лабораторная работа:
Получение текстовых данных с сервера

Модуль 2. AJAX и HTTP
Методы передачи данных на сервер
Передача простых данных методом GET
Управление кэшированием ответа
Метод HEAD
Лабораторная работа: Запрос простых данных методом GET
Передача простых данных методом POST
Получение и разбор комплексных данных

Лабораторная работа:
Использование методов POST и HEAD

Модуль 3. Передача сложных типов данных. JSON
Недостатки простых текстовых форматов
Сериализация сложных данных
Что такое JSON
Разбор JSON пакета в браузере
Разбор JSON пакета на сервере (PHP)
Получение данных с сервера

Лабораторная работа:
Авторизация пользователя на сайте

Модуль 4. Использование XML. XML-RPC
Проблемы текстовых данных и JSON
Другие способы передачи структурированных данных
Обзор XML технологий
Клиент-ориентированная и сервер-ориентированная архитектура
Протокол XML-RPC
Формирование XML-RPC запроса
Преобразование XML данных

Лабораторная работа:
Расчет суммы товаров электронного магазина

Модуль 5. Использование XML веб-сервисов. SOAP
XML веб-сервисы
Проблемы XML-RPC
XML схемы (обзорно)
SOAP (обзорно)
Формирование и разбор SOAP сообщений
Пример работы с XML веб-сервисами

Лабораторная работа:
Сценарий выбора и добавления книг в корзину

Модуль 6. Безопасность и эффективность AJAX приложений
Вопросы безопасности AJAX приложений
Аутентификация и авторизация пользователя
Лабораторная работа: Аутентификация пользователя
Проблемы юзабилити AJAX приложений
Производительность AJAX приложений

Лабораторная работа:
Загрузка больших объемов информации
Обзор решений AJAX
Подведение итогов

Node.js — серверная платформа, использующая язык программирования JavaScript, основанная на движке V8. Предназначена для создания масштабируемых распределённых сетевых приложений, таких как веб-сервер. В отличие от большинства программ JavaScript этот каркас исполняется не в браузере клиента, а на стороне сервера. Основной упор в Node делается на создании высокопроизводительных, хорошо масштабируемых клиентских и серверных приложений для «веб реального времени».

Курс рекомендован:
слушателям, закончившим курсы по JavaScript и желающим продолжить изучение этой технологии
слушателям, закончившим курсы направления «веб-технологии» и желающим идти в ногу со временем
веб-разработчикам желающим изучить новую серверную технологию

Программа курса соответствует требованиям профессионального стандарта «Программист».
По окончании курса Вы будете уметь:
Cоздавать веб-сервер
Cоздавать динамическое веб-приложение
Использовать технологии позволяющие передавать и получать данные без перезагрузки страницы
Использовать сеансы для сохранения состояния веб-приложения
Использовать документо-ориентированная систему управления базами данных MongoDB
Осуществлять безопасную авторизацию пользователя

Программа курса
Модуль 1. Основы Node.js
Что такое Node.js
Установка Node.js
Обзор V8 JavaScript Engine
Как работает Node.js
Чтение файлов
Создание веб-сервера
Использование веб-сервера
Лабораторная работа: Создание и использование веб-сервера

Модуль 2. События
События JavaScript
Встроенный вызов
Пользовательский вызов
События http-сервера Node.js
Лабораторная работа: Использование событий http-сервера
Пользовательские события Node.js
Лабораторная работа: Использование пользовательских событий

Модуль 3. Потоки
HTTP-метод POST
Использование cURL
Способы обработки запроса
Чтение из файла и запись в файл
Загрузка файла на сервер
Лабораторная работа: Использование потоков

Модуль 4. Модули
Использование модулей
Как создать модуль
Лабораторная работа: Использование модулей
NPM - Node Packaged Modules
Публикация модуля
Семантика версий
Основные команды NPM
Лабораторная работа: Загрузка модулей

Модуль 5. Фреймворк Express
Фреймворк Express
Установка Express
Базовое использование Express
Использование шаблонизаторов
Использование модулей request и url
Лабораторная работа: Использование фреймворка Express

Модуль 6. Socket.IO
Взаимодействие клиент – сервер
Обзор модели работы Comet
Модуль Socket.IO
Совместное использование модулей Express и Socket.IO
Основные методы и свойства Socket.IO
Лабораторная работа: Чат с использованием Express и Socket.IO

Модуль 7. Создание веб-приложения
Основные этапы создания приложения
Создание каркаса приложения
Middleware
Конфигурация приложения
Логирование
Использование шаблонизатора
Использование MongoDB
Обработка ошибок
Использование сеансов
Маршрутизация