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

Фреймворк Vue.js

Фреймворк Vue.js

Партнёр: Creonit

Курс для практикующих веб- и frontend-разработчиков. Расширьте свои компетенции, изучив трендовый фреймворк Vue.js

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

  • Практикующим JavaScript-разработчикам

    Практикующим JavaScript-разработчикам

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

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

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

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

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

  1. Работать с объектами, массивами, циклами реактивности и компонентами.
  2. Использовать Webpack.
  3. Использовать Vuex для управления данными.
  4. Работать с системой управления версиями Git.
  5. Создавать сайты и одностраничные приложения на Vue.js.
  6. Интегрировать проект с API, чтобы в динамике получать и отправлять данные на сервер.
  7. Делать развертку проекта из NPM.
  8. Готовить проект для продакшна и публикации.

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

Курс длится 3 месяца и состоит из 10 модулей.

  • 10 модулей
  • 38 видеоматериалов

  1. Основы Vue

      1. Введение. Что такое Vue.
      2. Онлайн-сервисы для работы с кодом. Настройки окружения в codepen.io для Vue.
      3. Обзор возможностей Vue.
      4. Классы и стили. Анимации.

  2. Создание проекта

      1. Установка проекта через Vue CLI.
      2. Структура проекта на Vue.
      3. Работа с системами контроля версий: решения на рынке. Удалённые репозитории.
      4. Работа с системами контроля версий. Установка и работа с Git.
      5. Подготовка среды для работы над проектом.
      6. Разбираем проект-пример.

  3. Каталог товаров

      1. Компонент в одном файле.
      2. Состояние. Работа с циклами.
      3. Выводим список товаров.
      4. Основы компонентов. Входные параметры.
      5. Делаем компонент для товара.

  4. Пагинация и фильтрация

      1. Инструмент разработчика Vue. 
      2. Вычисляемые свойства, события, методы и наблюдатели.
      3. Организуем пагинацию.
      4. Модели (V-Model) и наследование компонентов.
      5. Организуем фильтрацию.

  5. Страница товара

      1. Роутинг. Страница ошибок.
      2. Делаем страницу товара.
      3. Вывод цены с использованием фильтра.

  6. Корзина

      1. Паттерн управления состоянием Vuex.
      2. Слоты.
      3. Организуем добавление товаров в корзину.
      4. Организуем список товаров в корзине.

  7. Работа с API. Список товаров

      1. Обзор REST API (HTTP).
      2. Обзор технологии XHR. Инструменты для работы с асинхронностью. Обработка ошибок и исключений.
      3. Выводим список товаров и пагинацию из API.
      4. Прелоадеры и обработка ошибок.
      5. Фильтр из API. Состояние «Товары не найдены».
      6. Выводим страницу товара через API.
      7. Выводим корзину и добавляем товары из API.

  8. Работа с API. Оформление заказа

      1. Работа с формами.
      2. Делаем страницу оформления заказа.

  9. Деплой

      1. Сборка для продакшна.
      2. Публикация на GitHub.

  10. Vue 3.0

      1. Установка и обновление.
      2. Новое API — v-model, emits, и рефактор проекта.
      3. Фрагменты, атрибуты и события.
      4. Телепорты и асинхронные компоненты.
      5. Composition API.
      6. Рефактор страницы товаров на Composition.
      7. Будущее и настоящее Vue 3.0.

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

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

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

Вас ждут:

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

Спикеры

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

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

Технический директор Creonit digital production

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

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

Frontend-тимлид Creonit digital production

О Skillbox

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

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

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

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

  2. Выполняете практические работы

    Решаете задачи после каждого модуля и закрепляете знания.

    Выполняете практические работы

  3. Работаете с проверяющим экспертом

    Получаете обратную связь по каждой работе в течение 1–3 рабочих дней.

    Работаете с проверяющим экспертом

  4. Разрабатываете итоговый проект

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

    Разрабатываете итоговый проект

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

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

    Иван Медведев

    Курс «Инженер по тестированию»

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

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

    Валентина Нарушевич

    Курс «Графический дизайнер с нуля до PRO»

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

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

    Яна Щербицкая

    Курс «Photoshop с нуля до PRO»

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

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

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

    Курс «UX-дизайнер с нуля до PRO»

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

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

    Елена Кальво

    Курс «Копирайтинг от А до Я»

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

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

    Ирина Семёнова

    Курс «SMM-специалист»

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

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

    Мой дипломный проект

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

Андрей Семёнов
  • Должность: middle-разработчик
  • Зарплата от: 80 000 ₽

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

  • Основы Vue.js.
  • Применение Webpack.
  • Создание сайтов и одностраничных приложений на Vue.js.
  • Интеграция проекта с API.
  • Подготовка проекта для продакшна и публикации.
  • Пагинация и фильтрация данных.
  • Использование Vuex для управления данными.
  • Работа с объектами, массивами, циклами реактивности и компонентами.

Сертификат Skillbox

Подтверждает успешное прохождение курса «JavaScript-фреймворк Vue.js».

Сертификат Skillbox Курс Фреймворк Vue.js
  • Старт курса: 25 мая
  • Осталось: 3 места

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

  • Длительность рассрочки 12 месяцев
  • 2 135 ₽/мес
  • 3 050 ₽/мес
Участвует в распродаже Скидка 30%
действует 0 дня 00:00:00

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

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

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

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

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

Спасибо!

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

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

  • Могу ли я записаться на курс, если только недавно начал изучать JS?

    К сожалению, нет. Курс рассчитан на тех программистов, которые уже хорошо разбираются в веб- и frontend-разработке, так как работа в фреймворке Vue.js — это дополнительный навык. У вас уже должна быть база знаний, иначе вы просто не справитесь с материалами курса.

  • Это теоретический курс? В программе только видеоматериалы?

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

  • Сколько потребуется времени, чтобы пройти все модули?

    Курс рассчитан на 3 месяца: кто-то заканчивает раньше, кто-то — чуть позже. Здесь главное не скорость прохождения, а эффективное использование полученных навыков, поэтому лучше не торопиться и ориентироваться на заявленные 3 месяца.