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

(HTML5, CSS3, Bootstrap4, BEM, SASS/SCSS/LESS, Photoshop, SEO, Chrome devtools)

Информация о курсе:


Стоимость: 3 000 грн в месяц

Длительность курса: 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% времени. С самых первых занятий мы настраиваем слушателей на поиск работы, даём рекомендации по выполнению тестовых заданий и трудоустройству в целом.Уже после первого месяца обучения мы рекомендуем слушателям ходить на собеседования.