Основы вёрстки сайтов

Записывайтесь и за 5 недель качественно освойте верстку на HTML и CSS, и получите первый проект в портфолио.
Курс можно проходить
с нулевым опытом
19.09.2022 - 23.10.2022

За 5 недель вы научитесь

1

Как устроен интернет

Основательно разберётесь в том, что такое: HTTP, IP, DNS, хостинг, хостер, домен, сервер, клиент и пр.
2

HTML и CSS

Самостоятельно верстать сайты любой сложности с применением Flexbox и BEM-naming.
3

Кроссбраузерная вёрстка

Ваша вёрстка будет отлично работать на всех браузерах в разных операционных системах.
4

Работа с макетами

Вы научитесь работать с макетами с помощью простого и удобного инструмента Figma.
4

Workflow

Освоите работу в консоли Terminal, контроль версий Git, пакетный менеджер npm и сборщик Gulp.
6

Верстать сайты "под ключ"

Размещать сайты на собственном хостинге с привязкой доменных имён.

Что ожидать от обучения?

  • Насыщенная программа
    16 обучающих модулей, 100+ часов обучения.
  • Поддержка наставника
    Практикующий IT-специалист будет отвечать на любые вопросы и делать кодревью.
  • Готовое портфолио
    Многостраничный сайт, демонстрирующий уровень ваших знаний.
  • Доступ к материалам
    Не ограничен рамками курса. Вы можете продолжить учиться, когда захотите.
  • Telegram-чат
    При изучении материалов вы можете задавать вопросы одногруппникам и команде курса.
  • Сертификат
    С уникальным ID, подтверждающий уровень ваших знаний.
  • Ламповая атмосфера
    Никаких скучных и занудных “дядек“. В Loftschool вас будут учить в атмосфере rock-and-roll.
  • Начало карьеры
    После обучения вы сразу же готовы к старту карьеры в веб-индустрии.

Как проходит обучение

  • Задание
    Каждый понедельник студенты получают задание
  • Недельный план
    Подскажет, что делать в каждый конкретный день курса.
  • Материалы недели
    Изучать можно в удобном для себя ритме.
  • Самостоятельная работа
    После изучения материалов студент работает над проектом

* Материалов курса достаточно, чтобы выполнить выпускной проект. Если у вас возникнут вопросы, то вы сможете задать их команде курса в групповом чате.

Посмотрите видео о том, как проходит обучение

Каждая неделя обучения включает:

3-4 обучающих модуля
Каждый модуль состоит из видеоуроков и тестирования.
1 групповую практику
С наставником и одногруппниками.
1 воркшоп
От преподавателя.
Обратная связь
Помощь команды при работе над проектом.

Программа обучения

  • Неделя 1 — Работа с хостингом, HTML

    — Знакомимся со своим личным наставником и группой. — Учимся работать с панелью хостинга и с файлами через FTP. — Делаем разметку для первой страницы проекта. — Размещаем результат работы в сети Интернет и сдаём на проверку наставнику.

    • Открытие курса

      Открытие курса
      19.09.2022 20:00

      — Введение в курс. — Знакомство с командой. — Организационные вопросы.

    • VSCode. Обзор редактора

      Модуль
      13 уроков (39:55)
    • Устройство интернета

      Модуль
      1 урок (31:46)
    • Работа с GitHub Pages

      Модуль
      2 урока (21:52)
    • HTML

      Модуль
      23 урока (01:45:27)
    • БЭМ. Разметка элементов страницы

      Воркшоп
      5 уроков (33:58)
  • Неделя 2 — CSS, работа с макетом, Perfect Pixel

    — Стилизуем элементы главной страницы. — Изучаем свойства позиционирования и поведение блочной модели.

    • Figma для верстальщика

      Модуль
      2 урока (06:09)
    • CSS. Работа со стилями

      Модуль
      10 уроков (51:49)
    • Работа со шрифтами

      Модуль
      6 уроков (28:55)
    • Блочная модель

      Модуль
      11 уроков (45:31)
    • Стилизация проекта

      Воркшоп
      14 уроков (01:27:19)
  • Неделя 3 — Flexbox, БЭМ-нейминг

    — Изучаем свойства флексбокса и применяем их к главной странице. — Пишем разметку для оставшихся страниц проекта. — Приводим верстку в состояние Perfect Pixel.

    • Вопрос-ответ

      Вебинар
      04.10.2022 20:00

      — Практический вебинар с преподавателем.

    • Flexbox

      Модуль
      13 уроков (26:26)
    • Построение лейаута и БЭМ-нейминг

      Модуль
      11 уроков (01:25:31)
    • Flexbox. Реализация проекта

      Воркшоп
      11 уроков (01:07:50)
  • Неделя 4 — CSS-анимации

    — Подключаем иконки к проекту с применением спрайтов. — Реализуем динамические элементы страниц. — Дорабатываем проект.

    • Частые приемы верстки

      Модуль
      15 уроков (01:16:15)
    • Анимации CSS

      Модуль
      16 уроков (50:27)
    • Анимации. Реализация проекта

      Воркшоп
      10 уроков (45:14)
  • Неделя 5 — Защита выпускного проекта

    — Дорабатываем проект. — Сдаём проект на проверку наставникам. — Выставление оценок в дипломы.

    • Вопрос-ответ

      Вебинар
      17.10.2022 20:00

      — Практический вебинар с преподавателем.

Купите курс сейчас и получите подарок
  • Как войти в IT
    13 уроков (01:41:04)
    490
    Бесплатно
    Смотреть

Выпускной проект

В течение курса, шаг за шагом мы вместе с вами выполним боевой проект — многостраничный корпоративный сайт для одной из трёх компаний.
В течение курса, шаг за шагом

Преподаватель

Владимир Сабанцев
Владимир Сабанцев
Владимир Сабанцев
Frontend разработчик обучающей платформы Loftschool.
  • Пишу javascript уже более 6 лет.

  • Верстаю еще больше, со времен ie7 и знаю что такое кросс-браузерность не понаслышке.

  • Работал как в open-source так и в продуктовых компаниях. Всему учился на работе, поэтому знаю как предостеречь новичков от частых ошибок и уберечь от гнева коллег.

  • Преподаю уже более 4 лет и истребил все слова паразиты, почти все.

Наставники Loft – практикующие эксперты в IT отрасли

  • Дают знания, а не ответы.
  • Любят объяснять и умеют доносить сложную информацию понятным языком.
  • Требовательны к качеству вашего кода: вы не сдадите ДЗ, пока ваш код не станет идеальным.
  • Хорошо понимают других людей и умеют находить подход к любым ученикам.
  • Всегда готовы прийти на помощь.

Даже если ничего не понятно, вы не останетесь один на один со своими проблемами. Наставник всегда будет рядом и не даст вам опустить руки.

Наставник Loftschool
Арсений. Наставник Loftschool
Компании, в которых работают выпускники
Доказательства по перечисленным компаниям вы можете найти в документе
Наши партнеры по трудоустройству
Сертификат

Ваш будущий сертификат

По окончании обучения вы получите сертификат. LoftSchool знают и ценят работодатели, поэтому сертификат станет вашим дополнительным плюсом при трудоустройстве в IT-компанию.
Он будет доступен в электронном виде в личном кабинете – вы легко сможете добавить ссылку на сертификат в резюме и подтвердить свой уровень подготовки.

Познакомься с LoftSchool ближе

Почему стоит выбрать обучение в LoftSchool

Безупречная репутация

Мы в деле с 2012 года и нас знают во всех больших IT компаниях России и ближнего зарубежья.

LoftSchool – лидер в IT образовании

По результатам исследования «Моего круга» на Хабре LoftSchool занял первое место.

1000+ выпускников ежегодно

Наши выпускники работают в Apple, Яндекс, Mail.ru, Epam и др. крупнейших компаниях. Пруфы.

Ответы на часто задаваемые вопросы

  • Зачем платить за обучение, если в интернете можно найти всё бесплатно?
  • Предусмотрен ли возврат денег, если я передумаю проходить курс или профессию?
  • Можно ли платить частями?
  • Почему стоимость курсов повышается до старта потока?
  • Могут ли меня отчислить, если я пропущу неделю обучения или больше?
  • Что нужно для обучения в LoftSchool?
  • Можно ли совмещать обучение с работой или учёбой?
Оплата и регистрация

Период обучения: 19.09 - 23.10

Работа в группес наставником
Индивидуальная работас наставником
Цена до 21 августа
от 1 625 /мес
4 066

Сумма указана для рассрочки на 12 месяцев. Точная ежемесячная плата зависит от срока и банка.

-60%скидка