О курсе
Курс рассчитан на новичков без знаний в области IT.
После прохождения этого курса Вы будете иметь необходимый минимум и достаточно опыта/знаний для того, чтобы претендовать на должность Junior front-end developer.
Содержание онлайн версии:
В стоимость курса входит доступ ко всем учебным материалам курса, видеолекциям, скринкастам и домашним заданиям. Каждое из домашних заданий проверяет преподаватель и предоставляет развернутый ответ после проверки в режиме онлайн. Каждое домашнее задание может быть сдано и проверено не больше 2-х раз. Записи видеолекций и скринкастов проходили в процессе обучения очной группы. Пример видео записи скринкаста: https://youtu.be/iBugSHK-WZI
Для кого
- Начинающим веб-разработчикам, которые хотят значительно ускорить свой профессиональный рост в сфере front-end разработки;
- Для представителей других профессий, которые желают сменить род своей деятельности на веб разработку;
- Для IT специалистов, которые стремятся освоить front-end разработку, тем самым увеличив свой скил стек;
- Для всех, кто хочет научиться самостоятельно создавать веб-страницы для развития своего бизнеса;
Структура курса
-
Введение
Знакомство со структурой курса. Настройка рабочей среды разработчика. Введение в системы контроля версий и их использование;
-
HTML разметка
Создание HTML разметки страниц проекта. Особенности использования подходящих тегов, правила именования классов, оценка сложности верстки;
-
Введение в CSS
Архитектура CSS-кода, селекторы и свойства элементов. Стилизация страниц проекта;
-
Photoshop для верстальщика
Основные навыки для работы верстальщика в Photoshop (Sketch). Подготовка графики для проекта;
-
Резиновая и адаптивная вёрстка
Блочная модель документа. Разница статической, резиновой и адаптивной сеток. Взглянем на ограничение мобильной и планшетной версий;
-
Flexbox
Особенности использования Flexbox. Достоинства и ограничения;
-
Декоративные элементы
Приемы создания декоративных элементов. Стилизация страниц проекта;
-
Оформление контента
Текстовые элементы страницы, универсальные стили для наполнения страницы средствами CMS. Приемы стилизации нестандартных элементов форм;
-
Введение в JavaScript
Знакомство с JavaScript, “оживление” элементов верстки. Создание, удаление, перемещение и управление DOM-элементами;
-
Обработка событий
Динамическое взаимодействие с пользователем: обработка, ввод текста в формы, нажатие на определенные элементы, прокрутка страницы;
-
Препроцессоры и автоматизация сборки
Препроцессоры LESS/SASS: возможности, преимущества и настройка окружения для автоматизации;
-
Погружение в автоматизацию
Обзор инструментов автоматизации (Grunt или Gulp), подготовка проекта для публикации;
-
Адаптивная и векторная графика
Погружаемся в адаптивную, ретиновую и векторную графику. Разбираемся с форматами и назначением;
-
ES2015
Знакомство со стандартом ECMAScript 2015, нововведения и отличия от ECMAScript 5;
-
Доступность
Создание удобных и доступных интерфейсов для всех. Управление фокусом, важность семантики, тестирование и скринридеры;
-
Экзамен
Вы получите тестовое задание на основе полученных знаний. Затем, мы вместе проанализируем работу и отметим якорные места;
Преподаватели
Full stack web developer
FAQ
-
Что мне нужно для прохождения курса?
Для выполнения практических заданий Вам потребуется собственный ноутбук и достаточно времени, чтобы выполнять домашние задания.
Регистрация
Чтобы поступить на курс, пожалуйста, оформите заявку на обучение. На Вашу почту придет письмо с детальной информацией о поступлении
