Vue.js разработчик

Быстрый JS-фреймворк для эффективной frontend-разработки

25 апреля

4 месяца

Онлайн

Вт/Чт 20:00 Мск

Для кого этот курс?

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

  • Для JavaScript-разработчиков с навыками HTML/CSS. Вы сможете использовать решения, ускоряющие и упрощающие процесс разработки
  • Для backend-разработчиков, желающих стать Fullstack. Vue.js идеально подходит для тех, кто хочет быстро пополнить пул скиллов работой с фронтендом
  • Для начинающих Vue-разработчиков. Курс поможет расширить и углубить навыки работы с фреймворком, чтобы выделиться среди других соискателей

Необходимые знания

  • Базовые знания JS, HTML и CSS
  • Будет плюсом: опыт с jQuery или React, базовые навыки работы с Git
Пройди тест

Что вам даст этот курс?

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

  • Вы изучите продвинутые возможности Vue, Vue-router, Vuex
  • Сможете создавать SPA-приложения и оптимизировать их для production
  • Поймете как писать чистый и лаконичный код на ES6/ES8/TypeScript
  • Сможете писать интеграционные и юнит-тесты с Jest, Cypress
  • Научитесь работать с GraphQL, Firebase, Electron
  • Также вы узнаете, как работает Webpack и Babel, освоите различные паттерны проектирования и научитесь их применять в для построения сложных приложений на Vue

Преимущества Vue.js перед другими фреймворками

Легкий старт. Интуитивно понятный синтаксис шаблонов. Легко добавить в уже существующий проект, например, если есть существующие приложения, написанные на старом стеке и надо их постепенно мигрировать на современную платформу Vue.

Как React, но быстрее в разработке. Не нужно изучать специфические концепции, без которых в React вы не сможете сдвинуться с места. Меньше размер библиотеки, а также меньше размер итогового бандла, чем React. Как и в React есть решение для разработки интерфейсов для мобильных, поддержка typescript и рендеринга на сервере SSR

Как Angular, но проще. Есть готовые пакеты для роутинга, управления состоянием и тестирования. Используются все современные подходы к разработке: API веб-компонентов, функциональное программирование.

Удобные инструменты разработки. Вы можете сгенерировать проект из командной строки выбрав необходимые опции: Typescript, CSS-препррцессоры, заготовки для unit-тестов и так далее.

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

Особенности Vue.js

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

Процесс обучения

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

А если вы не смогли посетить занятие в реальном времени, то сможете посмотреть его в записи и задать вопрос преподавателю в закрытом Telegram-чате.

Портфолио


Индивидуальная разработка проектной работы

Эксперты


Ревью кода от практикующих специалистов

Оптимальная нагрузка


Возможность совмещать учебу с работой

Трудоустройство

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

  • Получите помощь с оформлением резюме, портфолио и сопроводительного письма
  • Разместите свое резюме в базе OTUS и сможете получать приглашения на собеседования от партнеров

Работодатели курса

Формат обучения

Интерактивные вебинары


2 онлайн-трансляции по 2 ак.часа в неделю. Доступ к записям и материалам остается навсегда

Практика


Домашние задания + проектная работа, для усиления вашего портфолио и компетенций

Активное комьюнити


Общайтесь с преподавателями голосом на вебинарах, в закрытом чате Telegram и при проверке домашних заданий

Программа

Основы Vue

В этом модуле разбираемся с современной фронтенд разработкой. Узнаем какие есть стандарты и инструменты. Начало работы с Vue, а именно: установка, настройка инструментов. Базовые шаблоны, встроенные директивы, написание своих компонентов. Заканчиваем рассмотрением прочих свойств компонентов Vue необходимых для реализации сложных UI.

Тема 1: Введение в курс, современная веб-разработка

Тема 2: Vue, введение

Тема 3: Шаблоны

Тема 4: Компоненты props и события

Тема 5: Формы, слоты, директивы

Уверенная разработка на Vue

Рассматриваем темы, которые позволяют писать сложные приложения на Vue. Роутер для многостраничности и чтения/передачи параметров. Управление стейтом приложения - зачем это нужно и как реализовать для Vue. Разберемся с тестированием и добавлением анимации в компоненты.

Тема 1: Vue router

Тема 2: Vuex работа с данными

Тема 3: Pinia работа с данными

Тема 4: Тестирование Vue приложений

Тема 5: QA сессия - composition API

Тема 6: Тестирование Vue приложений p2

Тема 7: Реактивные данные, MVVM и особенности Vue 3

Тема 8: Vue3 работа с библиотеками

Продвинутые и практические решения

Специфические решения для Vue. Каждое из них достаточно популярно и точно встретится вам на практике.

Тема 1: Интеграции Vue: GraphQL, web sockets

Тема 2: Typescript

Тема 3: Консультация по дипломному проекту

Тема 4: Десктоп приложения с Electron

Тема 5: SSR с Nuxt

Тема 6: Web components + Анимация Vue

Тема 7: Организация кода и паттерны Vue

Тема 8: QA / Code review

Тема 9: Инструменты современной разработки, cloud, CI/CD

Проектная работа

Сконцентрируемся на доработке ваших проектов. Посмотрим индивидуально на каждый проект, обсудим видимые и возможные проблемы, пути их решения. Обратим внимание на индустриальный опыт.

Тема 1: Выбор темы и организация проектной работы

Тема 2: Консультация по проектам и домашним заданиям

Тема 3: Защита проектных работ

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

Выпускной проект


На протяжении всего курса вы будете работать над собственным проектом. Его разработка нужна для окончательного закрепления знаний, которые были получены в рамках пройденных занятий. При успешном выполнении он станет образцом кода, который Vue.js разработчик сможет показывать будущим работодателям.

Преподаватели

Илья Нуруллин

Юрий Тимофеев

Senior Software Engineer

EPAM Systems

Андрей Райх

Кирилл Кучеров

Фронтенд-инженер

Avito

Эксперты-практики делятся опытом, разбирают кейсы студентов и дают развернутый фидбэк на домашние задания

Ближайшие мероприятия

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

Разработка SEO-оптимизированных сайтов с Nuxt3. Возможности Nuxt
Михаил Кузнецов
Почему полезна:
- Nuxt3 популярный
- много плагинов и расширений
- единственное решение для SSR для Vue
Ожидаемые знания
- Nuxt3, основные API Nuxt, чем SSR лучше и для каких проектов подходит
...
1 апреля в 17:00
Открытый вебинар
Форма входа на quazar и аутентификация пользователя на сайте
Илья Нуруллин
Описание: UI фреймворки сильно сокращают время на построение интерфейсов, оставляя его для работы над продуктом.

Чему научимся: Использование quazar в качестве UI библиотеки, axios для запросов на сервер, composition API для реализации логики приложения, vue-router для клиентского роутинга.

Что необходимо знать к началу урока: установка vuejs, базовые знания composition API.
...
16 апреля в 17:00
Открытый вебинар

Прошедшие
мероприятия

Михаил Кузнецов
Открытый вебинар
Обзор возможностей библиотеки компонентов Quasar с Vue
Михаил Кузнецов
Открытый вебинар
Быстрое создание сайтов с помощью Astro и Vue 3
Для доступа ко всем прошедшим мероприятиям необходимо пройти входное тестирование
Возможность пройти вступительное тестирование повторно появится только через 3 дня
Результаты тестирования будут отправлены вам на email, указанный при регистрации.
Тест рассчитан на 30 минут, после начала тестирования отложить тестирование не получится!

Корпоративное обучение для ваших сотрудников

Отус помогает развивать высокотехнологичные Команды. Почему нам удаётся это делать успешно:
  • Курсы OTUS верифицированы крупными игроками ИТ-рынка и предлагают инструменты и практики, актуальные на данный момент
  • Студенты работают в группах, могут получить консультации не только преподавателей, но и профессионального сообщества
  • OTUS проверяет знания студентов перед стартом обучения и после его завершения
  • Простой и удобный личный кабинет компании, в котором можно видеть статистику по обучению сотрудников
  • Сертификат нашего выпускника за 5 лет стал гарантом качества знаний в обществе
  • OTUS создал в IT более 120 курсов по 7 направлениям, линейка которых расширяется по 40-50 курсов в год

Отзывы

Владимир Рыбин

15.02.2022
Курс довольно ёмкий, кроме того что рассматривается vue 3 compisition api (что важно), затрагивается довольно широкий набор актуальных технологий и инструментов: TypeScript, GraphQL, Firebase, Nuxt, Electron.js. В прочем надо иметь ввиду, что время курса ограничено четырьмя месяца и досконально разобрать указанные выше темы не возможно, но то что дается в рамках курса можно использовать как крепкие вводные для дальнейшего самостоятельного изучения и, в принципе, достаточно для начала работы. Рекомендация: кроме выполнения домашних заданий необходимо планировать время для самостоятельной работы/повторения/закрепления и не стесняться писать в учебный чат и задавать вопросы. Курсом доволен.

Сертификат о прохождении курса

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

После обучения вы:


  • заберете с собой полный комплект обучающих материалов: видеозаписи всех вебинаров, презентации к занятиям, а также решение задач и проектов в виде кода на github и другие дополнительные материалы
  • получите сертификат о прохождении курса
  • приобретете опыт Frontend-разработки на Vue.js

Частые вопросы

Что, если в середине курса я не смогу продолжать обучение?
У вас есть право одного бесплатного трансфера в другую группу
Обязательно ли защищать выпускной проект?
Для получения сертификата OTUS необходимо сдать проект. Кроме того, проект необязательно защищать перед аудиторией, а можно сдать в чате с преподавателем.
С какого момента я смогу заниматься трудоустройством?
Получить карьерную консультацию вы сможете уже в начале обучения. Остальные опции: помощь с резюме, добавление резюме в нашу базу специалистов и т.д. будут доступны после окончания обучения.
Я могу вернуть деньги?
Да, вы можете сделать возврат средств пропорционально оставшимся месяцам обучения.