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

ПЕРВЫЙ ПЛАТЕЖ НА 2-ОЙ МЕСЯЦ

Профессия Frontend-разработчик с нуля до PRO

Профессия Frontend-разработчик с нуля до PRO

Изучите JavaScript, TypeScript, Ionic. Сверстаете сайт интернет-магазина, разработаете CRM-систему. Выпускник курса — специалист, готовый к работе в компании.

Компаниям не хватает фронтендеров

  • 486 900 AMD

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

Что даёт профессия frontend-разработчика

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

    Востребованную работу и высокую зарплату

    Бизнес активно переходит в онлайн, поэтому сайты и веб-приложения нужны всем. Компании постоянно ищут frontend-разработчиков, чтобы внедрять фичи быстрее конкурентов.
    Ваш труд оценят — по данным Хабр.Карьеры, в 2020 году зарплаты middle-разработчиков достигли 760000 драм.

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

    Удобный график

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

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

    Большое комьюнити

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

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

  • Новичкам

    Новичкам

    Начнёте изучать специальность с азов и погрузитесь в мир программирования. По окончанию курса станете Frontend-разработчиком.

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

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

    Дополните и закрепите знания и навыки в Frontend-разработке. Обсудите работы с преподавателем и добавите проекты в портфолио.

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

  1. Создавать структуру интернет-страницы и письма на HTML и CSS
  2. Создавать страницы и каталоги товаров в программных платформах Angular, React.js, Vue.js
  3. Научитесь взаимодействовать с TypeScript: системой типов для JavaScript
  4. Писать код на JavaScript
  5. Решать задачи проекта используя алгоритмы и структуры данных
  6. Научитесь разрабатывать приложения для компьютеров, используя
  7. Ionic или Electron
  8. Создадите программу для принятия и обработки запросов клиентов на Node.js
  9. Взаимодействовать с системой контроля версий Git

Помогаем с трудоустройством

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

Чем вам поможет Центр карьеры:

  • Резюме

    Презентуем вас работодателям с выгодной стороны

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

  • Индивидуальный карьерный план

    Расскажем, как начать и развивать карьеру

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

  • Партнерские вакансии

    Порекомендуем вашу кандидатуру партнёрам

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

  • Оформление портфолио

    Поможем эффектно представить ваши проекты

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

  • Карьерные консультации

    Подготовим вас к старту карьеры

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

Почему мы уверены в вашем трудоустройстве?

  • Определяем потребности рынка

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

  • Даём качественные знания

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

  • Поддерживаем на старте карьеры

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

1300 пользователей Skillbox уже трудоустроились в 2021 году

  • 88% пользователей находят работу после обращения в ЦРК
  • 100% выходят в штат компании после стажировки
  • Александр Жигалов

    Александр Жигалов 23 года

    Студент Продюсер

  • Светлана Макарова

    Светлана Макарова 43 года

    Металлург Тестировщица

  • Любовь Потапкина

    Любовь Потапкина 30 лет

    Юрист Менеджер проектов

  • Михаил Булгаков

    Михаил Булгаков 32 года

    Тренер SEO-специалист

  • Валентина Котельникова

    Валентина Котельникова 30 лет

    Переводчица UX-дизайнер

  • Динара Хисметуллова

    Динара Хисметуллова 32 года

    Менеджер Дизайнер

  • Виктория Сержанова

    Виктория Сержанова 32 года

    Учёная Frontend-разработчица

Люди, которые изменили жизнь благодаря Skillbox

Пользователи Skillbox осваивают новые профессии. Строят карьеру, меняют жизнь и обретают себя. У вас тоже получится.

Отзывы работодателей

  • Юлия Ильяева

    Юлия Ильяева

    Директор по развитию Team for Dream

    Кандидаты из Skillbox всегда отличаются своей высокой мотивацией, поэтому мы с радостью приглашаем их на стажировки и предлагаем работу. Уже несколько раз мы принимали на junior-позиции участников курса «Профессия Event-менеджер».

  • Максим Зубцов

    Максим Зубцов

    Директор по маркетингу в Checkroi

    Skillbox подбирают кандидатов с горящими глазами и желанием развиваться. Например, руководитель нашего SEO-отдела когда-то был новичком, с которым мы встретились благодаря Центру карьеры.

  • Роман Горбачёв

    Роман Горбачёв

    Основатель дизайн-студии «Логомашина»

    Когда нас пригласили спикерами в Skillbox, мы решили — это отличный шанс пополнить команду талантливыми специалистами. Сейчас у нас работают несколько дизайнеров, и мы ими очень довольны.

  • Ольга Новодворская

    Ольга Новодворская

    HR BP в Nauka

    Сотрудничество со Skillbox — это гарантия, что мы получим будущих сотрудников с определёнными знаниями. Новички, которые пришли к нам, выросли и приблизились к middle-уровню спустя 8 месяцев.

  • Богдан Пилипенко

    Богдан Пилипенко

    Аккаунт-менеджер в Appollo Digital

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

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

  1. Смотрите материалы в удобное время

    Изучаете теорию и практикуетесь на задачах, приближённых к реальным.

    Смотрите материалы в удобное время
  2. Закрепляете знания на практике

    Решаете задачи после каждого модуля и получаете обратную связь от курирующего эксперта в течение 1–3 рабочих дней.

    Закрепляете знания на практике
  3. Разрабатываете итоговый проект

    Презентуете проект экспертам, дополняете портфолио и получаете сертификат о прохождении курса.

    Разрабатываете итоговый проект
  4. Находите работу по специальности

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

    Находите работу по специальности

Уровни курса

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

    Первый уровень: необходимые основы

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

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

    Второй уровень: стажировка в команде

    Вы будете работать под руководством опытного тимлида в составе команды из 5–7 человек. Создадите собственную CRM-систему за 2 месяца по ТЗ. На практике познакомитесь с платформой Node.js и методологией управления проектами SCRUM. Все процессы, через которые вы пройдёте, — это максимально приближенный к боевым условиям опыт. Именно так создаются CRM-системы в компаниях-работодателях.

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

    Третий уровень: выбор направления

    Познакомитесь с TypeScript — продвинутой версией JavaScript — и приступите к изучению frontend-фреймворка на выбор. Фреймворк упростит разработку интерфейсов и сделает вашу работу эффективнее. В конце вы напишете интернет-магазин или трекер задач.

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

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

  • 933 видеоматериала
  • 84 практических задания

Основные курсы

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

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

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

      1. Введение.
      2. Подготовка рабочей среды.
      3. Hello, world!
      4. Решаем базовые задачи.
      5. Асинхронный код.
      6. Express.js.
      7. Базы данных, реляционные БД.
      8. Базы данных, нереляционные БД.
      9. CLI-программы.
      10. Углубляем теорию + продвинутые понятия.
      11. Real-time & WebSockets.
      12. Pro tips.
  4. TypeScript. Базовый уровень

      1. Введение.
      2. Компиляция и примитивные типы.
      3. Применение типов.
      4. Типизация ООП.
      5. Дженерики.
      6. Утилитарные типы.
      7. Дополнительные типы.

Выбор направления

  1. Vue.js

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

      1. Введение в React.
      2. Создание проекта.
      3. TypeScript.
      4. Компоненты на примере новостной карточки Reddit.
      5. Hooks и функциональное программирование.
      6. Больше о компонентах и введение в тестирование компонентов.
      7. Работа с публичным API на примере Reddit.
      8. API + контекст.
      9. Портал и форма.
      10. Введение в Redux на примере поля для ввода комментария.
      11. Использование Redux-Thunk на примере загрузки профиля пользователя.
      12. Формы на примере комментариев и карточки поста.
      13. Бесконечные списки на примере ленты постов.
      14. Роутинг.
      15. Deploy.
      16. Бонус-модуль: Mobx, effector и другие альтернативы redux.
  3. Angular

      1. Введение в Angular.
      2. Создаём UI Kit.
      3. Каталог товаров.
      4. Машрутизация.
      5. Сервисная архитектура в Angular.
      6. HTTP Advanced.
      7. RXJS: Поиск товаров.
      8. Формы в Angular.
      9. Страница товара.
      10. Улучшаем приложение.
      11. RXJS & Components Advanced: корзина товаров.
      12. Тестирование.
      13. Способы организации обмена данными.

Дополнительные курсы

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

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

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

      1. Работаем с Git на своём компьютере.
      2. Работаем с удалённым репозиторием.
      3. Командная работа в Git.
      4. Сравнение версий и отмена изменений.
      5. Инструменты и правила работы с Git.
      6. В результате. Научитесь вести контроль версий ваших проектов в Git. Этот навык поможет вам совместно работать в команде.
  4. Работа с командной строкой Bash

      1. Что такое командная строка.
      2. Работа с файлами и папками.
      3. Авторизация и права доступа.
      4. Процессы, сервисы и задачи.
      5. Конфигурация и инструменты.
      6. Написание скриптов на Bash.
      7. Использование Bash на примере настройки веб-сервера.
      8. В результате. Научитесь управлять файловой системой компьютера при помощи командной строки. Ускорите работу и будете меньше времени тратить на рутину.
  5. Figma с нуля до PRO

      1. Знакомство с Figma.
      2. Основные инструменты Figma.
      3. Иконки, иллюстрации и картинки.
      4. Компоненты.
      5. Библиотеки компонентов и общие стили.
      6. Auto Layout и Variants.
      7. Многостраничные сложные документы в Figma.
      8. Дополнительные возможности и сообщество авторов.
      9. Подготовка макета в Figma для разработчиков.
      10. В результате. Познакомитесь с графическим редактором, в котором вам будут присылать макеты для вёрстки. Научитесь извлекать цвета, шрифты, стили и даже попробуете себя в роли веб-дизайнера.
  6. Photoshop с нуля

      1. Введение в Photoshop.
      2. Инструменты.
      3. Работа с файлами и изображениями.
      4. Принципы работы со слоями и масками.
      5. Бонус-модуль. Выделения и маски.
      6. Работа со слоями.
      7. Эффекты.
      8. Продвинутые приёмы обтравки/ретуши.
      9. Принципы построения растровых изображений.
      10. Бонус-модуль. Как освоить pen tool.
      11. Практика коллажирования для создания Key-Visual.
      12. Бонус-модуль. Причиняй добро.
      13. Практика создания самых оригинальных мемов для социальных сетей.
      14. Создание постера.
      15. В результате. Научитесь основам работы в редакторе Photoshop.
  7. Английский для IT

      1. Терминология.
      2. Чтение документации и библиотек.
      3. Общение на форумах.
      4. Ресурсы технологических новостей
      5. Произношение слов.
      6. Коммуникация.
      7. Акценты.
      8. Просмотр видеооригиналов.
      9. В результате. Научитесь общаться и искать информацию на английском языке.
  8. Универсальные знания программиста

      1. Как стать первоклассным программистом.
      2. Вёрстка email-рассылок. Советы на реальных примерах.
      3. The state of soft skills.
      4. Как мы создавали карту развития для разработчиков.
      5. Как эффективно работать с почтой.
      6. Повышение своей эффективности.
      7. Спор о первом языке программирования.
      8. Саморазвитие: как я не усидел на двух стульях и нашёл третий.
      9. Data-driven-подход к продуктивности — инсайты из данных миллиона людей.
      10. Протокол HTTP.
      11. Введение в алгоритмы.
      12. В результате. Получите полезные навыки, которые пригодятся вам на новой работе.
  9. Карьера и развитие программиста

      1. Что нужно работодателю.
      2. Как создать резюме и искать работу.
      3. Как успешно пройти собеседование.
      4. Как пройти испытательный срок.
      5. В результате. Получите полезные советы по дальнейшему развитию карьеры.

Уже прошли какие-нибудь курсы?

Скажите об этом менеджеру — за этот курс платить не придётся!

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

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

    Лендинг

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

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

    Страницы для интернет-магазина

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

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

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

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

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

    Интернет-магазин (на выбор)

    Разработаете frontend для агрегатора товаров на Vue или Angular.

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

    Трекер задач по методу Pomodoro (на выбор)

    Напишете трекер задач с таймером на фреймворке React.

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

    Сервис заметок на Node.js

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

Год английского языка!

Выполните 3 практические работы из первого курса и получите доступ к урокам и материалам онлайн‑платформы КЭСПА на год.

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

Вас ждут:

  • методика ускоренного запоминания слов и грамматики;

  • персональная программа обучения, которая поможет заговорить по‑английски с нуля.

Спикеры

Глеб Михеев

Глеб
Михеев

Технический директор в Beta, руководитель программного комитета конференции FrontendConf
Тимофей Тиунов

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

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

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

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

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

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

Алексей
Авдеев

CTO в дизайн-лаборатории Mish, старший frontend-разработчик
Павел Бондарович

Павел
Бондарович

Технический директор Creonit digital production
Максим Савченко

Максим
Савченко

Frontend-тимлид Creonit digital production
Евгений Миротин

Евгений
Миротин

Software Development Engineer в Play North. Блок «Node.js»
Александр Поздняков

Александр
Поздняков

Angular Developer в Insilico Medicine
Игорь Борзунов

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

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

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

Андрей Семёнов
  • Должность: Фронтенд-разработчик
  • Зарплата от: 488 300 AMD

Профессиональные навыки:

  • Адаптивная вёрстка сайтов и писем
  • Работа с TypeScript
  • Уверенное знание JavaScript и ООП
  • Разработка серверных приложений на Node.js
  • Работа в системе контроля версий Git
  • Знание React.js/Angular/Vue.js
  • Понимание алгоритмов и структур данных в проектах

Диплом Skillbox

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

Сертификат Skillbox Профессия Профессия Frontend-разработчик с нуля до PRO
  • Старт курса: 21 мая
  • Осталось: 9 мест

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

  • Рассрочка без переплат
  • 86 357 AMD/мес
  • 143 929 AMD/мес
Участвует в распродаже Скидка 40%
действует 0 дня 00:00:00

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

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

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

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

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

Спасибо!

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

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

  • У меня нет опыта в разработке: курс мне подойдёт?

    Да. Программа курса разработана для учеников с разным уровнем знаний, поэтому блоки разделены на уровни. Новички начнут изучение JavaScript и вёрстки с первого уровня: получат базовые знания. Программа усложняется постепенно.
  • Я смогу совмещать курс с работой? Сколько часов уделять занятиям?

    Да, совмещать получится, потому что вы решаете, когда смотреть уроки. В среднем студенты Skillbox уделяют обучению от трёх до пяти часов в неделю.
  • Как проходит коммуникация на курсе?

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

    Да. Мы разделим общую сумму на ежемесячные платежи.