Образовательная платформа
Участвует в распродаже Скидка 20%
действует 0 дней 00:00:00
Курс

Frontend-разработчик

Frontend-разработчик

Вы изучите основы HTML, CSS и JavaScript, научитесь создавать сайты и приложения для любых устройств, оптимизировать код и работать с анимацией. Соберёте портфолио и сможете начать карьеру разработчика.

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

  • 4 500 компаний

    сейчас ищут frontend-разработчиков

  • 70 000 рублей

    зарплата начинающего специалиста

Кому подойдёт этот курс

  • Новичкам в разработке Новичкам в разработке

    Вы с нуля научитесь верстать сайты на HTML и CSS, создавать приложения и веб-страницы на JavaScript. Отработаете полученные знания на практике и соберёте портфолио.

  • Начинающим программистам Начинающим программистам

    Вы расширите круг своих компетенций, изучив синтаксис JavaScript, CSS на продвинутом уровне. Научитесь настраивать командный доступ с Git и делать более чистые и качественные сайты.

Станьте IT-специалистом и получите поддержку от государства

Сотрудники аккредитованных IT-компаний могут:

  • Купить квартиру или дом на выгодных условиях. IT-специалистам доступна льготная ипотека по ставке 5%.
  • Получить отсрочку от армии. Молодые люди от 18 до 27 лет имеют право не служить пока работают.
Станьте IT-специалистом и получите поддержку от государства

Чему вы научитесь

  1. Верстать сайты и приложения для всех типов устройств
  2. Делать сайты, которые будут корректно открываться в любом браузере
  3. Обрабатывать ошибки в JavaScript
  4. Создавать сайты и приложения с помощью JavaScript
  5. Подключать сторонние модули через npm
  6. Писать асинхронный код на JavaScript
  7. Работать в Git
  8. Анимировать веб-страницы

Год английского языка бесплатно

Skillbox запустил онлайн‑платформу для изучения английского. Запишитесь на курс и получите годовой бесплатный доступ к материалам проекта.

Предложение действительно для пользователей, которые приобрели любой курс с 22 декабря 2021 года.

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;
  • персональная программа освоения языка, которая поможет заговорить с нуля;
  • возможность индивидуальных сессий с кураторами.
Изображение KESPA

О Skillbox

Skillbox — это образовательная платформа № 1 по качеству организации обучения среди EdTech-компаний в сегменте ДПО. Рейтинг от Smart Ranking. по качеству обучения. Вся теория записана с топовыми экспертами рынка, а практика максимально приближена к реальным рабочим задачам. Послушайте, что говорят те, кто уже достиг своих целей вместе со Skillbox.

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

  • Иллюстрация этапа обучения Регистрация

    Знакомитесь с платформой

    Платформа Skillbox — собственная разработка компании, которую мы постоянно улучшаем. Вас ждут видео, практические задания и общение с кураторами. Доступ к материалам откроется сразу после покупки курса.

  • Иллюстрация этапа обучения Теория

    Получаете знания

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

  • Иллюстрация этапа обучения Практика

    Выполняете задания

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

  • Иллюстрация этапа обучения Обратная связь

    Работаете с куратором

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

Содержание курса

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

  • 360 видеоматериалов
  • 47 практических заданий

  1. Веб-вёрстка. Базовый уровень ~17 часов

      1. Введение.
      2. Базовый HTML.
      3. Базовый CSS. 2 модуля.
      4. Подготовка к вёрстке.
      5. Layout. HTML-разметка.
      6. Layout. Flexbox.
      7. Layout. Стилизация.
      8. Продвинутый HTML. Формы.
      9. Продвинутый CSS. 2 модуля.
      10. Адаптивность. Десктоп.
      11. Адаптивность. Мобильные устройства.
      12. JavaScript для верстальщика.
      13. Доступность.
      14. Кросс-браузерность.
      15. База знаний.
      16. Сетки.
      17. Анимация.
      18. Работа с хостингом.

  2. Веб-вёрстка. Продвинутый уровень ~10 часов

      1. Верстка HTML-писем.
      2. SVG.
      3. Анимация на JS.
      4. Оптимизация и процесс загрузки.
      5. Отрисовка сайта.
      6. Сборщики.
      7. Препроцессоры и постпроцессоры.
      8. CSS Grid.
      9. Будущее вёрстки.

  3. JavaScript. Базовый уровень ~8 часов

      1. Введение.
      2. Переменные и работа с числами.
      3. Строки, boolean и условные операторы.
      4. Массивы и циклы.
      5. Функции.
      6. Объекты.
      7. Введение в DOM. 2 модуля.
      8. Константы, области видимости и замыкания.
      9. Преобразование типов и нестрогие сравнения.
      10. Общение с сервером, async/await.

  4. JavaScript. Продвинутый уровень ~9 часов

      1. События браузера, контекст выполнения.
      2. Модули.
      3. Event loop и асинхронная разработка.
      4. Обработка ошибок.
      5. Классы.
      6. События.
      7. Экосистема JavaScript и npm.
      8. Сборка.
      9. Тестирование.
      10. База знаний.

  5. Онлайн-сессии по веб-разработке ~20 часов

      1. Библиотека jQuery.
      2. Адаптация макета под мобильные устройства.
      3. Практикум по интерактивным элементам.
      4. Что такое Webpack.
      5. Сборка проекта на Gulp и обзор препроцессора Sass.
      6. Анимация в CSS.

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

  • Превью видеозаписи

    Лендинг

    Сверстаете лендинг для арт-галереи Blanchard по макету от заказчика.

  • Превью видеозаписи

    Стажировка в команде: разработка CRM-системы

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

Спикеры

Сергей Корниенко

Сергей
Корниенко

Frontend team-lead инвестиционного маркетплейса Московской биржи

Frontend team-lead инвестиционного маркетплейса Московской биржи

Максим Васянович

Максим
Васянович

Практикующий фрилансер, ментор блока «Веб-вёрстка»

Веб-разработчик, программирует 4 года. Создал более 50 коммерческих проектов.

Тимофей Тиунов

Тимофей
Тиунов

Системный архитектор в Сбермегамаркете

10 лет занимается веб-разработкой во всех её проявлениях. Налаживал процессы DevOps, занимался настройкой серверов, создавал серверные приложения, руководил командами разработки. Работает системным архитектором в СберМегаМаркете, отвечает за frontend в компании.

Игорь Борзунов

Игорь
Борзунов

Frontend Tech Lead в Росбанке

Более 5 лет занимается разработкой высоконагруженных приложений.

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

  • Отзывы студентов

    Иван Медведев г. Ивантеевка

    Курс «Профессия Инженер по тестированию»
    Если какой-то материал тяжело даётся, есть вопрос по ДЗ, достаточно написать преподавателю, который поможет разобраться с информацией и подскажет, как решить задачу.
    По итогу 9-месячной учёбы стал по-другому смотреть на сайты. Замечаю «баги», разбираюсь в вёрстке, веду репорты. Узнал, как работать со специфическим ПО.
    Уже сейчас нисколько не жалею, что выбрал Skillbox. Спасибо!!!
  • Отзывы студентов

    Валентина Нарушевич г. Санкт-Петербург

    Курс «Графический дизайнер с нуля до PRO»
    Благодаря курсу я научилась создавать классные постеры и векторные изображения. Также мой список новых скилов пополнили ретушь и обтравка изображений — одни из главных навыков профессионального графического дизайнера.
    Ну, и умение верстать журналы! Теперь я, как самый настоящий графический дизайнер, с лёгкостью могу создать разворот какого-нибудь модного журнала.
  • Отзывы студентов

    Яна Щербицкая г. Санкт-Петербург

    Курс «Photoshop с нуля до PRO»
    Курс очень круто структурирован, там есть все знания, которые мне нужны, чтобы освоить программу. Сама бы я точно что-нибудь пропустила.
    Преподаватели всё спокойно и терпеливо объясняют. Если ты что-то не понял, снимут дополнительный видеоролик и покажут ещё раз.
    Самое крутое в курсах Skillbox — постоянная связь с теми, кто подскажет, как правильно.
  • Отзывы студентов

    Алла Комиссаренко

    Курс «UX-дизайнер с нуля до PRO»
    Работать дизайнером мне очень нравится, от UX я вообще в восторге, тяга к аналитике у меня была всегда. После долгих поисков работы в новой сфере подруга помогла мне получить заказ на редизайн сайта большой компании.
    Отдельно хочу сказать спасибо куратору Александру Свободе, он очень подробно расписывал все недочёты и ошибки решений в дизайне.
  • Отзывы студентов

    Елена Кальво г. Ницца, Франция

    Курс «Копирайтинг от А до Я»
    «Почему бы не сделать из хобби источник заработка?» — однажды подумала я.
    Недолго размышляя, записалась на курс в Skillbox и встала в ряд претендентов на гордое звание копирайтера.
    Работа с текстом помогла мне вернуть свою жизнь, вдохновила. Я начала снова ухаживать за собой, читать. Увидела, что я не только мать, но и писатель.

  • Отзывы студентов

    Ирина Семёнова г. Бельцы, Молдова

    Курс «SMM-специалист»
    Я узнала, что такое охваты, KPI и прочие слова, которые раньше пугали. Поняла, что чем проще и понятнее, тем лучше. Разобралась в сложной иерархии рекламного кабинета и научилась настраивать аудиторию и рекламу.

    Я уже в теме и не боюсь назвать своих более опытных друзей коллегами.

Ваше резюме после завершения курса

Frontend-разработчик

от 70 000 ₽

Мои навыки:

  • Адаптивная и кроссбраузерная вёрстка
  • Работа с протоколами HTTP/HTTPS
  • Работа с Web API
  • Использование библиотеки для ускорения процесса разработки
  • Сборка проектов
  • Взаимодействие со внешними сервисами
  • Работа с системой контроля версий Git
  • Владение методологией БЭМ
  • Верстка под десктоп и мобильные устройства

Сертификат Skillbox

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

Пример сертификата
  • Старт курса: 17 августа
  • Осталось: 3 места

Стоимость курса

  • Длительность рассрочки — 12 месяцев
  • 5 961 ₽/мес
  • 7 452 ₽/мес
Участвует в распродаже Скидка 20%
действует 0 дня 00:00:00

Шаг 1. Выберите вариант оплаты

Шаг 2. Заполните контактные данные

Похоже, произошла ошибка. Попробуйте отправить снова или перезагрузите страницу.

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

Нажимая на кнопку, я соглашаюсь с публичной офертой и политикой обработки персональных данных

Спасибо!

Ваша заявка успешно отправлена

Часто задаваемые вопросы

  • Я никогда занимался разработкой. У меня получится?

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

  • Какой график обучения на платформе? Получится ли совмещать его с работой?

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

  • Сколько часов в неделю мне нужно будет уделять обучению на платформе?

    Всё зависит только от вас. В среднем пользователи платформы занимаются от 3 до 5 часов в неделю.

  • Кто будет мне помогать в обучении на платформе?

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

  • Действуют ли какие-нибудь программы рассрочки?

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

* деятельность компании Meta Platforms Inc., которой принадлежит Инстаграм / Фейсбук, запрещена на территории РФ в части реализации данной (-ых) социальной (-ых) сети (-ей) на основании осуществления ею экстремистской деятельности