Курс «Основы вёрстки сайтов»
Компания: LoftSchool (Лофт скул)
рейтинг:
Язык:
Актуальная программа курса (5 модулей, по данным школы)
- Работа с хостингом, HTML
- CSS, работа с макетом, Perfect Pixel
- Flexbox, БЭМ-нейминг
- CSS-анимации
- Защита выпускного проекта
Кем вы сможете работать
Сколько зарабатывают в профессии (медиана hh.ru, по 117 вакансиям)
Окупаемость: стоимость курса ≈ 1 мес зарплаты junior-специалиста.
Сравнение с похожими курсами других школ
| Курс | Школа | Цена | Срок | Рейтинг | Диплом | |
|---|---|---|---|---|---|---|
| Основы вёрстки сайтов (этот) | LoftSchool (Лофт скул) | 5 недель | 5 | Сертификат | — | |
| Старт в программировании | Netology (Нетология) | 990 ₽ | 2 недели | 5.0 | — | Перейти |
| Frontend-разработчик | GeekBrains (ГикБреинс) | 70 000 ₽ | 5 месяцев | 5.0 | Сертификат | Перейти |
| Верстальщик | Хекслет (Hexlet) | 3 000 ₽ | 4 месяца | 5.0 | Диплом о проф. переподготовке | Перейти |
Стоит ли идти на этот курс
Плюсы
- Программа охватывает полный стек начального верстальщика: HTML, CSS, Flexbox, БЭМ-нейминг, анимации, Perfect Pixel, кроссбраузерная вёрстка — не выборочно, а в комплексе.
- Финальный модуль — защита проекта: на выходе не просто сертификат с уникальным ID, а многостраничный сайт, который можно показать работодателю.
- Инструментарий прикладной: VS Code, Emmet, FTP-клиент, спрайты — то, что реально используется в работе, а не учебные абстракции.
- Порог входа нулевой — предыдущий опыт в вёрстке не требуется, курс выстроен с самого начала.
Минусы и кому не стоит
- Пять недель — только старт: после курса вы верстальщик начального уровня, до фронтенд-разработчика с JavaScript ещё далеко. Это стоит понять до оплаты, а не после первого модуля.
- Тридцать пять тысяч рублей за пятинедельную программу — ощутимо: тот же HTML и CSS с Flexbox разбирают в более коротких и дешёвых форматах, есть и бесплатные варианты с практикой.
- Поддержки с трудоустройством в программе нет — фраза «готовы к старту карьеры» маркетинговый оборот, а не реальная помощь с поиском работы. Карьерный трек придётся строить самостоятельно.
Когда этот курс вам не нужен
Курс не нужен, если вы уже верстаете и знаете Flexbox с БЭМ — программа вам ничего нового не добавит. Не подойдёт и тем, кто хочет сразу в JavaScript или React: вёрстка здесь — конечная точка, а не трамплин. Если цель — просто разобраться в HTML/CSS для себя, без выхода в профессию, за тридцать пять тысяч это избыточно: базу можно освоить дешевле.
Как выбрать курс по этому направлению
В курсах по вёрстке первое, куда смотрю — программа доходит до реального проекта или обрывается на теории. Flexbox и БЭМ-нейминг в 2024-м уже не опция: без них современный макет не сверстаешь, и если их в программе нет — это курс вчерашнего дня. Второй момент — инструментарий: VS Code, Emmet, FTP-клиент, Perfect Pixel. Это не абстрактные упражнения, а конкретный рабочий стол верстальщика. Если в программе только «редактор по вкусу» — значит, реальный стек придётся осваивать самостоятельно после. Третье — чем заканчивается: сертификат сам по себе мало что говорит работодателю, важно выйти с портфельным проектом. По цене: тридцать пять тысяч за пятинедельную программу с нуля — выше среднего. Спросите у школы заранее, как устроена проверка промежуточных заданий — это покажет, насколько плотно вас ведут по ходу курса.
Частые вопросы
Можно ли пройти курс совсем без опыта в программировании?
Да, курс начинается с самых основ: первый модуль — HTML и работа с хостингом. Никакой подготовки заранее не нужно.
Сколько времени займёт обучение?
Программа рассчитана на пять недель — пять модулей с финальной защитой проекта. Это требует регулярной работы: один раз в неделю не получится, нужно садиться за задания несколько раз.
Какой документ выдают по итогам?
Сертификат с уникальным ID — подтверждает прохождение курса. Но для работодателя весомее портфельный проект, который вы защищаете на последнем модуле.
Кем можно работать после курса?
Верстальщиком или junior-фронтенд-разработчиком на начальном уровне. Для полноценного фронтенда потребуется добирать JavaScript отдельно — курс этого не покрывает.
Есть ли на курсе практика или только теория?
Программа включает работу с макетом и Perfect Pixel, последний модуль — защита выпускного проекта. Формат проверки промежуточных заданий на сайте школы не расписан подробно — имеет смысл спросить об этом у LoftSchool до оплаты.
Чему конкретно научат за пять недель?
HTML и CSS с нуля, Flexbox, БЭМ-нейминг, CSS-анимации, кроссбраузерную вёрстку, работу с VS Code, Emmet, FTP-клиентом, спрайтами. На выходе — готовый многостраничный сайт.
Длительность курса
36 дней
Формат обучения
Видеоуроки, тестирование, практические вебинары, 1 воркшоп
Обратная связь
Общение с преподавателями и одногруппниками в Telegram-чате, голосовые консультации, еженедельные групповые вебинары.
Теория и практика
16 обучающих модулей, состоящих из видеоуроков и тестирования 100+ часов обучения
Чему научитесь
- Как устроен интернет. Основательно разберётесь в том, что такое: HTTP, IP, DNS, хостинг, хостер, домен, сервер, клиент и пр.
- HTML и CSS.Самостоятельно верстать сайты любой сложности с применением Flexbox и BEM-naming.
- Кроссбраузерная вёрстка. Ваша вёрстка будет отлично работать на всех браузерах в разных операционных системах.
- Работа с макетами. Вы научитесь работать с макетами с помощью простого и удобного инструмента Figma.
- Workflow. Вы будете работать в идеально настроенной под вас среде разработки: VS Code, Emmet, FTP-клиент.
- Верстать сайты "под ключ". Размещать сайты на собственном хостинге с привязкой доменных имён.
прямо сейчас!
О курсе
О курсе
Навыки, которые вы получите
Преподаватели курса
Отзывы
Команда школы реально работает - отвечают вовремя, сами интересуются как дела, не бросают. В первое время стеснялась спрашивать, ну не настолько же я не понимаю, думала. А зря. Если хочешь двигаться быстро - спрашивай, не бойся ошибаться и не занимайся бесконечным самоанализом. Просто делай. Я и плакала, и истерически смеялась над заданиями по ночам, и посылала всё куда подальше. Но через это нужно было пройти, и без поддержки команды я бы точно бросила - как уже было раньше не раз.
По итогу, уже в процессе курса "Основы верстки" решила купить всю профессию веб-разработчика и сейчас прохожу второй курс - "Веб для начинающих".
Максим Иванов, наставник - это что-то с чем-то. Объяснял одно и то же по несколько раз без тени высокомерия и с бесконечным терпением. Я бы так не смогла, это реально дар. Помогал и с разбором заданий, и с посторонними техническими вопросами. Рада, что он остался моим наставником и на следующем курсе.
Елена Кулешова, куратор - человек явно на своем месте. Держит руку на пульсе каждого ученика и интуитивно чувствует, когда нужна поддержка. Для меня это всегда оказывалось вовремя.
Владимир Сабанцев, преподаватель - материал подобран хорошо, видео короткие и по делу, без воды. Плюс тесты после уроков - сразу видно, что именно пропустила мимо. Ребята слушают учеников и дорабатывают курс.
Информации в интернете полно и бесплатной, это правда. Но лично мне нужно было и время, и живое плечо действующего программиста рядом. Однозначно рекомендую.
Оплатила курс "Основы верстки". На выходе - сверстанный в HTML и CSS сайт по БЭМ методологии, не просто div-div. Вебинары и видеоуроки очень подробные, для новичка вполне достаточно - у меня не было вопросов, на которые в материалах не нашлось бы ответа. Процесс выстроен логично: смотришь материал и видео, потом вебинар, делаешь задание, потом вебинар с наставником и созвон для разбора замечаний. То, на что при самостоятельном изучении ушли бы месяцы, здесь реально укладывается в 5 недель - но при условии, что занимаешься по 3-4 часа каждый день и не расслабляешься. Онлайн-формат хорошо выявляет степень самоорганизации - я на себе прочувствовала, что с этим у меня есть над чем работать.
Практика с БЭМ - реальный плюс, методология востребована у работодателей. Прогресс в навыках ощутимый. Единственное, что я бы добавила - тестирование на уровень подготовки перед стартом, чтобы разделить совсем нулей и тех, кто уже что-то знает. Новичку советую хотя бы немного почитать про HTML/CSS заранее - будет легче, хотя и без этого все объясняется подробно.
По наставникам - отдельная история. Оля Болотова, Арсений Березин, Вадим Векслер - три человека, которым я реально благодарен. Арсений был первым, с ним прошел два курса: HTML, CSS, JS, SASS, GIT. Поначалу раздражало, что он не давал готовых ответов - казалось, деньги уплачены, наставник рядом, зачем Google. Потом понял, что именно это и сделало из меня специалиста, а не вечного стажера. Оля и Вадим - Vue и третий курс, менторство и нормальное человеческое общение. Благодаря этим троим я нормально прошел стажировку с тим-лидом, который помогать особо не торопился - приходилось справляться самому, и это работало.
Есть и ложка дегтя. В Telegram-канале LoftBlog нарвался на бан от администратора чата - за то, что намекнул другому участнику на важность самостоятельного поиска в Google, без оскорблений. При этом до этого мат в чате висел несколько часов в рабочее время, пока никто не реагировал. Логика банов там своеобразная.
К школе вопрос остается: если метрика успеха - хорошие отзывы от студентов, которым во всем помогали, это одно. Если цель - выпускники, которые реально устраиваются на работу и держатся там, то подход должен быть другим. Я за второй вариант, и рад, что мои наставники придерживались именно его.
- материал подается дозировано и при этом рассказываются все возможные варианты решения поставленных задач;
- минимальные теоретические основы и максимум практических решений;
- хорошая программа курса, а главное, пошаговый план по выполнению всей работы, каждый день расписан — что нужно сделать сегодня;
- все оперативно реагируют на возникающие вопросы и трудности в процессе обучения.
Спасибо Елене, нашему куратору курсов и ее позитивным мотивирующим постам)
Наставником моей группы был Константин Голощапов. Каждую неделю у нас проходил созвон группы, обсуждение вопросов, плана и этапов работы над проектами. Все трудные вопросы мы решали на индивидуальном созвоне (тоже минимум раз в неделю) или в переписке. Всем, кто еще думает, самим освоить профессию или все таки обратиться к профессионалам, советую учиться в Loftschool! Получите нужный багаж знаний для старта за достаточно короткий срок.
А я иду дальше на второй курс - веб-разработку для начинающих)
Структура курса мне понравилась: четкий план по дням, понятно что и когда делать, не надо самому выстраивать логику обучения - это важно, потому что новичок просто не знает с чего начинать. Весь этот материал можно по кускам найти в интернете, но собрать его в рабочую систему самому нереально.
Наставник Константин Голощапов держался живо - не формально, предлагал индивидуальные консультации раз в неделю, поддерживал. Я умудрился просрочить дедлайн по финальной работе (не повторяйте), но и наставник, и организаторы пошли навстречу - дали доделать проект уже после окончания курса.
Из инструментов освоил git, photoshop, zeplin, avocode, и особенно понравилась работа с VS Code. Сейчас готовлюсь ко второму курсу - чувствую, что самое интересное впереди.
Сразу скажу честно: программа очень тяжелая. Даже с базовым знанием html-тегов и css нагрузка просто нереальная. Где-то через две недели реально хотелось все бросить, тошнило от этого всего. Вытащил меня из этого состояния наставник - спасибо Саше Несвиту, он так все разложил по полочкам, что за один сеанс стало понятно то, над чем я бился несколько дней.
Потом уже смотришь трезвее: программа на самом деле выстроена очень логично. Преподаватели объясняют не просто "делай вот так", а почему именно так, какие есть альтернативы. Чат живой, все помогают друг другу. После курса наконец понимаешь, как всё устроено изнутри. Иду дальше - хочу пройти полную программу веб-разработчика.
Даже базовый курс "Основы верстки" оказался содержательным, без лишней воды. Сложные вещи объясняют нормальным языком, не заумно. Видеоуроки, вебинары, созвоны - все это на нормальном уровне, без ощущения что тебя просто прогоняют по программе.
Моим наставником был Константин Голощапов - огромное ему спасибо. Всегда проводил созвоны дольше положенного, показывал дополнительный материал, ни один вопрос не оставался без ответа. Куратор Елена Кулешова - видно, что любит свою работу, всегда находила слова поддержки когда опускались руки. Преподаватель Владимир Сабанцев объясняет так, что новичку сразу понятно что, куда и зачем - ему тоже отдельная благодарность.
В целом команда держит то, что обещает на старте. Если колеблетесь, идти на онлайн-обучение или нет - по моему опыту с этой школой стоит.
У меня уже был опыт верстки, и я прочел книгу «Большая книга по CSS». А в loftschool я смог систематизировать полученные знания и на собственном учебном проекте применить лучшие практики.
Новичкам рекомендую подготовится к курсу, чтобы лучше усвоить материал, теории будет много, но без практики она мало, чем полезна. Поэтому, времени нужно закладывать по больше и стараться успевать сдавать все дедлайны.
С нетерпением жду второго курса! Всем спасибо, рад быть с вами!
Материал структурированный, четкий, без лирических отступлений - это редкость. Вопросы у меня возникали нечасто, но ответы приходили. Про наставника, честно говоря, почти нечего сказать: за весь курс к нему практически не обращался.
Единственное, чего не хватило - развернутой обратной связи по домашним работам. Все сдавал вовремя, переделывать ничего не приходилось (кроме последней - сам пропустил один элемент в макете), и, возможно, поэтому фидбек был минимальным. Не знаю, так у всех или только у моего наставника. В целом курс понравился.
У меня уже был опыт обучения на других курсах в другой школе и с уверенностью могу сказать,
что именно в Loft получил знания, которые смог применить на практике. Помимо учебного проекта, начал делать многостраничный сайт для одной музыкальной группы. На очереди еще один.
В школе отличная подача материала. Всё очень качественно составлено, структурировано, постепенно от легкого к сложному, ничего лишнего и только нужная информация. Методички, вебинары, видео-уроки - всё на высшем уровне.
Не стоит забывать, что помимо обучения в школе, обязательно нужно заниматься самостоятельно. it-профессия - это постоянное обучение и надо не упускать ни одной возможности повысить свою квалификацию.
Хотел бы сказать огромное спасибо Владимиру и всем наставникам. Владимир замечательно объясняет материал, помогает вникнуть во все детали темы. Наставники подробно отвечают на вопросы, которые можно увидеть в чате. Много полезной информации от них и ссылок на другие ресурсы для обучения.
Хочу отметить своего наставника - Евгения Клепнева. Спасибо ему огромное за наставничество, помощь в обучении и поддержку. Отдельное спасибо для Елены Кулешовой. Она всегда была с нами, помогала в различных организационных вопросах.
С нетерпением жду следующий курс!!!
Еще до старта в личном кабинете нашла ссылки на книги по HTML и CSS, которые рекомендуют просмотреть заранее. Бегло пролистала пару - для общего представления помогло, но по-настоящему откладывается только когда сам пишешь код руками, это и советую.
По самому обучению: видео разбиты на короткие тематические блоки, очень плотные - не расслабишься, иначе рискуешь что-то важное пропустить. Методички в основном повторяют видео, но есть и небольшие дополнения. Наставником был Вадим Векслер - после каждого созвона присылал все упомянутые ссылки и файл с кратким конспектом в хронологическом порядке. Очень удобно: легко ориентироваться в материале и быстро находить нужный момент в записи. Вебинары хорошо закрывали спорные моменты, после них непонятного практически не оставалось - главное смотреть все обучающие материалы, потому что объяснения на вебинарах строятся именно на них.
Дедлайны реально подстегивают - особенно если есть склонность к перфекционизму. Новичкам советую закладывать минимум 10-15 часов в неделю: пару раз сидела с домашкой все выходные. Материал подан доступно, но если раньше с этим вообще не сталкивалась - шишек не избежать, придется делать и переделывать.
Я сразу записалась на профессию "Веб-разработчик" (3 курса), и "Основы верстки" как первая ступень зашли очень хорошо. Рекомендую.
Люди здесь реально хотят научить - это чувствуется. Но результат зависит от тебя самого: надо выкладываться и заниматься вне занятий, иначе никакая школа не поможет. Отдельно хочу сказать спасибо наставнику Евгению Клепневу - терпеливый, профессиональный, с ним легко находишь общий язык. Информация подается структурированно, атмосфера рабочая, специалисты грамотные. Прошел первый курс из трех, впереди еще два - и это уже интересно, а не пугает.
Организация процесса понравилась с первых дней. После недели стало ясно: здесь работают люди, которым важно научить, а не просто собрать деньги. За месяц с нуля дошел до верстки сайтов - для меня это было что-то.
Курс реально интенсивный, голова временами буквально лопалась от информации. Совет тем, кто идет с нуля: если слова начинают сливаться и ничего не откладывается - делайте паузу, переключайтесь, дайте мозгу усвоить. Мне помогали видеоигры. Были моменты, когда сидишь над задачей, ничего не выходит, ложишься спать с мыслью "ну и тупой же я". А в 7 утра вскакиваешь с готовым решением - шел к ноуту, пробовал, и все получалось.
Преподаватель Владимир Сабанцев объяснял доходчиво, приятный голос - для меня это реально важно при видеоформате. Минус - наглядных примеров могло быть больше, как новичку приходилось пересматривать некоторые фрагменты по несколько раз, чтобы понять суть.
Куратор Зарина Мамбетова - отдельная история в хорошем смысле. Мега-позитивный человек, не даст унывать, всегда поможет, видно что ей самой нравится то, что она делает. Наставник Сережа Петай помогал отзывчиво: объяснял ошибки, отвечал на вопросы. Из минусов - иногда приходилось ждать ответа дольше, чем хотелось бы. Нас об этом предупреждали заранее, но ситуация все равно немного напрягала.
В целом доволен. Впереди еще два курса, уже не терпится. Видеокурсы сделаны качественно, методички написаны понятным языком и с полезными ссылками, вебинары закрывают пробелы и разбирают отдельные случаи. Для тех, кто боится что будет сложно - дерзайте, всему можно научиться.
Наставник, Анна Сысоева, отнеслась с пониманием. Помогала по всем вопросам, подсказывала, подробно объясняла пробелы и направляла мышление в нужное русло. Даже не знаю, как выразить ей благодарность за поддержку и помощь на протяжении двух недель очень интенсивного обучения. После курса тоже на перерыве тоже не отказала в консультации по одному вопросу по моей просьбе, за что отдельная благодарность.
Касательно самих обучающих материалов курса и методичек - тут всё выше всяких похвал. Информация подана хорошо, качественно, и очень доходчиво. Даже с нулевыми знаниями войти в эту колею можно, но очень желательно почитать предложенную на курсе профильную литературу. Эта литература, на мой взгляд, одна из самых важных вещей для начинающих, так как тут, как и в любой другой профессии, всегда очень сложно понять, с чего начинать. В курсе по основам верстки с этим всё совершенно прекрасно - Джона Дакетта для себя запомнил и использую уже в следующем курсе по профессии. Хоть к концу курса вы и научитесь самостоятельно создавать неплохие сайты (пусть и не на уровне "флагманов", но для какого-то собственного проекта или самодеятельности полученных знаний вам за глаза хватит), это все же не главное его достижение. Главное достижение - это как раз четкое понимание того, что вам понадобится в будущем, на что нужно обращать внимание, и куда дальше двигаться. Полагаю, если вы хотели бы изучать фронтенд-разработку самостоятельно, то этот курс - один из лучших вариантов для вложения. Стартовать с нуля всегда сложно, потому что не знаешь, за что браться. Когда понимание, за что хвататься, приходит - вопросы о возможности и правильности дальнейшего обучения отпадают сами собой.
С нетерпением жду второго курса по веб-разработке для начинающих. Учеба интересная, приятная, и крайне продуктивная. Хоть обучение профессии я еще и не закончил, но что-то мне уже подсказывает, что сюда же я в будущем вернусь для изучения бэкэнда



