ПРОГРАММА КУРСА
«Современный Front-End c использованием JavaScript и HTML5»

Дмитрий Прохоренко
Занятия 1
Введение в JavaScript

  • Назначение и роль JavaScript.
  • Инструменты разработчика.
  • Консоль разработчика.

Занятия 2
Общий синтаксис JavaScript

  • Структура кода, переменные, типы данных.
  • Операторы, циклы, конструкции.
  • Взаимодействие с пользователем.

Занятия 3
Функции и объекты в JavaScript
  • Функции.
  • Массивы.
  • Объекты, методы и свойства.

Занятия 4

Объектно-ориентированное программирование в JavaScript

  • Реализация классов в JavaScript.
  • Конструкторы, прототипы, наследование.
  • Область видимости переменных, замыкания, пространства имен.

Занятия 5
Введение в клиентский JavaScript
  • Понятие DOM.
  • События.
  • Динамическое содержимое.

Занятия 6
Библиотека jQuery

  • Назначение и возможности библиотеки jQuery.
  • Селекторы.
  • События.
  • Манипуляции с DOM.

Занятия 7
Язык разметки HTML5

  • Структура HTML-документа.
  • Cписки, изображения, гиперссылки, цвета.
  • Работа с таблицами и формами HTML.
  • Вставка аудио и видеоматериалов HTML.

Занятия 8
Язык разметки CSS3
  • Синтаксис и элементы стилей.
  • Виды селекторов.
  • Переменные в CSS, группирование, наследование и каскадирование селекторов.
  • Использование препроцессоров и постпроцессоров.

Занятия 9

Адаптивная верстка

  • Семантические элементы HTML5.
  • Блочная модель.
  • CSS Flexbox.
  • CSS Grid.

Занятия 10
HTML5 JavaScript API
  • Audio и Video.
  • Canvas.
  • Geolocation.
  • Form.

Занятия 11
HTML5 JavaScript API

  • Drug&Drop.
  • History.
  • Storage.
  • Messaging.

Занятия 12
Фреймворк Angular 2

  • Введение в Angular 2.
  • Установка и архитектура.
  • Создание модуля.
  • Создание компонента.

Занятия 13
Фреймворк Angular 2
  • Директивы в Angular 2.
  • Привязка данных.
  • Типизация в TypeScript.
  • Разработка форм.

Занятия 14

Material Design в Angular 2

  • Установка и подключение.
  • Toolbar.
  • Cпиннер.

Занятия 15
Material Design в Angular 2
  • Кнопки и иконки.
  • Меню.
  • Карточки.
  • Кнопки-переключатели, фильтрация и др.

Занятия 16
Создание web-приложения в Angular 2
  • Заголовок web-приложения.
  • Главное меню.
  • Боковые панели и контент.
  • Карточки товаров и услуг, Работа с корзиной.
  • Отзывы.
  • Форма обратной связи и футер.