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

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

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

1

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

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

HTML и CSS

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

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

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

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

Современные подходы к работе с макетами Figma, Avocode, Zeplin.
5

Workflow

Вы будете работать в идеально настроенной под вас среде разработки: VS Code, Emmet, FTP-клиент.
6

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

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

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

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

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

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

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

3-4 обучающих модуля
Каждый модуль состоит из видеоуроков и тестирования.
1 групповую практику
С наставником и одногруппниками.
1 воркшоп
От преподавателя.
30-минутную консультацию
Разбор вашего проекта с наставником.
Программа обучения
  • Неделя 1 — Работа с хостингом, HTML
    — Знакомимся со своим личным наставником и группой. — Учимся работать с панелью хостинга и с файлами через FTP. — Делаем разметку для первой страницы проекта. — Размещаем результат работы в сети Интернет и сдаём на проверку наставнику.
    • Открытие курса
      Открытие курса
      23.11.2020 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 для верстальщика
      Модуль
      1 урок (04:37)
      Развернуть
      Свернуть
    • CSS. Работа со стилями
      Модуль
      10 уроков (51:49)
      Развернуть
      Свернуть
    • Работа со шрифтами
      Модуль
      6 уроков (28:55)
      Развернуть
      Свернуть
    • Блочная модель
      Модуль
      11 уроков (45:31)
      Развернуть
      Свернуть
    • Стилизация проекта
      Воркшоп
      14 уроков (01:27:19)
      Развернуть
      Свернуть
  • Неделя 3 — Flexbox, БЭМ-нейминг
    — Изучаем свойства флексбокса и применяем их к главной странице. — Пишем разметку для оставшихся страниц проекта. — Приводим верстку в состояние Perfect Pixel.
    • Вопрос-ответ
      Вебинар
      07.12.2020 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 — Защита выпускного проекта
    — Дорабатываем проект. — Сдаём проект на проверку наставникам. — Выставление оценок в дипломы.
    • Вопрос-ответ
      Вебинар
      21.12.2020 20:00
      Развернуть
      Свернуть

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

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

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

Владимир Сабанцев
Владимир Сабанцев
Владимир Сабанцев
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?
Регистрация на обучение

Выбор потока:

2 часа работы с наставникомв неделю.
4 часа работы с наставникомв неделю.
20 000
2 447 / мес. в рассрочку