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

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

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

1

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

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

HTML и CSS

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

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

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

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

Освоите необходимые навыки работы в Photoshop, adobe.Assets, Avocode и zeplin.io.
4

Workflow

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

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

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

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

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

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

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

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

3-4 обучающих модуля
Каждый модуль состоит из видеоуроков и тестирования.
1 групповую практику
С наставником и одногруппниками.
1 воркшоп
От преподавателя.
30-минутную консультацию
Кодревью с личным наставником.
Программа обучения
  • Неделя 1 — Работа с хостингом, HTML
    — Знакомимся со своим личным наставником и группой. — Учимся работать с панелью хостинга и с файлами через FTP. — Делаем разметку для первой страницы проекта. — Размещаем результат работы в сети Интернет и сдаём на проверку наставнику.
    • Открытие курса
      Открытие курса
      13.07.2020 20:00
      Развернуть
      Свернуть
    • VSCode. Обзор редактора
      Модуль
      13 уроков(39:55)
      Тест
      Развернуть
      Свернуть
    • Устройство интернета
      Модуль
      1 урок(31:46)
      Тест
      Развернуть
      Свернуть
    • Работа с хостингом
      Модуль
      1 урок(16:28)
      Тест
      Развернуть
      Свернуть
    • HTML
      Модуль
      23 урока(01:45:27)
      Тест
      Развернуть
      Свернуть
    • Проект. Разметка
      Воркшоп
      5 уроков(33:58)
      Развернуть
      Свернуть
  • Неделя 2 — CSS, работа с PSD-макетом, Perfect Pixel
    — Стилизуем элементы главной страницы — Изучаем свойства позиционирования и поведение блочной модели
    • Photoshop. Функциональность для верстальщика
      Модуль
      3 урока(01:02:25)
      Развернуть
      Свернуть
    • CSS. Работа со стилями
      Модуль
      10 уроков(51:49)
      Тест
      Развернуть
      Свернуть
    • Работа со шрифтами
      Модуль
      6 уроков(28:55)
      Тест
      Развернуть
      Свернуть
    • Основы верстки. Блочная модель
      Модуль
      11 уроков(45:31)
      Тест
      Развернуть
      Свернуть
    • Проект. Стили
      Воркшоп
      14 уроков(01:27:19)
      Развернуть
      Свернуть
  • Неделя 3 — Flexbox, БЭМ-нейминг
    — Изучаем свойства флексбокса и применяем их к главной странице — Пишем разметку для оставшихся страниц проекта — Приводим верстку в состояние Perfect Pixel
    • Вопрос-ответ
      Вебинар
      27.07.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 — Защита выпускного проекта
    — Дорабатываем проект — Сдаём проект на проверку наставникам — Выставление оценок в дипломы
    • Вопрос-ответ
      Закрытие курса
      10.08.2020 20:00
      Развернуть
      Свернуть

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

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

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

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

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

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

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

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

Ответы на любые вопросы в slack-чате, кодревью (проверка домашних заданий), голосовые консультации – это норма взаимодействия наставника и ученика в отрасли онлайн-обучения.

Но только в LoftSchool наставник квалифицирован проводить еженедельные групповые вебинары с глубоким разбором текущих вопросов учеников.

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

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

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

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

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

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

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

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

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

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

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

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

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

Период обучения: 13.07 - 16.08

2 часа работы с наставникомв неделю.
4 часа работы с наставникомв неделю.
Цена до 8 июля
19 000
23 000
2 324 / мес. в рассрочку