Front-end

Front-end

СТАРТ КУРСА 28/01/2020
Дни проведения: Вт, Чт, 19:00-21:00
Осталось мест: 12 из 15
2800 грн/месяц
Продолжительность 3 мес.

Что вас ждет на курсе?

Курс Front-end

Курс Front-end разработчика создан именно для людей, желающих научиться верстке интерактивных страниц в кратчайшие сроки. После окончания обучения, Вы сможете сами выбирать место и график работы, а также устроиться на работу в IT-компанию. Вы будете знать HTML, CSS и JavaScript на уровне, достаточном для работы Junior Frot-end developer-ом.

На что направлен курс Front-end?

Курс Front End позволит вам начать работать на фрилансе, выбирать проекты или собрать собственную команду программистов для работы над собственным проектом. Как известно, начинающий Front-end программист может зарабатывать до 500 долларов в месяц. А постоянный профессиональный рост в течение нескольких лет может вывести вас на заработок в 1500 долларов ежемесячно. Вы сможете стать руководителем целой команды WEB-разработчиков.

Если вы любите нестандартные решения, необходимо освоить верстку интерактивных страниц в Интернете, и хотите получить перспективную работу с постоянным профессиональным ростом и новыми задачами, то работа front-end разработчика придется вам по душе. Данная специальность не требует знания языков программирования или умение программировать совсем. Достаточно изучить язык разметки WEB-сайтов и научится нестандартному подходу в решении сложных задач.

Начальные знания

Перед тем, как записаться на курс Front End программирования, ознакомьтесь с HTML, CSS и JS, чтобы иметь общее представление о создании страниц. Курс вести высококвалифицированные специалисты, а сами занятия будут разбиты на несколько логических блоков. Таким образом, освоение новой информации будет проходить гораздо легче и быстрее.

Программа курса

Введение и основные понятия

1. ООП, DOM, HTML теги/аттрибуты

2. CSS селекторы, свойства

Структура HTML документа

1. Обязательные HTML теги

2. Базовые HTML теги и CSS свойства

3. Атрибуты тегов

Работа в IDE. Консоль разработчика

1. Основа работы в IDE на примере VSCode

2. Обзор необходимых плагинов для IDE

3. Работа в Chrome developer tools

Стилизация элементов, типовые решения в HTML/CSS верстке

1. Нормализация и сброс стилей

2.Приемы позиционирования элементов

3.Псевдоклассы, псевдоэлементы

4.Sticky header/footer

Разбор Типового проекта

1. Структура типового проекта

2.Обзор сборщиков: gulp/grunt/webpack

3.Препроцессоры SASS/LESS

Работа с графическими редакторами

1. Работа с графическим редактором: Photoshop/Sketch/Figma

2. Нарезка картинок в графическом редакторе

Обзор сборщиков кода

1. Самые популярные сборщики и их конфигурирование: gulp/grunt/webpack

Инструменты коммандной работы (Git, Jira, Confluence)

1. Git, описание процесса Git flow

2. JIRA, Confluence

Методологии разработки. Верстка под различные устройства

1. Методологии БЭМ, SMACSS, OSCSS

2. Респонсив верстка

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

Дополнительные инструменты для HTML/CSS верстки

1. Pixel perfect верстка, плагин PerfectPixel

2. Работа со шрифтами

3. Работа с SVG иконками

CSS фреймворки, сетки

1. Обзор самых популярных фреймворков

2. Детальный разбор Bootstrap компонентов

3. Работа с сеткой: css grid, flexbox grid

Препроцессоры CSS, CSS3 transitions/animations

1. SASS, LESS Препроцессоры

2. Обзор основных свойств для CSS3 анимации

3. Анимация с помощью keyframes

Инструменты контроля качества кода

1. Сsslint, eslint, prettify.

2. Внедрение контроля кода в скрипты сборщиков grunt/gulp/webpack

Основы Javascript для HTML/CSS верстки

1. Основные свойства и методы DOM элементов

2. Управление стилизацией элементов с помощью Javascript

3. Создание компонента карусели изображений

Тестовий проект

1.Разобьем готовый дизайн проекта на составные части

2. Разделим части между всеми учениками

3. Будем вести паралельную разработку

4. В конце проведем прием верстки со стороны заказчика

Подготовка к собеседованию

1. Составление CV

2. Выкладывание своего кода на Github

3. Советы, как готовиться к устному собеседованию

4. Решение самых популярных задач по HTML/CSS верстке для собеседования

Преподаватель курса

Популярные направления

Знание по окончании курсов

После окончания учебы, студент будет знать HTML, CSS и JavaScript на уровне, достаточном для работы на позиции junior’а. Практические занятия направлены на подготовку учащихся к работе над реальными проектами. Они также научатся оптимизировать код и структурировать его с помощью различных плагинов. Последние занятия будут направлены на подготовку студента к работе: составление резюме, поиск вакансий и многое другое.