[Специалист] Программирование на JavaScript + jQuery + AJAX + Node.js. 2015

Программа курса 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. Уровень 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. События и их обработка

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

JavaScript. Уровень 3a.Использование библиотеки jQuery
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

JavaScript. Уровень 3б. AJAX. Разработка веб - приложений для Web 2.0
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
• Подведение итогов

JavaScript. Уровень 3в. Серверное программирование на Node.js
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
• Обработка ошибок
• Использование сеансов
• Маршрутизация