FRONTEND DEVELOPER | Высшая школа печати и медиаиндустрии Московского политехнического университета (МГУП имени Ивана Федорова) 

Московский государственный университет печати имени Ивана Федорова

Даты проведения: в 2017

Продолжительность курса: 54 учебных часа

Стоимость обучения: 25 000 рублей

Контакты: +7(495) 608-23-29,
+7(929) 971-74-22;
сdo-mgup@yandex.ru

Онлайн-заявка

FRONTEND DEVELOPER

Двухнедельный интенсивный курс

Курс «FRONTEND DEVELOPER» позволяет подготовить специалиста с уклоном программирования на стороне клиентской части веб-сайта. Слушатели осваивают работу с OpenSource-технологией, культура которой дает неограниченные возможности в средствах программной выразительности и делает программное решение независимым от как от поставщика технологий так и от платформы.
В частности сюда входят языки HTML, CSS, JavaScript, с которыми Вы познакомитесь на данном курсе в объеме, достаточном для трудоустройства на позиции «верстальщик», «junior front-end developer», «junior javascript developer».

По завершении обучения на курсе вы будете уметь верстать веб-страницы «блочной» и «табличной» версткой, верстать адаптивные/отзывчивые сайты, и в том числе мобильные сайты, а также оживлять их анимацией и интерактивными возможностями. Выпускной проект - адаптивный веб-сайт.

Преподаватель курса: Плигузов Антон Александрович

Профессиональным веб-программированием начал заниматься с 2008 года. Имеет богатый практический опыт работы в качестве back-end и front-end разработчика веб-студии AIC Media, где принимал участие в большом количестве проектов: «Эксперт Банк», «Лукойл-Гарант», «Союзэкспертиза», «Внешпромбанк», «Central Asia Gold» и многих других

Имеет опыт преподавания в вузах дисциплин «Информационные технологии в дизайне», «Информационные технологии в медиаиндустрии», «Вещание в сетях интернет и интранет», «Управление базами данных», «Компьютерная обработка векторных изображений».

Кроме того, им написан ряд теоретических статей, опубликованных, в том числе, в изданиях Высшей аттестационной комиссии Минобрнауки России. А.В.Плигузов является финалистом конкурса на соискание премии Правительства Российской Федерации в области науки и техники для молодых ученых (2013).

Условия приема
Слушателям курса не выставляется жестких входных требований по образованию. Обязательным условием для приема является квалифицированное пользование Windows. Плюсом будет знание ОС семейства Linux (или MacOS) на уровне пользователя и умение работать в консоли Linux.

Проект курса
Весь курс мы будем работать над созданием собственного сайта – веб-странички со своим резюме, которая обязательно вызовет первоначальный интерес работодателя.

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

Как устроен интернет. Браузеры. Редакторы (4 часа)
Модель клиент/сервер
Хостинг, хостер
Регистратор, домен, IP
FTP
Обзор основных браузеров (движки, отличия отрисовки)
Google Chrome для web разработчика, основные плагины
Sublime Text / Atom / Brackets

HTML (6 часов)
HTML. Структура html документа
Тэги и их атрибуты
Работа с текстом
Работа с изображениями
Коментарии
Ссылки
Работа с формами
Отправка формы
Рассмотрение тегов форм
Стилизация элементов формы
Таблицы. Структура и атрибуты.
Стилизация таблиц

CSS (6 часов)
Пишем css различными способами
Работа css с цветами (hex, word, rgb, rgba)
Разбираем типы селекторов
Parent & child
Псевдоэлементы :before, :after
Работа со шрифтами
Работа с путями
Свойства CSS3 (Транзишны, Анимации, Градиенты, Бордер радиус, Трансформации)
Кроссбраузерность
Медиазапросы
Единицы измерения CSS (em, rem, %, vh, vw, vmin, vmax)
Оптимизация картинок под дисплеи "ретина"

Верстка (8 часов)
Блочная верстка
Как писать семантичный HTML. Семантика на примерах. HTML5
Блочные и строчные элементы
DevTools
Блочная модель, корректная очистка float
Нюансы использования display: inline-block
Позиционирование
Айди и классы
Построение лэйаута
Логические блоки
Способы организации CSS-кода
Понятие Pixel Perfect
Построение лейаута под адаптивные сайты

Photoshop для верстальщика (2 часа)
Как правильно работать с дизайн макетом
Нарезка PSD макета - подробное пошаговое руководство
Подробно про JPEG и PNG - их отличия далеко не только в прозрачности фона
Лучшие практики по работе со слоями
Панель “История” - настройка и корректный “откат” действий
Девять самых интересных и важных плагинов для Photoshop
Горячие клавиши и приёмы

Пакетные менеджеры, основы работы с консолью, сборщики (grund, gulp) (4 часа)
Работа с консолью (терминалом). Базовые команды консоли. Навигация по файловой ситстеме при помощи консоли.
Знакомство с node.js и npm
Корректная настройка и работа с git
Настройка и работа с gulp
Пакетные менеджеры (NPM, Bower)

Препроцессоры, постпроцессоры, шаблонизаторы  (4 часа)
Jade – препроцессор HTML и шаблонизатор.
Синтаксис, переменные, includes, extends, mixins, iteration
Препроцессоры(LESS, SCSS, Stylus) и постпроцессоры(Rework, PostCSS).
Особенности и различия.
Установка препроцессора.
Работа с препроцессором.
Переменные. Примеси. Циклы. Условия. Наследование.

Bootstrap и верстка о сетке  (4 часа)
Работа с сеткой
Работа с готовыми решениями
Компоненты
Работа с элементами интерфейса
Стилизация компонентов
Верстка гридами при помощи сетки Bootstrap

JavaScript  (6 часа)
Переменные, функции
Типы данных (перевод одних типов в другие)
Хойстинг, scope
Условия
Циклы
Объекты
События
Работа с DOM
Манимулирование элементами
Таймеры
Работа со строками
Работа с массивами

jQuery  (6 часа)
События
Селекторы
Манипуляции с DOM
Изменение свойств и атрибутов
Переборы
Измерения элементов
Анимации
Подключение и настройка jQuery плагинов
Практика написания виджетов
Скользкие места jQuery
Отладка анимаций
Применение функций jQuery
Параметры функций jQuery
Частоиспользуемые приемы

Git  (4 часа)
Системы менеджмента кода
Тонкая настройка git
Работа с git в консоли
Переходы по веткам, теги
Git Bash
Git GUI, SourseTree
Работа с ветками
Анализ и разрешение конфликтов
GitHub коллаборации

После освоения курса обучающийся будет способен: решать типовые задачи клиентской веб-разработки, используя HTML, CSS, JavaScript (РО-1)

По окончании курса выдается удостоверение.


Заявки принимаются по телефонам: +7(495)608-23-29, +7(929)971-74-22; E-mail: cdo-mgup@yandex.ru
Адрес: ул.Садовая -Спасская,д.6. офис 400 (ЦДООМ)

Дополнительное образование