Frontend разработчик. Верстка сайтов.
(HTML5, CSS3, Bootstrap4, BEM, SASS/SCSS/LESS, Photoshop, SEO, Chrome devtools)
Старт 19.06.2019, Но собираемся не обращаем на это внимание (HTML5, CSS3, Bootstrap4, BEM, SASS/SCSS/LESS, Photoshop, SEO, Chrome devtools)
Если вы задумываетесь о смене профессии с наименьшими затратами времени, подумайте о профессии «Frontend разработчик».
Даже если вы никогда не программировали, вы сможете освоить вёрстку для Frontend (HTML5, CSS3, Bootstrap4, BEM, SASS/SCSS/LESS, XML, Photoshop, SEO, Chrome devtools) и создавать несложные, но эффектные веб-сайты и посадочные страницы (landing pages).
Что вы узнаете из курса "Frontend разработчик. Верстка сайтов.":
- HTML5, CSS3, SASS/SCSS/LESS, SEO
- Верстка сайта с нуля и корректировка верстки
- Адаптивная верстка для мобильных устройств
- Bootstrap 4 - опыт использования
- BEM - методология верстки
- Кроссбраузерная верстка
- Нарезка макетов и создание sprite в Adobe Photoshop
- Как создавать портфолио
Базовые понятия фронтэнд-разработки
Photoshop для работы с макетом
В нашем курсе практика занимает 70% времени. С самых первых занятий мы настраиваем слушателей на поиск работы, даём рекомендации по выполнению тестовых заданий и трудоустройству в целом.Уже после первого месяца обучения мы рекомендуем слушателям ходить на собеседования.
- Веб Структура сети Интернет, клиент-сервер, протоколы HTTP и FTP, ПО и АО веб-сервера, система DNS
- Доменные имена, хостинг: выбор, размещение сайта в Интернет
- Стандартизация в Интернет: W3C, DOCTYPE, валидация документов
- Обзор языков разметки, XML
- Среды разработки, Chrome devtools
- Назначение, состав документа, теги, атрибуты, разделители и спецсимволы
- Системы передачи цвета
- Данные: Метаданные, Текст, Гиперссылки, Изображения, Мультимедиа, Списки, Формы, Таблицы
- Стандарт HTML5
- Основы поисковой оптимизации (SEO)
- Назначение, состав стилевого документа, структура документа
- Классы, идентификаторы, селекторы, псевдоселекторы, псевдоэлементы
- Группирование, наследование, каскадирование
- Модель визуального форматирования
- Значения и единицы измерения. Шрифт, Текст
- Встраивание уникальных шрифтов, использование google-fonts
- Отступы, рамки, поля; основные и фоновые цвета
- Позиционирование элементов
- CSS3: фоны, градиенты, прозрачность, тени, скругления, трансформации и переходы, анимация
- Многоколоночность, flexbox, сеточная разметка
- Спрайты
- reset и normalize CSS
- Progressive enhancement и graceful degradation, написание эффективного кода
- Валидация документов
Photoshop для работы с макетом
- Настройка рабочего пространства, базовые инструменты, клавиатурные сочетания, слои
- Извлечение графических объектов, фонов
- Параметры дизайна: размеры, отступы, шрифты, цвета
- Разрезка макета, оптимизация, особенности графических форматов
- Обзор европейских и американских CSS-методологий
- Методология БЭМ (BEM)
- Обзор CSS-фреймворка Bootstrap для ускорения работы
- Обзор CSS пост/препроцессоров
- Вёрстка рассылочных писем
- Адаптивная вёрстка (media queries, fluid grid, fluid images, mobile first) для портативных и настолльных устройств (смартфоны, планшеты, ноутбуки, мониторы ПК)
- Кроссбраузерность и отладка под IE
- Best practices из опыта преподавателей-практиков
В нашем курсе практика занимает 70% времени. С самых первых занятий мы настраиваем слушателей на поиск работы, даём рекомендации по выполнению тестовых заданий и трудоустройству в целом.Уже после первого месяца обучения мы рекомендуем слушателям ходить на собеседования.
http://infopulse-univer.com.ua/training/frontend-markupВыдача. как минимум - все раздатки по практическим + аудио или видео (скринкаст) всех занятий
стоимость 6т грн., но пока добавил 20% за вывод с WM. Если получится по другому, то стоимость будет снижена