Интенсивный курс

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

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

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

1

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

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

HTML и CSS

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

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

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

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

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

Workflow

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      Открытие курса
      16.10.2023 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.

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

      Вебинар
      30.10.2023 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 — Защита выпускного проекта

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

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

      Вебинар
      13.11.2023 20:00

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

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

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

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

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

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

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

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

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

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

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

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

Наставник Loftschool
Арсений. Наставник Loftschool

Города, в которых живут наши ученики

  •  Cанкт-Петербург 
  •  Пенза 
  •  Алматы 
  •  Ростов 
  •  Минск 
  •  Рязань 
  •  Москва 
  •  Саратов 
  •  Волгоград 
  •  Севастополь 
  •  Воронеж 
  •  Симферополь 
  •  Екатеринбург 
  •  Сочи 
  •  Казань 
  •  Ставрополь 
  •  Красноярск 
  •  Сургут 
  •  Cанкт-Петербург 
  •  Пенза 
  •  Алматы 
  •  Ростов 
  •  Минск 
  •  Рязань 
  •  Москва 
  •  Саратов 
  •  Волгоград 
  •  Севастополь 
  •  Воронеж 
  •  Симферополь 
  •  Екатеринбург 
  •  Сочи 
  •  Казань 
  •  Ставрополь 
  •  Красноярск 
  •  Сургут 
  •  Нижний Новгород 
  •  Тверь 
  •  Новосибирск 
  •  Тольятти 
  •  Омск 
  •  Томск 
  •  Пермь 
  •  Тула 
  •  Ростов-на-Дону 
  •  Тюмень 
  •  Уфа 
  •  Ульяновск 
  •  Челябинск 
  •  Хабаровск 
  •  Вологда 
  •  Чебоксары 
  •  Гомель 
  •  Самара 
  •  Нижний Новгород 
  •  Тверь 
  •  Новосибирск 
  •  Тольятти 
  •  Омск 
  •  Томск 
  •  Пермь 
  •  Тула 
  •  Ростов-на-Дону 
  •  Тюмень 
  •  Уфа 
  •  Ульяновск 
  •  Челябинск 
  •  Хабаровск 
  •  Вологда 
  •  Чебоксары 
  •  Гомель 
  •  Самара 
  •  Ижевск 
  •  Барнаул 
  •  Иркутск 
  •  Владивосток 
  •  Калининград 
  •  Ярославль 
  •  Кемерово 
  •  Набережные Челны 
  •  Киров 
  •  Новокузнецк 
  •  Краснодар 
  •  Балашиха 
  •  Курск 
  •  Астрахань 
  •  Липецк 
  •  Улан-Удэ 
  •  Махачкала 
  •  Магнитогорск 
  •  Оренбург 
  •  Брянск 
  •  Ижевск 
  •  Барнаул 
  •  Иркутск 
  •  Владивосток 
  •  Калининград 
  •  Ярославль 
  •  Кемерово 
  •  Набережные Челны 
  •  Киров 
  •  Новокузнецк 
  •  Краснодар 
  •  Балашиха 
  •  Курск 
  •  Астрахань 
  •  Липецк 
  •  Улан-Удэ 
  •  Махачкала 
  •  Магнитогорск 
  •  Оренбург 
  •  Брянск 
Компании, в которых работают выпускники
Доказательства по перечисленным компаниям вы можете найти в документе
Наши партнеры по трудоустройству
Сертификат

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

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

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

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

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

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

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

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

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

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

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

  • Зачем платить за обучение, если в интернете можно найти всё бесплатно?
  • Предусмотрен ли возврат денег, если я передумаю проходить курс или профессию?
  • Можно ли платить частями?
  • Почему стоимость курсов повышается до старта потока?
  • Могут ли меня отчислить, если я пропущу неделю обучения или больше?
  • Что нужно для обучения в LoftSchool?
  • Можно ли совмещать обучение с работой или учёбой?
Стоимость курса
  • Скидка 60%
    Еще 2 дня
    Старт 16 октября 2023 г.
    Стоимость в месяц
    от 1 079 /мес
    2 700
  • Полная стоимость курса
    25 900
    64 800
Записаться на курс
Нажимая на кнопку, я даю согласие на обработку персональных данных
  • Рассрочка
    Доступна рассрочка от Тинькофф и других банков-партнеров
  • Вернем деньги
    Если решите не продолжать обучение
  • Налоговый вычет
    Можно оформить налоговый вычет и вернуть до 13% стоимости курса