Frontend разработчик. Верстка сайтов. [infopulse]

Frontend разработчик. Верстка сайтов.
(HTML5, CSS3, Bootstrap4, BEM, SASS/SCSS/LESS, Photoshop, SEO, Chrome devtools)
​

Старт 19.06.2019, Но собираемся не обращаем на это внимание

Если вы задумываетесь о смене профессии с наименьшими затратами времени, подумайте о профессии «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
• Как создавать портфолио

Вы изучите как работают современные web-сайты в сети Интернет, научитесь создавать свои страницы и сайты, работать с графическим редактором, верстать макеты сайтов, создавать различные стили оформления и многое другое.

Спойлер: Содержание

Базовые понятия фронтэнд-разработки

• Веб Структура сети Интернет, клиент-сервер, протоколы HTTP и FTP, ПО и АО веб-сервера, система DNS
• Доменные имена, хостинг: выбор, размещение сайта в Интернет
• Стандартизация в Интернет: W3C, DOCTYPE, валидация документов
• Обзор языков разметки, XML
• Среды разработки, Chrome devtools

Язык разметки HTML

• Назначение, состав документа, теги, атрибуты, разделители и спецсимволы
• Системы передачи цвета
• Данные: Метаданные, Текст, Гиперссылки, Изображения, Мультимедиа, Списки, Формы, Таблицы
• Стандарт HTML5
• Основы поисковой оптимизации (SEO)

Язык стилевого оформления CSS

• Назначение, состав стилевого документа, структура документа
• Классы, идентификаторы, селекторы, псевдоселекторы, псевдоэлементы
• Группирование, наследование, каскадирование
• Модель визуального форматирования
• Значения и единицы измерения. Шрифт, Текст
• Встраивание уникальных шрифтов, использование google-fonts
• Отступы, рамки, поля; основные и фоновые цвета
• Позиционирование элементов
• CSS3: фоны, градиенты, прозрачность, тени, скругления, трансформации и переходы, анимация
• Многоколоночность, flexbox, сеточная разметка
• Спрайты
• reset и normalize CSS
• Progressive enhancement и graceful degradation, написание эффективного кода
• Валидация документов

Состав языков HTML и CSS рассматривается с примерами реальных ситуаций применения команд в объёме, который необходим для быстрого старта написания кода. Рассматриваются элементы языков наиболее востребованные на реальных сайтах, веб-приложениях, а также в тестовых заданиях разных компаний.

Photoshop для работы с макетом

• Настройка рабочего пространства, базовые инструменты, клавиатурные сочетания, слои
• Извлечение графических объектов, фонов
• Параметры дизайна: размеры, отступы, шрифты, цвета
• Разрезка макета, оптимизация, особенности графических форматов

Вёрстка макетов на практике

• Обзор европейских и американских CSS-методологий
• Методология БЭМ (BEM)
• Обзор CSS-фреймворка Bootstrap для ускорения работы
• Обзор CSS пост/препроцессоров
• Вёрстка рассылочных писем
• Адаптивная вёрстка (media queries, fluid grid, fluid images, mobile first) для портативных и настолльных устройств (смартфоны, планшеты, ноутбуки, мониторы ПК)
• Кроссбраузерность и отладка под IE
• Best practices из опыта преподавателей-практиков

Теория верстки рассматривается исключительно на практике - в процессе вёрстки макета landing page.

В нашем курсе практика занимает 70% времени. С самых первых занятий мы настраиваем слушателей на поиск работы, даём рекомендации по выполнению тестовых заданий и трудоустройству в целом.Уже после первого месяца обучения мы рекомендуем слушателям ходить на собеседования.

продажник
Скрытая ссылка

Выдача. как минимум - все раздатки по практическим + аудио или видео (скринкаст) всех занятий

стоимость 6т грн., но пока добавил 20% за вывод с WM. Если получится по другому, то стоимость будет снижена