Образовательная платформа
Участвует в Цифровых профессиях Государство оплатит от 50% до 100%
Frontend-разработчик для начинающих

Frontend-разработчик для начинающих

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

Программа профессиональной переподготовки реализуется в сетевой форме совместно с ООО «СКИЛБОКС»

Изображение

Как записаться на курсы

1. Заполните анкету на Госуслуги.
2. Дождитесь подтверждения льготы — проверка документов до 5 дней.
3. Оплатите стоимость обучения с учётом скидки — самостоятельно или за счёт работодателя.
4. Пройдите обучения и получите документ о дополнительном профессиональном образовании.

О профессии

Frontend-разработчик — это специалист, который создаёт видимую часть сайтов: верстает макеты, красиво оформляет текст и таблицы и использует язык программирования HTML, CSS и JavaScript. Он умеет работать в специальных программных платформах — фреймворках React. js, Angular, Vue. js, которые помогают быстрее разрабатывать сложные веб-сервисы. Сайты нужны всем: от небольших фирм до банков. Поэтому среди компаний за хорошими фронтендерами идёт настоящая охота.

Курс записан совместно с агентством Beta

Московское агентство Beta с 2012 года делает сайты, приложения, DOOH-продукты. Занимает 29 место в рейтинге Digital Production и 15 место в рейтинге дизайн-студий по версии Tagline. Каждый год проводит главную вечеринку креативной индустрии — «Без правок».

Команда Beta делает как сложные высоконагруженные порталы и сервисы, так и креативные имиджевые проекты со сложными анимациями. Среди клиентов агентства — «Билайн», Сбербанк, Международный аэропорт Шереметьево, «Росбанк», Badoo, СИБУР, «Альфа-Банк» и многие другие.

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

  • Новичкам Новичкам

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

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

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

  • Фрилансерам без опыта в IT Фрилансерам без опыта в IT

    Если вы устали от скучной работы и хотите построить карьеру в IT — курс станет хорошим путеводителем в мир веб-разработки. После обучения у вас будет мощное портфолио и все необходимые знания для работы на удалёнке.

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

  • Верстать сайты правильно

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

  • Программировать на JavaScript

    Будете проектировать логику работы сайта. От простого модального окна до асинхронной загрузки данных с сервера и программирования enterprise-приложений. Без стресса выучите один из самых популярных языков программирования.

  • Работать с Git

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

  • Работать с современным фреймворком

    С помощью фреймворка Vue вы сможете быстрее разрабатывать сложные веб-сервисы, а ещё они эффективнее расходуют ресурсы браузера.

Льготные категории граждан

  • Студенты. Скидка 50%
    Гражданин, который на момент подачи заявления на обучение в рамках проекта осваивает образовательную программу среднего профессионального или высшего образования (бакалавриат, специалитет, магистратура).
  • Бюджетники. Скидка 50%
    Гражданин трудоспособного возраста, который на момент подачи заявления на обучение в рамках проекта осуществляет трудовую деятельность в государственном или муниципальном учреждении / унитарном предприятии / автономной некоммерческой организации / органе исполнительной власти субъекта Российской Федерации или органе местного самоуправления.
  • С низким доходом. Скидка 50%
    Гражданин трудоспособного возраста, средняя заработная плата которого за последние 6 месяцев, предшествующих 4 месяцам перед месяцем подачи заявления до даты подачи заявления на обучение в рамках проекта ниже установленной среднемесячной номинальной начисленной заработной платы работников в целом по экономике по соответствующему субъекту Российской Федерации.
  • С детьми до 3-х лет. Скидка 75% и 50%
    75%: гражданин трудоспособного возраста, являющийся родителем ребенка в возрасте до 3-х лет, средняя заработная плата которого за последние 6 месяцев, предшествующих 4 месяцам перед месяцем подачи заявления до даты подачи заявления на обучение в рамках проекта ниже установленной среднемесячной номинальной начисленной заработной платы работников в целом по экономике по соответствующему субъекту Российской Федерации.
    50%: гражданин трудоспособного возраста, являющийся родителем ребенка в возрасте до 3-х лет, средняя заработная плата которого за последние 6 месяцев, предшествующих 4 месяцам перед месяцем подачи заявления до даты подачи заявление на обучение в рамках проекта выше установленной среднемесячной номинальной начисленной заработной платы работников в целом по экономике по соответствующему субъекту Российской Федерации.
  • Безработные. Скидка 100% и 75%
    100%: гражданин трудоспособного возраста, который на момент подачи заявления на обучение в рамках проекта не имеет работы и заработка, зарегистрирован в органах службы занятости в целях поиска подходящей работы.
    75%: Гражданин трудоспособного возраста, который на момент подачи заявления на обучение в рамках проекта не имеет работы и заработка и не зарегистрирован в органах службы занятости в целях поиска подходящей работы.
  • Люди с ограниченными возможностями. Скидка 100%
    Гражданин в возрасте от 16 лет до достижения возраста, дающего право на страховую пенсию по старости, который на момент подачи заявления имеет установленную группу инвалидности.

О Skillbox

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Программа профессиональной переподготовки

Общий объем программы

  • 255 академических часов
  1. Учебный модуль 1. Веб-вёрстка

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

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

    Вы изучите основы JavaScript, научитесь работать с DOM и делать свои проекты динамичными. Узнаете, как при помощи JavaScript обмениваться данными с сервером.

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

    Вы научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.

    • Темы занятий:
      1. Работа с Git на своём компьютере.
      2. Работа с удалённым репозиторием.
      3. Командная работа в Git.
      4. Сравнение версий и отмена изменений.
      5. Инструменты и правила работы с Git.
  4. Учебный модуль 4. Фреймворк Vue.js

    Вы научитесь разрабатывать приложения на JavaScript-фреймворке Vue.

    • Темы занятий:
      1. Основы Vue.
      2. Создание проекта.
      3. Каталог товаров.
      4. Пагинация и фильтрация.
      5. Страница товара.
      6. Корзина.
      7. Работа с API. Список товаров.
      8. Работа с API. Оформление заказа.
      9. Деплой.
      10. Vue 3.0.
  5. Итоговая аттестация

Документ о квалификации

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

    Диплом установленного образца

    По окончании программы вы получите диплом установленного образца.

Оценка курса студентами: ★ 5.00

  • Информативные видеоматериалы, непростые практические работы, над которыми нужно поломать голову, и обратная связь от кураторов, которые помогают тебе самому найти правильный ответ.
  • Ни разу не пожалел, что приобрёл курсы профессии «Веб-разработчик». Всё круто, особенно понравилась работа кураторов — Александра Дудукало и Максима Васяновича, спасибо им и всей команде Skillbox! Также хочу выделить наличие дополнительных курсов, посвящённых пересекающимся технологиям и знаниям, — они очень полезны.
  • Понравилась подача и содержание материала. Как организована сдача практических работ (выполнить следующую можно только после проверки предыдущей). Огромное количество дополнительного материала в виде ссылок на сторонние ресурсы и вложенных файлов.
  • Мне очень нравится спикер по вёрстке и мой куратор.

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

    Куратор быстро работает. Дополнительно даёт чёткие и грамотные советы, которые не просто помогают выполнить практику, но и позволяют получать новые и закреплять уже полученные знания.
  • Отличная платформа. Рекомендую её всем и настаиваю, что это лучшее, что есть на сегодняшний день в Рунете. Качество подхода к обучению в целом и качество видео на высоте. Круглосуточный чат, различные мероприятия и активности, требовательные кураторы. Здорово, что обучение строится не на вебинарах.
    Было бы здорово добавить учебный план с дедлайнами или хотя бы иметь возможность выбора такого плана.
  • Ксения Колесникова Курс «Frontend-разработчик для начинающих»
    Нравится подача материала (понятно объясняют даже сложные темы). К каждой теме помимо лекции дополнительно подобран материал — удобно! Также помогла консультация  по выбору курса.
  • Много чего узнал для себя нового, некоторые преподаватели  дают много материала, что позволяет быть профессионалом в области с большим багажом знаний.
    Некоторые преподаватели слишком придирчивы, и уходит много времени на изучение.
  • Трудно, но интересно. Особенно нравится, что можно получить быстрый ответ от кураторов. Нравиться, что кураторы не просто сообщают правильный ответ, но объясняют и сначала подсказывают, чтобы смогла догадаться сама. Очень нравиться, что ты не один на один с новым и непонятным материалом, а у тебя есть поддержка от кураторов.
    Не могу сказать, что есть что-то, что не нравиться. Такого просто нет. Обучение затягивает, очень интересно. Каждый раз радуешься зачету модуля!!! Хочется двигаться в обучении вперед. Радуешься, что у тебя это получается и тебя поддерживают.
  • Понравилось:
    1) отдельно от рабочего проекта, которые показывает преподаватель, есть другой проект, который необходимо сделать самому.
    2) Размещение проектов на git`e
    Не понравилось:
    1) Нету в текстовом формате уроков. Например я хочу проводить обучение не на основе видео-уроков, а получать знания в процессе чтения.
    2) Не под всеми уроками есть ссылки на https://codepen.io/. приходить вбивать сайт в ручную.
  • Александр Федунцов Курс «Frontend-разработчик для начинающих»
    Всё понравилось. Задачи интересные, некоторые из них лишили меня сна на несколько дней :) Менторы всегда помогают, учат находить нужную информацию, подсказывают, что устарело, а что нужно учить сейчас.
  • Владислав Яровиков Курс «Frontend-разработчик для начинающих»
    Материал подаётся качественно, чувствуется прогресс, в основном из-за того что учат интересно и познавательно.
    Я благодарен всей команде Skillbox за их труды, спасибо большое.

    Мне на самом деле всё нравится, но множество уроков большие, а речь преподавателя медленная, поэтому я ставлю все уроки на 1.5x, а иногда и на 2x. Но хотелось бы чтобы был режим 1.75x)
  • Грамотное распределение материалов, поэтапное обучение — мне всё очень нравится! Я давно к этому шёл.
  • Хочу отметить живую подачу материала. Спикеры подробно, а главное, понятно объясняют и делятся личным опытом. Это очень ценно и выгодно отличает обучение в Skillbox от классического университетского. Я пока только в начале пути, но мне нравится, а это уже немало для поддержания мотивации.
  • Во-первых, я молодец и подготовился заранее. Проверил бесплатные курсы, узнал, понял, что мне не хватает практических заданий, тонкостей работы, диалога со специалистом, который будет готов ответить на мои вопросы по заданию, но не будет тащить, вместо меня самого.

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

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

    Подача материала на столько хорошая, что видео-уроки, как и на ютубе можно просматривать на 1.5х и 2х скорости, что очень сильно помогает, когда ты готов к мозговому штурму, да  и просто вернулся посмотреть, как оно там делается.
    Отдельно хочется отметить, что обратная связь, отзыв к каждому видео-уроку, курсу, практической-домашней работе вы сможете оставить их просто везде, подробно расписав ПОМИНУТНО, где и что вас не устроило. Я призываю всех оставлять такие отзывы, чтобы разработчикам было проще усовершенствовать курс для будущих поколений.

    Конечно, материал можно шерстить вечно (особенно это сказывается, когда ты и сам не в рабочей кондиции - затянутости, некие нагромождения материала в промежуток времени) и дополнять различными графическими ништечками. Например, хоткей, который прожал ведущий лучше отобразить на экране, можно даже с прозрачностью процентов 20%, как это делают в обучающих видео к играм. Это конечно не "работа со шрифтами", но тоже можно вечно перекидывать раздробленный материал, пытаясь сделать удобнее для восприятия. Человек существо ленивое, так что для каждой темы было бы неплохо за оплаченный курс, выписать отдельно, а не просто ссылкой на страницу, какие особенные действия использовал ведущий, можно прямо с таймкодом, как к видео на ютубе. В блокнотик только будущие гении индустрии записывают, а раз деньги заплатил, то хочется, чтобы за тебя всё уже написали. Нашёл в базисном уроке "как выделить всюду фразу", например, класс ведущий нашёл и к нему во всем документе добавил второй, новый класс - ну забудет зритель, даже если попробует, сделайте точку возврата куда можно быстро щелкнуть и вспомнить, когда уже перешёл к практической части. Я уже упомянул, что ведущий призывает практиковаться вместе с ним или после просмотра видео, но всё запомнить нереально, особенно, когда ты первый раз это всё пишешь.

    Итого, дорабатывать есть что, но это более фундаментальные изменения в структуре курса и скорее будут в следующем его обновлении (например, по телефону менеджер мне сказал, что курс ранее был 2018 года, а к 2021-ому его обновили и даже дополнили, мне кажется это довольно частые обновления, учитывая его объём - шкала прогресса там также имеется, что призвано как-то мотивировать вас), к удобствам претензий меньше, но есть куда стремиться. И не ждите, что кто-то вас будет тащить за шкирку, как котика и тыкать, куда надо. Вам подскажут общими фразами, позволяя мысли развиваться у вас в голове и за это от меня отдельное спасибо - будьте готовы к такому формату, возможно это зависит от наставника, проверяющего работы.
  • Мне нравится учиться в Skilbox. Потому что:
    1.тут нет общей группы и постоянной гонки. Можно спокойно изучать в своем режиме. конспектировать,возвращаться к пройденному.
    2. Куратор-наставник действительно включен в работу и дает дельные рекомендации.
    3. нравиться, что есть возможно поверстать с спикером учебный макет, где он подробно рассказывает.
    4. нравится ,что доступ к материалу останется навсегда
    5. нравится , что не ставят задачу сразу сверстать большой макет(сайта), начинаем с малого и простого.
    Иногда хочется, что бы куратор отвечал чуточку быстрее)
  • Если честно вообще супер. Долго сомневалась, но очень здорово, что начала. Нравится формат подачи материала, все понятно и доходчиво, не так, как в обычных университетах, а на более высоком уровне. А практика это вообще золотая жила для наполнения портфолио. В телеграм чате нашла кучу поддержки и помощи. Ещё не окончила обучение, но уже всем рекомендую.
  • Особенно нравится видео уроки, они очень понятные, а если местами не понятно то внизу роликов всегда есть ссылки на сайты, с пройденными уроками где ты можешь еще подробнее изучить тему. Но мне не нравиться с какой скоростью учусь, сейчас я уже больше месяца не могу сдать домашку и это довольно таки сильно напрягает ( но тут есть факт того что у меня сессия, и получается так что выполнив домашку, а получив его обратно, у меня получается только через неделю за него сесть
  • Нравится, как преподносится материал для обучения, представлены тесты, а также ответы кураторов на вопросы в Telegram-чате курса.
  • Мустафа Кутлиметов Курс «Frontend-разработчик для начинающих»
    Содержание отличное. Все по полочкам, кураторам отдельное спасибо! Всегда своевременно отвечают. Некоторые темы стоит разбирать более детально. Например, библиотеки JS. Но, возможно, они только мне дались тяжеловато)

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

По данной программе вы можете получить государственное софинансирование по программе «Цифровые профессии» от 50% до 100%

При 50% софинансирования вы заплатите:
  • 37 500
  • 75 000
При 75% софинансирования вы заплатите:
  • 18 750
  • 75 000
При 100% софинансирования вы заплатите:
  • 0
  • 75 000
Участвует в Цифровых профессиях Государство оплатит от 50% до 100%
Изображение

Вы можете выбрать любую программу на сайте Цифровых профессий

Цифровые профессии — это государственная программа дополнительного профессионального образования в сфере цифровой экономики.