Top.Mail.Ru

Онлайн-курс Вёрстка сайтов

Курс для новичков, которые хотят погрузиться в сферу IT и разработки сайтов

  • Сделаете 3 интересных проекта во время обучения.
  • За 12 недель научитесь с 0 создавать современные сайты.
  • Новый урок открывается сразу после того, как сдали предыдущий.
  • Выполните итоговый проект и защитите его.
  • Возможность вернуть 13% налогов от государства за обучение.

старт потока

26 ноября

Рынок нуждается в хороших верстальщиках

Сфера IT становится все более популярной и погружается во все жизненные процессы. Один из самых простых и действенных способов погрузиться в эту среду — вёрстка сайтов.

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

База и практика на курсе помогут трудоустроиться в офис, на удалёнку или выйти на фриланс

Скрин сайта fl.ru, с поиском по вакансии верстальщик
Вакансии отфильтрованы следующим образом: Удаленная работа, Указан доход, Без опыта

30 000₽*

Работодатель готов платить новичкам без опыта работы.

*Сумма может меняться в зависимости от региона. Через год опыта эта цифра возрастает, т.к вы можете обучаться новым технологиям как в компании, так и самостоятельно.

Мы поможем вам добиться результата

Фото преподавателя, Максима Лескина

Преподаватель — Максим Лескин

Преподаватель курса «Фронтенд-разработчик» прошёл путь от работника завода в Челябинске до сотрудника веб-студии, фрилансера, автора и преподавателя курсов по фронтенд-разработке.

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

Он может на личном примере показать свой путь, а опыт накопленный как на фрилансе, так и в офисе поможет укрепить ваши знания необходимые для трудоустройства или выхода на фриланc.

За 3 года преподавания его курсы прошли более тысячи студентов.

Просмотрите видеоурок Максима, чтобы понять, подходит ли его способ подачи материала.

Видео из серии «Основы JavaScript для начинающих»

Программа курса

В одном теме может быть несколько уроков или по одному уроку может быть несколько тем.

5 модулей

77 Видеоуроков

57 Практических заданий

  • Подготовительный блок

    В этом модуле вы подробно узнаете как будет проходить курс, где найти все необходимые материалы и как взаимодействовать с куратором и сокурсниками.

    Настроите все необходимые для начала программы: чат, браузер и редактор кода

    4

    Видеоурока

    1

    Практическое задание

  • Модуль: Знакомство с HTML

    • Структура HTML
    • Списки и Таблицы
    • Ссылки
    • Работа с изображениями
    • Создание форм
    • Типы элементов, Семантика и Emmet

    После этого модуля вы разберётесь где и какой тег использовать. Научитесь писать разметку правильно и профессионально.

    13

    Видеоуроков

    8

    Практических заданий

    Курсовая работа

    Тема: Создание HTML-структуры страницы с соблюдением современных требований.

  • Модуль: Введение в CSS и основные инструменты разработчика

    • Структура CSS
    • Псевдоэлементы / Псевдоклассы
    • Photoshop для верстальщика
    • Единицы измерений. Наследование
    • Форматирование текста и списков, Наследование в CSS
    • Шрифты и как их правильно подключать
    • Figma — современный инструмент для работы с макетом
    • Цвет, графика и фон
    • Normalize и глобальные стили
    • Методология БЭМ
    • Блочная модель
    • Отступы и граница border
    • Позиционирование элементов
    • GIT — система контроля версий

    После этого модуля стилизовать любой элемент не составит труда. Вы изучите структуру и все основные CSS-свойства. Каждый современный верстальщик должен уметь пользоваться инструментами для работы с макетами и GIT, а также знать методологию БЭМ и правильно её использовать.

    23

    Видеоурока

    19

    Практических заданий

    Курсовая работа

    Тема: Создание и подключение стилей к проекту

  • Модуль: Современный CSS

    • Flexbox
    • Состояния: hover, focus, active
    • CSS3-анимации
    • Продвинутые свойства CSS3
    • Адаптивная вёрстка
    • PixelPerfect
    • Grid Layout

    По окончанию этого модуля вы освоите базу для полноценной вёрстки макета любой сложности. Но впереди самое интересное.

    16

    Видеоуроков

    11

    Практических заданий

    Курсовая работа

    Тема: Использование продвинутых инструментов в современных проектах.

  • Модуль: JavaScript для верстальщика

    • Javascript: подключение, переменные, типы данных
    • Javascript: условия, циклы, функции
    • Javascript: Что такое DOM и как взаимодействовать со страницей
    • Javascript: Практика работы со страницей
    • Основы jQuery
    • Работа с библиотеками JavaScript

    По заврешению этого модуля вы освоите язык программирования JavaScript, сможете самостоятельно писать скрипты и использовать готовые библиотеки.

    11

    Видеоуроков

    12

    Практических заданий

    Курсовая работа

    Тема: «Оживляем» страницу используя язык JavaScript

  • Модуль: Профессиональная вёрстка.

    • Доступность
    • Автоматизация GULP
    • Препроцессор SCSS
    • Оптимизация проекта
    • Кроссбраузерная и Кроссплатформенная вёрстка
    • Финальная сборка GULP

    В этом модуле вы изучите дополнительные инструменты улучшения и автоматизации вёрстки. Сможете реализовывать проекты на новом, профессиональном уровне. Станете более конкурентны на рынке труда или фрилансе.

    10

    Видеоуроков

    6

    Практических заданий

    Курсовая работа

    Тема: Ускорение процесса создания проекта

  • Итоговый проект

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

    Фото-примеры итоговых проектов
    Фото-примеры итоговых проектов

Упаковка после курса

Максим Лескин

Должность: верстальщик

Зарплата от

35 000

Навыки

  • Flexbox, Grid
  • Figma, Photoshop
  • БЭМ
  • Адаптив
  • Оптимизация
  • Семантика
  • Pixel Perfect
  • Github
  • GULP, SCSS
  • JQuery, JavaScript

Сертификат

Фото сертификата окончания онлайн школы Метэд

Сертификат

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

Сертификат поможет работодателю оценить структуру курса по которой вы обучались. Навыков полученных на курсе будет достаточно, чтобы устроиться в штат на позицию стажёра (junior) или принимать заказы на аутсорсе (вне штата) у компаний.

Резюме и советы по трудоустройству

После защиты итогового проекта откроется блок, в котором мы поможем составить резюме для трудоустройства в компанию. Вы поймёте какие навыки необходимо писать в резюме, как правильно составить сопроводительное письмо и как необходимо вести себя на собеседовании.

Фриланс

Окончив курс выпускники смогут брать заказы на фрилансе через фриланс-биржи и свои социальные сети.

Блок о трудоустройстве и фрилансе будет последним на нашем курсе.

Записи курса останутся у вас навсегда. А все обновления курса вы будете получать автоматически с этими записями.

Окружение при обучении

Скрин платформы Getcourse

Уроки в GetСourse

Обучение будет проходить в личном кабинете на закрытой платформе. В каждом уроке будет название урока, видео в котором автор курса рассказывает тему текущего урока.

Ниже будут тайм-коды, дополнительные материалы, домашнее задание и форма для сдачи домашнего задания. Каждое домашнее задание будет проверено нашими кураторами в течении 24 часов после того, как вы его отправили на платформу.

В конце каждого модуля будут «стоп-уроки» и прямая трансляция с ответами на вопросы. На курсе будут курсовые работы — промежуточные проекты, которые помогут вам закрепить пройденный материал на практике.

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

Скрин Telegram

Общение в Telegram

Вы будете работать в группе с куратором, который сопроводит вас от самого первого написания тега и до защиты дипломного проекта. Куратор будет не просто вашим наставником, а станет верным другом и помощником в сложной ситуации. Вы сможете задавать ему вопросы в чате вашей группы. Раз в неделю с ним созваниваться один на один и решать возникшие сложности, а также включать демонстрацию экрана, чтоб он смог проверить ваш код и помочь его улучшить.

Куратор будет проставлять баллы за каждое сданное задание. По итогу, лучшие студенты получаю небольшие бонусы от нас, а лидеры потока под руководством куратора смогут выполнить 2 итоговых дипломных проекта вместо одного.

Всё общение будет проходить в мессенджере Telegram. В нём есть удобное деление на разные каналы коммуникации и никакая информация не потеряется.

Там будут основные объявления по учёбе, информационные сообщения, каналы помощи и общения, а также персональные каналы с вашим куратором и группой.

Скрин сайта fl.ru, с поиском по вакансии верстальщик

Практика в VSCode

Сам код вы будете писать в программе VSCode. Это мощная программа для разработке на самых популярных языках программирования. У неё много полезных возможностей для верстальщиков и Front-end разработчиков, а так же есть большое количество плагинов, которые помогут улучшить качество работы с кодом.

Проекты будут сдаваться через GitHub и GitHub Pages. Таким образом вам не понадобится покупать домен и хостинг для обучения. А навык использования этих технологий полезен для современной разработки сайтов и пригодится вам в дальнейшем.

Отзывы участников

  • фотография участника

    Антон Шахов

    Мой путь до трудоустройства фронтенд-разработчиком занял примерно год. Сюда входит время прохождения курсов и попытки самостоятельного изучения материала.

    Почему попытки? Потому что самостоятельное изучение по большому счету ни к чему не привело. Напротив, огромную значимость для меня сыграли курсы с Максом Лескиным по JavaScript и React. За 2 месяца я смог структурировать и углубить знания по JS, познакомиться с React и Firebase. Наиболее важным в обучении стала обратная связь от куратора - только так можно понять, правильно ли сделаны домашние задания, насколько усвоена информация из урока. Также куратор поможет найти ошибку, подкинет полезный материал или объяснит сложную тему, которую не понял из видео. Очень полезны и прямые эфиры с Максом, где он отвечает на все вопросы, часто кодит и объясняет сложные вещи просто и понятно. Кто ходил на интенсивы, тот и так знает, а кто не ходил — стоит сходить и убедиться самим, насколько качественный и доступный для понимания материал дает Макс.

    В общем благодаря знаниям, полученным на курсах с Максом, я нашел свою первую работу в IT и довольно легко устроился на позицию frontend-разработчика, за что благодарен автору и куратору!

  • фотография участника

    Павел Васильев

    Макс, спасибо тебе большое за твой труд, за твои Курсы JavaScript и React, которые не только помогли мне получить новую крутую профессию фронт-енд разработчика, но и сэкономили много времени. Благодаря мотивации и полученным знаниям я побил любые свои рекорды и перешёл из логистов в разработчики за 3 выходных дня.

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

    Сегодня я уже почти 2 года работаю фронтом и продолжаю обучаться, потому что как ни крути, а времени нужно много, чтобы хорошо владеть навыками. На момент обучения я сомневался стоит ли проходить курс, ведь стоил он не дёшево, но я знал, что я пробьюсь в ИТ. Но я не пожалел, купил Курсы вёрстки сразу, потом js, ну а реакт достался за труды в подарок, что очень приятно было) результаты от работы с Максом оказались больше чем ожидания. Круто и по полочкам все разложено, последовательно и очень доступно. Я слабо знал js, много каши в голове было, но почти за 2 месяца я разложил все по полочкам.

    В общем я нисколько не жалею, что потратил много ночей на обучение и рад текущему результату. Сейчас я полноценный фронт разработчик, пишу н React/Gatsby, практикую typescript и немного пытаюсь вникнуть в node.js. В планах дойти до фул стек разработчика.

    Ещё раз спасибо Максу за новый мой жизненный путь!)

  • фотография участника

    Александр Загумённов

    Несколько дней назад я завершил прохождение курса по верстке от школы MethEd и хочу поделиться своими впечатлениями.

    Начну с того, зачем мне понадобился этот курс.

    Я изучил JavaScript на базовом уровне и попытался устроиться на работу в компанию. Но столкнулся с тем, что мои знания и умения верстать не позволяли выполнить тестовые задания. Оказалось, что я при обучении посчитал вёрстку чем - то малозначительным и не уделил должного времени на ее изучение. Пришлось вернуться назад. Поняв, что верстать надо уметь хорошо, я начал искать курс, который бы помог научиться этому. Мне на глаза попалась реклама в VK о наборе на первый поток в школу MethEd. Увидев, что преподаватель Максим Лескин, я не раздумывая записался. Дело в том, что я уже учился у Максима в другом месте и знал его подход в преподавании. Прохождение курса у меня разделилось на два этапа: лёгкий и тяжёлый. Пока темы были мне известны, я легко справлялся и сдавал задания. Но когда пошли темы посложнее, мне стало туго. Приходилось настойчиво и усердно разбираться. К тому же навалились трудности в семье, и учёбу приходилось ставить на паузу.

    Теперь по программе. Она насыщенна. Надо приготовиться к тому, что придется глубоко погружаться в процесс обучения. И не отставать от темпа группы. Нагонять сложнее. Материал в уроках на высоком уровне, изложен доходчиво. Где-то, как мне показалось, его уровень выше границ начинающего. С другой стороны, в вакансиях такие требования, что лучше готовиться заранее, в школе. Курсовые и дипломная работы интересные, насыщенные интерактивными элементами, не стыдно положить в портфолио. Дизайн красивый, что для портфолио немаловажно. Во время прохождения курса можно и нужно задавать вопросы. Можно куратору, а можно автору. Я, кстати, не очень этим пользовался, а напрасно. Быстрее и легче было бы учиться. Всё это, конечно, хорошо, а каков результат, какова отдача от курса, спросите вы?

    Сегодня я заработал свои первые деньги на стеке html + css + JS на фрилансе ))) И останавливаться не собираюсь)

    Желаю школе процветания и развития! Ребята, вы несете ценность людям) Ну а ученикам - хорошенько прокачаться, интересных проектов и высоких гонораров)))

  • фотография участника

    Максим Мельник

    Меня зовут Максим и я успешно окончил первый поток курса "верстка сайтов". В прошлом я уже занимался версткой, но потом на несколько лет это дело забросил. Записывался на курс с мыслями, что я и так все знаю и просто освежу эти знания. Я никогда еще так не ошибался :) Не смотря на то, что я многое знал, все равно очень часто в уроках я узнавал что-то новое.

    Очень понравилось, что на курсе учат верстать ПРАВИЛЬНО. Прям чувствуется, что Максим(преподаватель) не просто умеет верстать, а умеет делать это так как это нужно делать, придерживаясь всех правил и тонкостей и на курсе он учит именно этому. На курсе я научился не просто верстать, а верстать чисто, эффективно и доступно. Да да, доступно. До этого курса я знать не знал ни о какой "доступности", но теперь все сайты что я делаю, спокойно могут использовать как обычные пользователи, так и пользователи с ограниченными возможностями, использующие читалки с экранов.

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

    Из недостатков, если это можно так назвать, разве что хотелось бы наверное более гибкого графика работы с куратором, чтобы можно было получить обратную связь хотя бы несколько раз за день. Но опять же, я понимаю, что за такую цену, требовать обратную связь 24/7 это слишком.

    В общем курс отличный, а за свои деньги, пожалуй, лучший из тех что я знаю. Рекомендую всем, кто хочет "войти в it" через веб-разработку. Крепкие и правильные знания полученные на курсе вам точно пригодятся.

  • фотография участника

    Алексей Константинов

    Хороший курс, много знаний. Максим как всегда объясняет досконально.

    Заниматься пришлось очень плотно, иногда даже задачи мозг решал во сне. 😄 Сказывалась нагрузка и большой поток информации.

    Я и раньше учил JavaScript у Максима Лескина. Знал насколько доступно он объясняет сложные темы. Это в большей степени определило где учить верстку. Вот теперь жду когда будит курс TypeScript. Большое спасибо за курс и за поддержку кураторами.

Стоимость обучения

  • Доступ к видеоурокам и учебным материалам
  • Курсовые проекты
  • Проверка домашних заданий куратором
  • Общий чат со всеми участниками потока
  • Чат с куратором
  • Прямые трансляции в конце модуля
  • Защита итогового проекта
  • Блок по трудоустройству
  • Именной Сертификат
  • До 12 видеосозвонов с кураторами
  • Новый урок открывается сразу, как куратор принял предыдущий
25 000 ₽ 36 000 ₽

Подходит для тех, кто сможет ежедневно выделять минимум по 2–4 часа на обучение и любит работать максимально интенсивно.

Курс длится 12 недель.

Несколько вариантов оплаты

Способ оплаты кураса - логтип Мastercard Способ оплаты кураса - логтип Visa Способ оплаты кураса - логтип МИР

Банковской картой

Visa/Mastercard/МИР из любой страны

Беспроцентная рассрочка

Мы делим платёж на 2 части. Первую часть вы оплачиваете сразу, вторую через 30 дней после старта курса

Способ оплаты курса - логтип Тинькофф

Банковская рассрочка без переплат на 6 и 12 месяцев

Первую оплату вы делаете через 30 дней после одобрения рассрочки. Доступно для граждан РФ, Беларуси и Казахстана.

Возврат

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

FAQ

  • — Нет. Все тарифы только с куратором.