Специализация:
Frontend-разработчик
Приобретаемые навыки:
совершенствуйте свои навыки на мастер-классах, посещайте офлайн лекции, участвуйте в хакатонах и конкурсах по созданию цифровых решений
курс разработан партнером
РГУ нефти и газа (НИУ) имени И.М. Губкина
Проект прикладного обучения
Сертификат, ссылками на который можно делиться с другими людьми
Совмещаем все лучшее от онлайн и офлайн обучения
Низкий порог входа — релевантный опыт не требуется
Гибкий график — устанавливаете сами сроки сдачи заданий
Время прохождения одного курса — три недели
Материалы занятий, которые останутся с вами навсегда
Программа курса
Модуль 1. Введение в HTML
Узнаем, что такое HyperText Markup Language и что он определяет. Обсудим основные понятия Всемирной паутины: веб-страница, веб-сервер. Узнаем, где найти перечень всех HTML-элементов и научимся добавлять разметку в обычный текст. Узнаем, что такое атрибуты, и зададим их некоторым HTML-элементам на странице. Вставим на страницу символы авторского права и торговой марки, узнаем о том, какие специальные символы ещё существуют. Синтаксис и семантика HTML-элементов. Лабораторная работа по созданию сайта по теме занятия.
Модуль 2. Основы каскадных таблиц стилей CSS
Узнаем варианты задания стилей на странице. На лабораторной работе подключим стилевой файл для оформления страницы. Обсудим базовые понятия: селектор, свойство, каскад, наследование, единицы измерения. Научимся писать самые распространённые виды селекторов, включая селекторы псевдоклассов и псевдоэлементов. Изменим оформление наших страниц: поменяем цвет фона страницы и её текст, подберём шрифт и зададим оформление отдельным частям текста. Лабораторная работа по созданию сайта по теме занятия.
Модуль 3. Макетирование страницы с CSS
Научимся изменять оформление границ, внутренних и внешних отступов HTML-элементов (все варианты записей свойств, а их много). Узнаем, как задать ширину и высоту элементам. Затронем свойство float и заставим нужные элементы плавать. Научимся управлять видимостью HTML-элемента. Рассмотрим и применим отдельные значения свойства display для размещения элементов в более сложные макеты, в том числе inline-block и table-cell. Лабораторная работа по созданию сайта по теме занятия.
Модуль 4. CSS-фреймворки
  • Bootstrap
  • Foundation
Модуль 5. Основы программирования на JavaScript
  • Введение в JavaScript (ECMAScript-262)
  • Обзор базовых типов
  • Операторы
  • Выражения и инструкции
  • Переменные и константы
  • Манипуляции с базовыми типами
  • Тривиальные типы
Модуль 6. Управляющие конструкции
  • Цикл while
  • Операторы инкремента и декремента
  • Цикл for
  • Цикл do while
  • Управляющие конструкции if – else if – else
  • Прерывание и продолжение цикла
  • Управляющая конструкция switch
Модуль 7. Функции
  • Понятие функций
  • Декларация функций
  • Аргументы функции
  • Возврат значений
  • Области видимости
  • Функция-выражение
  • Анонимная функция
Модуль 8. Объектные типы
  • Объектный тип: Объект (Object)
  • Свойства объекта
  • Методы объекта
  • Объектный тип: Массив (Array)
  • Свойство и методы функций
Модуль 9. Объектно-ориентированное программирование
  • Конструкторы объектов
  • Прототипы
  • Классы
Модуль 10. Введение в jQuery
  • Использование текстовых редакторов
  • Использование javascript-консоли в браузерах
  • Введение в jQuery
  • API jQuery
  • Выборка в jQuery
  • Фильтрация
  • DOM: отношения элементов
  • Работа с элементами веб-формы
Модуль 11. События и манипуляции с элементами
  • События jQuery
  • Обработка событий
  • Объект Event
  • Отмена событий
  • Добавление элементов
  • Манипуляции с элементами
  • Делегирование событий
Модуль 12. Анимация в jQuery
  • Базовые эффекты
  • Управление эффектами
  • Метод animate()
  • Исследование анимации
  • Полезный метод grep()
Модуль 13. Практическая работа с jQuery
  • Создание кода плавного показа картинок
  • Оптимизация кода
  • Создание шаблонизатора
  • Использование шаблонизатора Handlebars
Модуль 14. React-компоненты, состояния и жизненный цикл
  • Функциональные и классовые компоненты
  • Отрисовка компонентов React
  • Композиция элементов
  • Извлечение компонентов
  • Понятие состояния
  • Преобразование функции в класс
  • Локальное состояние класса
  • Методы жизненного цикла
  • Рекомендации по работе с состояниями
  • Нисходящие потоки данных
Модуль 15. Redux
  • Действия
  • Редукторы/редьюсеры
  • Хранилища
  • Поток данных
Модуль 16. Системы контроля версий и их использование разработчиком
  • Принципы работы систем контроля версий
  • Отличительные особенности Git
  • Введение в Git
  • Установка и начальная настройка Git
Модуль 17. Репозиторий Git
  • Создание, изменение и удаление репозитория
  • Просмотр истории коммитов
  • Отмена действий
  • Метки
  • Псевдонимы
Модуль 18. Распределенная работа в Git
  • Рабочие процессы
  • Создание коммитов
  • Поддержка
  • Инструментарий
Модуль 19. Выражения SQL: манипулирование данными
  • CRUD-операторы
  • Вставка данных
  • Загрузка данных LOAD
  • Обновление данных
  • Удаление
  • Выборка данных
  • Предикаты
  • Объединения таблиц
Модуль 20. Элементы веб-приложения
  • REST API
  • Создание каркаса приложения
  • Использование шаблонизатора
  • Использование MongoDB
  • Использование сеансов
  • Маршрутизация
  • Аутентификация пользователя
Преподаватели
Сверчков Валерий Олегович
куратор курса Frontend
Волобуев Александр
помощник куратора
Тупысев Антон
наставник
Кислицин Дмитрий 
ментор
Рябков Андрей
тренер soft-skills
Отзывы учащихся
Вадим Осипов
Стал в Буткемпе Frontend-разработчиком
Я изначально обладал некоторым набором знаний по теме курса, но в связи с тем что я занимался самообразованием, на каких-то практических примерах, в моих знаниях присутствовали пробелы. Этот курс позволил закрыть многие пробелы, и более структурно взглянуть на общие концепции разработки на React.js.
Алиса Новожилова
Выпускница первого потока Frontend-разработки
Узнала про Буткемп случайно от знакомых, решила попробовать свои силы, так как давно интересуюсь темой разработки для фронтенд. До этого никакого опыта у меня не было, кроме попыток обучиться самостоятельно. После прохождения курса чувствую себя намного увереннее, мой профессиональный уровень заметно вырос! Огромное спасибо моим преподавателям и организаторам Буткемпа!
Николай Городин
Учится на Frontend-разработчика
Попробую перечислить несколько плюсов данного курса: много полезного кода, это всегда хорошо, может пригодиться; доступность и объём материала, примеры из реальных ситуаций; можно создавать собственные React-компоненты. И это еще не все! С нетерпением жду, когда пройду курс целиком! Всем рекомендую ProCode Bootcamp!

© ProCode Bootcamp