Тема: Командная разработка. |
- Контроль версий кода на примере системы Git. Знакомство с системой контроля версий кода. Установка и настройка системы Git. Cоздание репозитория, контроль за его состоянием, фиксирование изменений и их история. Внешние репозитории сервисы GitHub и BitBucket.
- Организация рабочего процесса. Общий репозиторий. Ветки (отдельные ветки для каждой функции, для разработки, ветки для подготовки релиза, ветки для срочного исправления ошибок, форки)
- Обзор и особенности HTML5. Элементы HTML, DOCTYPE. Устаревшие атрибуты и теги.Использование новых тегов в HTML5. Атрибуты и их значения. Структура документа, обязательные теги, работа с метаданными.
|
Тема: Основы JavaScript. |
- Синсаксис JavaScript (Тип данных, структура, циклы и переменные в коде языка, основные и условные операторы и выражения, конструкция switch)
- Массивы.
Работа с данными и их использование в разных ситуациях. Основные понятия в теме: массивы, дата, время, объекты и строки, свойства, а так же методы.
- Использование функций. Создание и наделение ее параметрами, результат этой работы. Работа с локальными переменными, область видимости и замыкание переменных. Рекурсия и стек.
|
Тема: Объекты JavaScript. |
- Функциональные выражения и замыкания. Основные ошибки при работе с замыканиями. Синтаксис, функциональная анонимность. Работа с переменными – сохранение, вызов, передача, возврат функций. Область видимости переменных внутри функции.
- Объекты и их методы. Обзор возможностей и область применения. This и New. Геттеры и сеттеры. Сall, apply, bind.
- Основы объектно-ориентированного программирования. Работа с конструктором, создание функционального стиля, прототипы и наследование.
|
Тема: Расширенные возможности HTML и JavaScript. |
- Browser Object Model (BOM - Объектная модель браузера). Структура и основные глобальные объекты окно, навигация, локация, история, консоль и др.
- Document Object Model (DOM - Объектная модель документа). Работа с деревом и его свойства, навигация и поиск элементов, атрибуты DOM.
|
Тема: Расширенные возможности CSS. |
- Адаптивная верстка под различные устройства, в том числе мобильные. Характерные особенности и различные варианты исполнения задач. Работа с CSS media queries. (возможности изменения размеров, цвета, типов, а так же ориентация страниц)
- Использование языка программирования стилей SASS. Оптимизация кода с помощью SASS.
Знакомство с препроцессорами. Работа с переменными (mixins), импорт, родительство, циклы, расширения стилей.
- Автоматизация задач с помощью менеджера зависимостей NPM
Работа с задачами – создание, настройка, вызов.
|
Тема: Обзор библиотек и фреймворков. |
- Библиотека JQuery. Верстка фотогалереи с добавлением анимации. Базовые понятия анимации. Использование CSS transitions и animations. Cобытие transitionend.
- Обработка событий и порядок действий. Определение объекта события. Всплытие, перехват и делегирование событий. Создание событий вручную. Браузер - действия по умолчанию
- Какие бывают события. События клавиатуры, мыши, окна – изменение размера, прокрутка документа. Загрузки документов и изображений, скриптов. Перетаскивание элементов.
Теория: События мыши. Cобытия клавиатуры. Прокрутка документа. Изменение размеров окна. Загрузка документа. Изображений. Cкриптов.
- Знакомство с AJAX. Кросс-доменные запрос с помощью объекта XMLHttpRequest. Кросс- доменные коммуникации с помощью JSONP
- Фреймворк Bootstrap. Как работает фреймворк и его функциональные возможности (линейные, радиальные, повторяющиеся градиенты, получение промежуточного цвета). Создание различных эффектов - форма и размер, трансформация элементов, в том числе трехмерная, смещение, масштаб.
|
Тема: Анимация с помощью CSS . |
- Верстка фотогалереи с добавлением анимации. Базовые понятия анимации. Использование CSS transitions и animations. Cобытие transitionend.
- Различные виды градиентов. Трансформации обычные и трехмерные. Функции – поворота, масштаб и смещение.
|