Web-разработка

1 занятие. HTML
Задание каркаса и элементов страницы, ссылок, картинок, таблиц

2 занятие. CSS
Изменение внешнего вида элементов: цветов, размеров, отступов

3 занятие. Форматирование
Структурирование элементов на странице. Трансформации и анимация

4 занятие. JavaScript.
JavaScript. DOM. Переменные и функции. Использование чисел и строк, изменение содержимого страницы

5 занятие. Условия и циклы
JavaScript. Условные конструкции и циклы. Вариация поведения страницы в зависимости от условий

6 занятие. Данные
JavaScript. Структуры данных. Способы хранения и организации данных

7 занятие. JQuery
Библиотека для эффективного управления содержимым страницы

8 занятие. Bootstrap
Библиотека, предоставляющая большое количество готовых элементов

9 занятие. Позиционирование
Взаимное расположение элементов. Глубина

10 занятие. Зачёт
Проверка знаний в устной форме

11 занятие. Игра «Пятнашки». Начало
Реализация игрового поля, ячеек и их перемещения

12 занятие. Игра «Пятнашки». Завершение
Перемешивание костяшек и вывод поздравительного сообщения

1 занятие. Подготовка проекта
Изучение ПО. Выбор шаблона, разбор будущего проекта, файловая структура проекта. Создание шапки

2 занятие. Главный экран
Главный экран сайта. Блок со слайдером, меню Гамбургер, работа со стилями CSS. Работа с библиотекой слайдера

3 занятие. Прототипирование
Прототипирование, библиотека иконок. Блок «О нас». Типографика, иконочные шрифты

4 занятие. Стили и сетки
Стили и работа с grid-sistem. Блок «Умы в цифрах». Верстка с использованием Bootstrap с grid-sistem. Прототипирование секций

5 занятие. Закрепление материала
Блок «Цены». Освоение пройденного материала, иконочные шрифты, grid-sistem, стили CSS. Проверка знаний

6 занятие. Слайдер
Работа со слайдером. Блок «Команда». Изучение готовых стилей сторонних плагинов

7 занятие. Поля ввода
Форма обратной связи и слайдер партнеров. Блоки «Контакты» и «Партнеры». Поля ввода данных. Плагин карусели

8 занятие. Карта
Размещение интерактивной карты. Блоки «Наш офис» и «Подвал». Вставка и настройка виджетов. Плагин раскрытия секции

9 занятие. Фильтры
Плагин фильтрации объектов. Блок «Портфолио». Фильтр для проектов

10 занятие. Динамическое меню
Работа с JavaScript. Полноэкранное меню сайта и смена размера шапки. Практическое применение JS, создание анимаций

11 занятие. Хостинг
Хостинг, отправка контактных данных. Блок «Контакты». Публикация проекта. Работа с данными

12 занятие. Анимация
Анимация объектов. Заставка сайта. Анимация на сайте. Доработка мобильной версии. Заставка загрузки

1 занятие. Система контроля версий
Как и где хранить код разрабатываемых приложений. Для разминки – рисование на холсте

2 занятие. Погружение в JavaScript
Продвинутые функции языка. Отладка программ

3 занятие. Node.js
Различные типы серверов. Особенности работы HTTP

4 занятие. MongoDB
Система управления базами данных

5 занятие. Vue.js. Связывание данных
Автоматическое связывание изменений, хранимых данных с изменениями на странице

6 занятие. Списки, события
Генерация списков, события и анимация в библиотеке Vue.js

7 занятие. Одностраничные приложения
Vue.js. Компоненты и маршрутизация. Построение сложных одностраничных приложений

8 занятие. Зачёт
Практическая проверка знаний

9 занятие. Фотолента. Аутентификация
Система регистрации: регистрация, вход, выход

10 занятие. Фотолента. Загрузка
Механизм загрузки изображений на сервер

11 занятие. Фотолента. Новости
Страница с последними фотографиями пользователей

12 занятие. Impress.js
Библиотека для построения эффектных трехмерных презентаций