Frontend разработчик. Верстка сайтов.
(HTML5, CSS3, Bootstrap4, BEM, SASS/SCSS/LESS, Photoshop, SEO, Chrome devtools)
Информация о курсе:
Длительность курса: 2 месяца (45 часов)
Вечерние группы: 18 занятий х 2,5 часа
Субботние группы: 10 занятий х 4,5 часа
Возможно обучение On-line
Дата начала курса:
(занятия проходят по субботам)
5 февраля 18:45-21:15
(вторник, четверг)
Если вы задумываетесь о смене профессии с наименьшими затратами времени, подумайте о профессии «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-сайты в сети Интернет, научитесь создавать свои страницы и сайты, работать с графическим редактором, верстать макеты сайтов, создавать различные стили оформления и многое другое.
Знаний, которые даются в курсе «Вёрстка для Frontend разработки», вам будет достаточно для того, чтобы найти работу в украинской или зарубежной IT-компании, либо уверенно чувствовать себя на рынке фриланса в качестве верстальщика.
Если вас заинтересует карьера fullstack-разработчика, то для дальнейшего обучения вам подойдут курсы:
Найти работу Frontend-разработчика вы сможете независимо от возраста и знаний английского языка, что выгодно её отличает от других направлений в IT.
Базовые понятия фронтэнд-разработки
- Веб Структура сети Интернет, клиент-сервер, протоколы 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% времени. С самых первых занятий мы настраиваем слушателей на поиск работы, даём рекомендации по выполнению тестовых заданий и трудоустройству в целом.Уже после первого месяца обучения мы рекомендуем слушателям ходить на собеседования.
