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

Записывайтесь и за 5 недель качественно освойте верстку на HTML и CSS, и получите первый проект в портфолио.

Курс можно проходить
с нулевым опытом

10.04.2023 - 14.05.2023

Курс входит в профессии:

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

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

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

HTML и CSS

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

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

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

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

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

Workflow

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

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

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

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

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

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

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

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

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

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

Каждый модуль состоит из видеоуроков и тестирования.

С наставником и одногруппниками.

С преподавателем.

Помощь команды при работе над проектом

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

Неделя 1 — Работа с хостингом, HTML
— Знакомимся со своим личным наставником и группой. — Учимся работать с панелью хостинга и с файлами через FTP. — Делаем разметку для первой страницы проекта. — Размещаем результат работы в сети Интернет и сдаём на проверку наставнику.
- Открытие курса
  Открытие курса
  10.04.2023 20:00
  — Введение в курс. — Знакомство с командой. — Организационные вопросы.
- VSCode. Обзор редактора
  Модуль
  13 уроков (39:55)
  - 1. Введение (00:49)
    Бесплатный урок
  - 2. Страница проекта (00:49)
    Бесплатный урок
  - 3. Краткий обзор редактора (01:23)
    Бесплатный урок
  - 4. Начало работы. Цветовые схемы (02:22)
  - 5. Горячие клавиши (01:53)
  - 6. Командная панель (02:56)
  - 7. Настройки (04:19)
  - 8. Навигация по коду (06:52)
  - 9. Настройка горячих клавиш (02:20)
  - 10. Сниппеты (05:00)
  - 11. Панель поиска (01:53)
  - 12. Расширения (06:30)
  - 13. Расширение CSS Peek (02:49)
- Устройство интернета
  Модуль
  1 урок (31:46)
  - 1. Устройство интернета (31:46)
- Работа с GitHub Pages
  Модуль
  2 урока (21:52)
  - 1. GitHub Pages. Работа из браузера (05:24)
  - 2. Работа с хостингом timeweb (16:28)
- HTML
  Модуль
  23 урока (01:45:27)
  - 1. Введение (06:08)
    Бесплатный урок
  - 2. Первая веб-страница (01:05)
    Бесплатный урок
  - 3. Структура документа (01:28)
    Бесплатный урок
  - 4. Голова документа (02:59)
    Бесплатный урок
  - 5. Полезные расширения редактора (07:04)
    Бесплатный урок
  - 6. Разметка текста (03:57)
    Бесплатный урок
  - 7. Правила написания кода (03:13)
  - 8. Списки (01:06)
  - 9. Потомки и родители (02:41)
  - 10. Форматирование кода (05:30)
  - 11. Атрибуты (02:54)
  - 12. Абсолютные и относительные пути (07:56)
  - 13. Ссылки (06:29)
  - 14. id и class (05:36)
  - 15. Якорь (02:23)
  - 16. Формы. Основные элементы (12:33)
  - 17. Тег Label (01:18)
  - 18. Формы. Специфические элементы (04:13)
  - 19. Отправка формы на сервер (05:13)
  - 20. Валидация (03:51)
  - 21. Теги таблиц (05:47)
  - 22. Emmet (07:23)
  - 23. Панель разработчика (04:40)
- БЭМ. Разметка элементов страницы
  Воркшоп
  5 уроков (33:58)
  - 1. Принцип разметки (04:40)
  - 2. Использование классов (04:36)
  - 3. BEM (05:46)
  - 4. Разметка страницы (07:36)
  - 5. Разметка содержимого (11:20)
Неделя 2 — CSS, работа с макетом, Perfect Pixel
— Стилизуем элементы главной страницы. — Изучаем свойства позиционирования и поведение блочной модели.
- Figma для верстальщика
  Модуль
  2 урока (06:09)
  - 1. Figma. Интерфейс (04:37)
  - 2. Figma. Организация проектов (01:32)
- CSS. Работа со стилями
  Модуль
  10 уроков (51:49)
  - 1. Теория (06:59)
    Бесплатный урок
  - 2. Подключение стилей (03:25)
    Бесплатный урок
  - 3. Работа с цветом (05:06)
    Бесплатный урок
  - 4. Селекторы тегов и атрибутов (05:29)
  - 5. Мультиселекторы (05:32)
  - 6. Универсальные селекторы (03:21)
  - 7. Приоритет селекторов (06:30)
  - 8. Псевдоклассы (07:32)
  - 9. Псевдоклассы порядка (05:36)
  - 10. Псевдоэлементы (02:19)
- Работа со шрифтами
  Модуль
  6 уроков (28:55)
  - 1. Безопасные шрифты (02:13)
    Бесплатный урок
  - 2. Бесплатные шрифты (03:02)
  - 3. Конвертирование шрифтов (06:19)
  - 4. font-face (08:05)
  - 5. Наследуемые свойства (03:51)
  - 6. Общие стили текста (05:25)
- Блочная модель
  Модуль
  11 уроков (45:31)
  - 1. Теория (03:59)
    Бесплатный урок
  - 2. Строчное и блочное поведение (03:49)
    Бесплатный урок
  - 3. Свойство display (01:18)
    Бесплатный урок
  - 4. Блочная модель (05:11)
  - 5. Составные свойства (02:59)
  - 6. Единицы измерения (03:38)
  - 7. Выравнивание inline-block (01:15)
  - 8. Свойства позиционирования (05:36)
  - 9. Приоритет отображения (04:07)
  - 10. Верстка. Как делать не нужно (05:07)
  - 11. Perfect Pixel (08:32)
- Стилизация проекта
  Воркшоп
  14 уроков (01:27:19)
  - 1. Приветственная секция (06:08)
  - 2. Настройка шрифтов (03:42)
  - 3. Приветственная секция. Стилизация (13:14)
  - 4. Приветственная секция. Perfect Pixel (07:22)
  - 5. Активный пункт меню (03:38)
  - 6. Секция предложений. Разметка (03:06)
  - 7. Секция предложений. Стилизация (08:44)
  - 8. Секция предложений. Модификаторы (06:16)
  - 9. Секция предложений. Perfect Pixel (02:45)
  - 10. Секция новостей. Разметка (06:04)
  - 11. Переключатель страниц (05:45)
  - 12. Секция о банке. Разметка (08:35)
  - 13. Футер (07:58)
  - 14. Завершение работы (04:02)
Неделя 3 — Flexbox, БЭМ-нейминг
— Изучаем свойства флексбокса и применяем их к главной странице. — Пишем разметку для оставшихся страниц проекта. — Приводим верстку в состояние Perfect Pixel.
- Вопрос-ответ
  Вебинар
  24.04.2023 20:00
  — Практический вебинар с преподавателем.
- Flexbox
  Модуль
  13 уроков (26:26)
  - 1. Введение (00:45)
    Бесплатный урок
  - 2. Флекс-контейнер (01:43)
    Бесплатный урок
  - 3. Выравнивание по главной оси (01:37)
    Бесплатный урок
  - 4. Выравнивание по поперечной оси (01:50)
  - 5. Выравнивание отдельного элемента (01:09)
  - 6. Флекс-элемент – контейнер (00:53)
  - 7. Направление осей (03:18)
  - 8. Многострочный контейнер (02:54)
  - 9. Выравнивание многострочного контента (01:25)
  - 10. Пропорции (02:46)
  - 11. Пропорции при сжатии (01:24)
  - 12. Базовый размер (04:02)
  - 13. Порядок элементов (02:40)
- Построение лейаута и БЭМ-нейминг
  Модуль
  11 уроков (01:25:31)
  - 1. Введение (03:28)
    Бесплатный урок
  - 2. Viewport (04:54)
    Бесплатный урок
  - 3. Normalize (02:38)
    Бесплатный урок
  - 4. Блок обертка (04:20)
  - 5. Контейнер (09:17)
  - 6. Футер (04:25)
  - 7. Структура файлов (17:20)
  - 8. Поведение блочной модели (07:19)
  - 9. Общие стили (09:04)
  - 10. Текстовое содержимое (08:36)
  - 11. Классы-модификаторы (14:10)
- Flexbox. Реализация проекта
  Воркшоп
  11 уроков (01:07:50)
  - 1. Приветственная секция (08:28)
  - 2. Секция предложений (02:15)
  - 3. Секция предложений. Примеси (05:21)
  - 4. Секция предложений. Элементы (02:51)
  - 5. Секция новости (03:19)
  - 6. Завершение верстки страницы (07:46)
  - 7. Страница услуг. Хедер (11:45)
  - 8. Страница услуг. Секция (08:45)
  - 9. Страница услуг. Ховер (04:08)
  - 10. Страница услуг. Секция партнеры (09:17)
  - 11. Страница услуг. Футер (03:55)
Неделя 4 — CSS-анимации
— Подключаем иконки к проекту с применением спрайтов. — Реализуем динамические элементы страниц. — Дорабатываем проект.
- Частые приемы верстки
  Модуль
  15 уроков (01:16:15)
  - 1. Центрирование (06:56)
    Бесплатный урок
  - 2. Текст в одну строку (04:13)
    Бесплатный урок
  - 3. Фигуры. Круг (01:14)
    Бесплатный урок
  - 4. Фигуры. Эллипс (03:36)
  - 5. Фигуры. Треугольник (03:19)
  - 6. Фигуры. Треугольник без заливки (06:08)
  - 7. Фигуры. Трапеция (01:00)
  - 8. Фигуры. Параллелограмм (01:29)
  - 9. Фигуры. Элементы (05:56)
  - 10. Градиент (07:43)
  - 11. Пунктирная линия (04:32)
  - 12. Фон в полоску (01:19)
  - 13. Выпадающее меню (09:43)
  - 14. Спрайты (12:01)
  - 15. Элементы форм (07:06)
- Анимации CSS
  Модуль
  16 уроков (50:27)
  - 1. Свойство transition (02:58)
    Бесплатный урок
  - 2. Свойство transition-property (02:21)
    Бесплатный урок
  - 3. Временная функция (04:50)
    Бесплатный урок
  - 4. Эластичные анимации (00:46)
  - 5. Свойство transition delay (01:22)
  - 6. Составное свойство transition (02:05)
  - 7. Неочевидные моменты transition (02:50)
  - 8. Свойство transform (05:12)
  - 9. Отмена трансформации (01:50)
  - 10. Изменение координат трансформации (03:41)
  - 11. Свойство animation (07:23)
  - 12. Свойство animation-iteration-count (00:57)
  - 13. Свойство animation-direction (01:58)
  - 14. Свойство animation-fill-mode (02:44)
  - 15. Свойство animation-play-state (03:13)
  - 16. Анимация секвенцией (06:17)
- Анимации. Реализация проекта
  Воркшоп
  10 уроков (45:14)
  - 1. Отзывы. Разметка (04:31)
  - 2. Отзывы. Стилизация (06:12)
  - 3. Отзывы. Сетка (02:32)
  - 4. Секция-разделитель (03:00)
  - 5. Форма. Поля (03:35)
  - 6. Форма. Контроллы (09:18)
  - 7. Приветственная страница (03:35)
  - 8. Анимации. Банк (06:29)
  - 9. Анимации. Путешествия (03:24)
  - 10. Анимации. Видеопродакшн (02:38)
Неделя 5 — Защита выпускного проекта
— Дорабатываем проект. — Сдаём проект на проверку наставникам. — Выставление оценок в дипломы.
- Вопрос-ответ
  Вебинар
  10.05.2023 20:00
  — Практический вебинар с преподавателем.

Купите курс сейчас и получите подарок

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

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

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

В течение курса, шаг за шагом

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

Владимир Сабанцев

Frontend разработчик обучающей платформы Loftschool.

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

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

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

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

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

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

Cанкт-Петербург
Пенза
Алматы
Ростов
Минск
Рязань
Москва
Саратов
Волгоград
Севастополь
Воронеж
Симферополь
Екатеринбург
Сочи
Казань
Ставрополь
Красноярск
Сургут

Cанкт-Петербург
Пенза
Алматы
Ростов
Минск
Рязань
Москва
Саратов
Волгоград
Севастополь
Воронеж
Симферополь
Екатеринбург
Сочи
Казань
Ставрополь
Красноярск
Сургут

Нижний Новгород
Тверь
Новосибирск
Тольятти
Омск
Томск
Пермь
Тула
Ростов-на-Дону
Тюмень
Уфа
Ульяновск
Челябинск
Хабаровск
Вологда
Чебоксары
Гомель
Самара

Нижний Новгород
Тверь
Новосибирск
Тольятти
Омск
Томск
Пермь
Тула
Ростов-на-Дону
Тюмень
Уфа
Ульяновск
Челябинск
Хабаровск
Вологда
Чебоксары
Гомель
Самара

Ижевск
Барнаул
Иркутск
Владивосток
Калининград
Ярославль
Кемерово
Набережные Челны
Киров
Новокузнецк
Краснодар
Балашиха
Курск
Астрахань
Липецк
Улан-Удэ
Махачкала
Магнитогорск
Оренбург
Брянск

Ижевск
Барнаул
Иркутск
Владивосток
Калининград
Ярославль
Кемерово
Набережные Челны
Киров
Новокузнецк
Краснодар
Балашиха
Курск
Астрахань
Липецк
Улан-Удэ
Махачкала
Магнитогорск
Оренбург
Брянск

Компании, в которых работают выпускники

Доказательства по перечисленным компаниям вы можете найти в документе

Наши партнеры по трудоустройству

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

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

Он будет доступен в электронном виде в личном кабинете – вы легко сможете добавить ссылку на сертификат в резюме и подтвердить свой уровень подготовки.

Игорь Пикалов

Всем привет. Закончил курс, остались положительные впечатления, я давно думал над входом в новую профессию и всё-таки решился. Выбрал направление и школу, могу сказать, что не прогадал! Начал изучать вёрстку с самого нуля, сейчас же уверен в своих знаниях! Курс отличный, желаю всем успехов)

Дмитрий Малахов

Закончил недавно данный курс. Впечатления положительные. Новой информации много и выглядит она полезной. На старте были нулевые знания, поэтому для того, чтобы успевать к еженедельным срокам приходилось каждый день тратить примерно по 3 часа на просмотр видео и выполнение заданий. Поэтому совмещать с работой и воспитанием ребенка было не просто, но всё получилось. Буду продолжать обучение.

Дмитрий Олин

Я работаю frontend-разработчиком, занимаюсь созданием интерфейсов в компании Синергия. Компания себя позиционирует как бизнес-портал, который представляет различные материалы для своих пользователей. Сейчас работаю над практически главным проектом компании – обучающая база, чем-то схожая с Netflix. 60% времени у меня уходит на вёрстку и 40% на написание логической части. Я закончил юридический ...

Михаил Бахирев

Я работаю PHP-разработчиком в Петербургском университете путей сообщения. Программистом я стал недавно, хотя и работал в сфере IT до этого – в менеджменте. Занимал должность генерального директора. В качестве вектора я выбрал веб-разработку – меня всегда интересовало создание сайтов. Да и порог вхождения в веб ниже. Я поступил учиться на профессию «веб-разработчик» в Loftschool, но назвать меня...

Максим Никульников

Я работал в логистике и международных перевозках, но сразу понимал, что не хочу заниматься этим всю жизнь. Пробовал погружаться в разные направления, пытался понять что же мне на самом деле интересно. Брал пробные курсы и тренинги в совершенно разных сферах: UX-дизайн, Digital-рисунок, менеджмент проектов. Слушал, что говорят преподаватели, делал задания. Среди всего прочего пробовал погрузитьс...

Влад Климов

Сначала я думал, по расписанию программы, что первые две недели мне не нужны, ведь эта информация на уровне средне-образовательной школы. Я еще никогда так не ошибался)) Очень подробно объяснили простым языком сложные вещи. За несколько вебинаров я понял как в принципе работает интернет. Потом началась практика и тут уже началось самое интересное. Поначалу я думал что можно чуть-чуть похалявить...

Виктория Бушина

Я закончила курс "Основы верстки" в профессии "Веб-разработчик"! Это был насыщенный и невероятно интересный месяц! А самое главное — продуктивный! Все имеющиеся знания встали по полочкам, а новые усвоились удивительно легко! Порадовала возможность выбора макета для верстки. Теория дается в виде видео-курсов — очень удобно, так как можно много раз пересмотреть, ставить на паузу и сразу писать ко...

Дмитрий Анисов

Очень понравился данный курс из профессии! Весь материал был грамотно структурирован и подан, изначально думал будет простенькое введение на этом курсе, а оказалось, что на нём даётся очень достойный стэк знаний. Так же мне помогли разобраться в тонкостях тех или иных свойств и элементов. Научили грамотно и правильно верстать, используя современные подходы и технологии. Очень хорошо структуриро...

Светлана Филимонова

Курс "Основы верстки" прошел быстро и оставил после себя приятное впечатление и прочный фундамент для дальнейшего развития в профессии "веб-разработчик". До начала курса у меня было представление о HTML и CSS, однако дело до макетов не доходило. Тем не менее, курс дался мне достаточно легко, честно скажу готовилась к худшему)), а все благодаря прекрасной подаче материала на вебинарах, которые в...

Денис Давыдов

Курс, лично для меня, просто бомба) Он постепенно разгоняется и также постепенно утихает под конец. Время выделенное под тз более чем достаточно, чтобы сделать все грамотно и не бежать впереди паровоза. Если кто-то до сих пор думает, выбрать курс с наставником или без, я советую выбирать первый вариант) Меня распределили к наставнику Ольге Болотовой, и я хочу отметить, что именно благодаря ей я...

Евгения Мельникова

Даже не верится, что уже пролетел курс по верстке) И дальше только больше!) Я осталась довольна этим опытом, новыми знаниями, хотя понимаю, что только активно работая и практикуясь можно закрепить результат и прогрессировать) Мне понравилась атмосфера на курсе, его интенсивность, структурированность материала) Порой казалось, что странно, что материал в методичках появляется тогда, когда эту те...

Дмитрий Егоров

Максимальная выжимка учебного материала, всё интуитивно логично сконструировано, отзывчивый, образованный и очень любезный административный и преподавательский состав, который определенно знает свое дело. Все рады помочь и объяснить проблемную зону! Полное погружение в рабочую среду, новые друзья, новые навыки, полезные связи, вообщем ни разу не пожалел, что пошел на эти курсы. Так что, если вы...

Артур Овчаренко

Ещё с лета я начал изучать вёрстку, но я вдруг понял, что в таком темпе я буду очень долго её учить. И тут я принялся подбирать себе курс. В интернете их достаточно, но всё-таки больше всех меня впечатлил курс от LoftSchool. А привлёк он меня своей открытостью и душевностью, видно, что основатели школы действительно любят и ценят свой проект и всё что с ним связано. Здесь всё на высшем уровне, ...

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

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

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

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

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

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

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

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

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

Зачем платить за обучение, если в интернете можно найти всё бесплатно?
Покупая курс в LoftSchool, вы платите за гарантированный результат, а не за набор материалов. От вас требуется чётко следовать программе обучения, выполняя все домашние задания, которые будут строго проверяться вашим наставником. На выходе с курса – вы будете подготовлены к старту карьеры в IT-индустрии. Так что сами по себе материалы, которые действительно можно найти бесплатно, хоть и важны, но не играют решающего фактора. Это лишь кирпичик в здании нашей школы.
Предусмотрен ли возврат денег, если я передумаю проходить курс или профессию?
Да. Мы возвращаем деньги 2 путями, на ваш выбор:
- на вашу банковскую карту за вычетом 5% издержек (согласно публичной оферте), либо
- на личный счет в системе LoftSchool в полном размере (деньги затем можно потратить на любой курс школы).
В обоих случаях возврат возможен не позднее 3-го дня с момента старта обучения.
Мы также можем перевести вас на другой поток или курс не позднее 7-го дня с момента старта обучения. Такой перевод возможен только 1 раз.
Можно ли платить частями?
Для желающих обучаться в нашей школе мы, совместно с сервисом ЮKassa и банками-партнёрами, предоставляем рассрочку от 3 до 36 месяцев.
Как это работает:
- На странице курса либо профессии нажмите "Оплатить" и выберите вариант "В рассрочку".
- Далее выберите подходящий вам вариант (Тинькофф, ЮKassa, Халва, Почта Банк, Покупай со СберБанком).
- Выберите срок и размер выплат, другие условия кредита.
- За пару минут заполните короткую анкету.
- Через несколько минут получите решение банка о предоставлении кредита.
- При выборе рассрочки от ЮKassa, погасите полную стоимость обучения в течении 30 (или 60) дней, чтобы избежать переплат. Либо оплачивайте обучение частями в течение 6 или 12 месяцев с переплатой 3,9% в месяц.
Почему стоимость курсов повышается до старта потока?
Конечная цена за пару дней до старта курса – это его реальная цена. Все цены до этого – идут со скидкой. Так как производство курса и оплата работы специалистов является самой большой частью наших издержек, то мы поощряем клиентов, которые решают приобрести курс заблаговременно, тем самым покрывая часть наших издержек на этапах подготовки.
Могут ли меня отчислить, если я пропущу неделю обучения или больше?
Нет, мы не отчисляем. Однако, на итоговую оценку в выпускном дипломе это повлияет, если вы не будете укладываться в дедлайны. У нас очень понимающий коллектив и мы всегда пойдем на встречу. Если причина вашего исчезновения была уважительной, то мы рассмотрим возможность сдачи проекта вне дедлайна.
Что нужно для обучения в LoftSchool?
Для прохождения обучения вам понадобятся стабильный интернет и персональный компьютер (или ноутбук).
Можно ли совмещать обучение с работой или учёбой?
Да, наши курсы спроектированы специально для работающих людей, в том числе с плавающим графиком работы. Домашние задания вы можете выполнять в удобное для себя время, а 90% уроков представлены в виде скринкастов - это заранее записанные видеоуроки в хорошем качестве, с актуальной информацией. Групповые занятия проводим в формате вебинаров, и каждому ученику будет доступна запись.

Ответы на другие вопросы

Оплата и регистрация

Период обучения: 10.04 - 14.05

Базовый

Работа в группес наставником

Уютный

Индивидуальная работас наставником

В рассрочку
Полная оплата
Предоплата
Юр. лицам

от 1 093 /мес

3 645

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

-60%скидка

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

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

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

HTML и CSS

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

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

Workflow

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

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

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

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

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

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

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

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

Устройство интернета

Работа с GitHub Pages

HTML

БЭМ. Разметка элементов страницы

Неделя 2 — CSS, работа с макетом, Perfect Pixel

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

CSS. Работа со стилями

Работа со шрифтами

Блочная модель

Стилизация проекта

Неделя 3 — Flexbox, БЭМ-нейминг

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

Flexbox

Построение лейаута и БЭМ-нейминг

Flexbox. Реализация проекта

Неделя 4 — CSS-анимации

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

Анимации CSS

Анимации. Реализация проекта

Неделя 5 — Защита выпускного проекта