Образовательная платформа
Участвует в распродаже Скидка 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.

Спикеры

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

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

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

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

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

Frontend-тимлид Creonit digital production

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

от 7 600 000 сум

Мои навыки:

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

Сертификат Skillbox

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

Пример сертификата
  • Старт курса: 9 октября
  • Осталось: 9 мест

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

  • Курс в подарок
  • Длительность рассрочки — 12 месяцев
  • Год английского бесплатно
  • 295 918 сум/мес
  • 422 740 сум/мес
Участвует в распродаже Скидка 30% действует 0 дня 00:00:00

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

Заполните контактные данные

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

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

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

Спасибо!

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

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

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

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

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

    Зависит от того, насколько быстро вы хотите освоить профессию. Чтобы пройти курс за 2 месяца, нужно заниматься по 2 часа в день. Но совсем необязательно следовать жёсткому графику — учиться можно когда удобно.

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

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