Зарегистрироваться
5 февраля - 5 апреля
16 занятий
10000
Уровень знаний для участия – 0+
Тольятти,
Малахитовая, 3 (офис
компании Веблайм)
Действующие скидки** 10% участникам
Интенсива по фронтенду (начальный уровень)
20% выпускникам Базового курса по фронтенд-разработке 30% студентам

*Возможна рассрочка на период обучения
**Скидки не суммируются

Базовый курс
по фронтенд разработке

Начните карьеру фронтенд-разработчика!

Курс будет полезен тем, кто хочет с нуля освоить профессию фронтенд разработчика. Мы начнем с самых азов и детально изучим современные технологии и инструменты разработки. В конце курса у вас будут теоретические знания, практические навыки и работа в портфолио. Лучшие получат оплачиваемую стажировку в компании Веблайм.
Зарегистрироваться
5 февраля - 5 апреля
16 занятий
10000
Уровень знаний для участия – 0+
Тольятти,
Малахитовая, 3 (офис
компании Веблайм)
Действующие скидки** 10% участникам
Интенсива по фронтенду (начальный уровень)
20% выпускникам Базового курса по фронтенд-разработке 30% студентам

* Возможна рассрочка на период обучения
** Скидки не суммируются

Содержание интенсива

Основы веб-программирования:
  • — Принципы работы сети Интернет.
  • — Принципы работы протокола HTTP.
  • — Модель “клиент-сервер”.
  • — Домен, хостинг.
Настройка окружения:
  • — Atom.
HTML-теги и работа с разметкой:
  • — Структура HTML-документа.
  • — Теги и их атрибуты.
  • — Формы и таблицы.
  • — Формирование и комментирование кода.
  • — Назначение и применение гиперссылок.
  • — Добавление изображений. Работа с изображениями.
  • — Семантика кода HTML.
Работа с CSS:
  • — Структура и иерархия.
  • — Работа с цветом.
  • — Работа со шрифтами.
  • — CSS3-анимации.
  • — Импортирование CSS.
Git и GitHub:
  • — Системы контроля версий и их применение.
  • — Установка Git и работа с ним.
Работа с PSD макетом:
  • — Разбор PSD-макета
  • — Форматы изображений: JPEG, PNG, SVG, GIF. Особенности форматов, и их применений.
  • — Работа со слоями.
Основы верстки:
  • — Основы блочной верстки.
  • — Поведение элементов: блочное и строчное.
  • — Блочная модель элементов. Расположение блоков на странице.
  • — Абсолютные и относительные единицы измерения в верстке.
  • — Понятия HTML, CSS, DOM.
  • — Абсолютное и относительное позиционирование элементов.
Работа с FlexBox:
  • — Основные понятия во FlexBox.
  • — Поведение FlexBox-лайаута.
  • — Преимущества перед блочной версткой.
  • — Управление пропорциями и порядками блоков.
  • — Использование FlexBox в мобильной верстке.
Методология BEM:
  • — Основные понятия и соглашения.
  • — Блоки.
  • — Элементы.
  • — Модификаторы.
Работа с SVG:
  • — Трансформация векторных элементов.
  • — Масштабирование векторной графики.
  • — Градиенты в SVG.
  • — Работа с векторными иконками.
Адаптивная и мобильная верстка:
  • — Работа с медиазапросами.
  • — Применение различных вариантов относительных единиц измерения (em, rem, %, vh, vw).
  • — Оптимизация изображений под Retina-дисплеи.
  • — Построение стилей для мобильной версии.
  • — Готовые решения для реализации мобильной версии.

Научим

1
Создавать веб-страницы.
2
Качественно верстать макеты высокого уровня сложности.
3
Размещать веб-страницы на сервере.
4
Командной работе над проектом.
5
Использовать современные технологии и инструменты.

Изучаемые технологии

FTP

GIT

BEM

CSS 3

HTML 5

Результат

На момент окончания курса вы сверстаете макет, который будет в вашем портфолио на гитхабе. В процессе обучения макет неоднократно проверит преподаватель, и к моменту окончания курса вы исправите все недочеты. В макете будут использованы следующие технологии:
  • - CSS3 анимаций
  • - Слайдеры и галереи
  • - HTML5
  • - BEM

Оплачиваемая стажировка

Мы ценим и поддерживаем тех, кто стремится расти и развиваться. Для этого у нас есть все возможности. Троим лучшим выпускникам мы предоставляем стажировку. В процессе стажировки происходит работа над реальными проектами. Стажировка оплачивается компанией.