Vue.js 2 с нуля до про

Овладей трендовым фреймворком в курсе Vue.js 2 - с нуля до про. ⚡ Полное руководство по Composition API и современной веб-разработке, а также 7 проектов в портфолио!

  • Смотрите в любое время Более 170 уже записанных видео, минимум теории и максимум практики
  • Доступ к курсу Навсегда
-43% ~21 ч.
Vue.js 2 - С нуля до про
В курс включено:
  • Домашние задания Пять домашних работ, рекомендации и консультации на всех этапах
  • Кейсы и проекты Семь выпускных проектов для вашего портфолио и GitHub
  • Доступ к общему чату Группа со всеми студентами и кураторами курса
  • Сертификат Именной сертификат по окончании курса

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

Развивайте навыки и растите в цене

  • 1.Options API

    Не стоит беспокоиться, текущий курс все еще актуален, потому что 90% кода, написанного из текущего курса будет работать на Vue.js 3, поскольку весь текущий курс построен на Options API.

  • 2.SPA

    Vue.js является лишь представлением данных. Мы изучим как хранить данные, взаимодействововать с ними по технологии REST API - принимать и отдавать запросы.

  • 3.Nuxt.js

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

  • 4.Защите и авторизации

    Авторизация на клиенте, защита данных, проверка авторизации на сервере. Скрытие роутов для не зарегистрированных пользователей. Разграничение ролей.

  • 5.Vuex

    Actions, Mutations, State, Getters - все для правильного храненения данных и их дальнейшего взаимодействия.

  • 6.Правильно разделять код и UI на компоненты

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

  • 7.REST API

    На API строится весь современный веб. Понимание того как работают такие технологии как REST API или GraphQL делают вас намного востребованнее и профессиональнее.

Почему нужно учить vue?

Vue – мировой лидер фреймворков. Этот фреймворк используется среди компний крупного и среднего бизнеса по всему миру. Самую большую популярность vue.js получил на китайском и европейском рынке.

behance gitlab laravel xiaomi

Vue.js используют большинство китайских компаний: Alibaba (мировой лидер торговли в сети), Baidu (IT-гигант, лидер отрасли), Xiaomi, Sina Weibo и другие крупные компании.

  • По статистике Google Trends - Vue является самым популярным фреймворком в мире:

    Статистика Google Trends
  • России и СНГ Vue становится все более и более популярным:

    Статистика Google Trends
  • Профи c GitHub также выбирают Vue:

    vue react angular

    На текущий момент Vue почти в три раза популярнее Angular. И уже обогнал своего ближайшего конкурента – React от Facebook.

80 000₽

Средняя зарплата Frontend разработчика по РФ

После курса студенты в среднем зарабатывают 100 000 рублей.

Согласно hh, SuperJob и Яндекс работа, где собирались данные о вакансиях - это средняя зарплата фронтенд разработчика. В данной выборке не участвовали города миллионники. Поэтому в Москве, Санкт-Петербурге и других городах-миллионниках она может быть выше (иногда в 2 - 3 раза).

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

Программа курса

#1 Видеоуроки ~50 м.

Основы Options API

Основные моменты Vue.js, которые применим в первом же приложении и начнем двигаться дальше!

  • Основы Options API
  • - Про визуальные фреймворки или почему важно писать все самому
  • - Компонентный подход равно переиспользование
  • - Work Flow - Настройка редактора
  • - Work Flow - Настройка необходимых плагинов
  • - Инициализация vue.js
  • - Динамическая смена данных в data
  • - Methods и их применение
  • - Вычисляемые свойства - Computed
  • - Работа с Boolean значениями
  • - Циклы и вывод списков
  • - Хуки жизненного цикла вью компонентов
#2 Видеоуроки ~1 ч. 20 м.

Приложение с заметками

Напишем приложение с заметками, где применим все знания из "Основы vue.js" и начнем двигаться дальше!

    • Приложение с заметками
    • Приложение с заметками
    • Приложение с заметками
  • - Интерполяция
  • - Вывод HTML кода
  • - Работа с CSS классами
  • - Динамическая смена классов
  • - Динамические и локальные стили
  • - Управление отображением элементов
  • - Toggle у классов
  • - Работа со списками
  • - Сбросы и валидация
  • - Оптимизация приложения с computed
  • - Компонентный подход
  • - Доступ к DOM элементам
  • - Регистрация компонентов
  • - Переиспользование компонентов
  • - Передача параметров от родителя к компоненту и обратно
  • - Оптимизация компонентов
  • - Отслеживание изменений с watch
  • - Фильтрация элементов массива
  • - Обработка ошибок
#3
Модуль обновлен
Видеоуроки ~1 ч.

Основы VUE CLI

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

  • Основы VUE CLI
  • - Преимущества и использование VUE CLI
  • - Установка VUE C3 через npm и npx
  • - Лучшая структура проектов изначально
  • - Подключение SCSS, кастомных шрифтов
  • - Общая настройка для билдов
  • - Настройка для не стандартных билдов
  • - Настройка хешей и карт стилей/скриптов
  • - Билд для локальной машины
  • - Билд для сервера
#4 Видеоуроки ~40 м.

Vue Router

Научимся строить маршруты и перерисовывать страницы в зависимости от пути

  • - Основа SPA. Что такое роутер и зачем он нужен
  • - Установка vue-router
  • - Динамическая перерисовка без перезагрузки страницы
  • - Динамичный навбар и ссылки
  • - Активные ссылки
  • - Не существующие роуты - страница 404
  • - Хеш и мод history
#1 Видеоуроки ~1 ч. 30 м.

Vuex

Для быстрого и удобного взаимодействия мы научимся хранить данные внутри приложения при помощи VUEX

  • - Правильное хранение данных в VUEX
  • - Использование state
  • - Использование getters
  • - Использование actions
  • - Использование mutations
  • - Оптимизация с помощью модулей
#2 Видеоуроки ~2 ч.

Webpack в связке в vue.js

В этом модуле мы напишем универсальную сборку на Webpack`е заточенную под vue.
Эту сборку точно также можно будет переиспользовать в любых проектах.

Далее у вас будет выбор - чем именно собирать все последующие проекты это будет webpack или vue cli

  • Webpack в связке в vue.js
  • - Webpack и vue cli основная разница
  • - Когда следует использовать Webpack, а когда vue cli
  • - Установка Webpack
  • - Подключение js/css файлов
  • - Настройка препроцессоров styl / scss / less
  • - Обработка различных файлов
  • - Обработка html файлов
  • - Подключение шрифтов
  • - Установка Vue в Webpack
  • - Обработка и компиляция .vue файлов
  • - Подключение vuex
  • - Оптимизация Store через модули
#3 Видеоуроки 30 м.

Vue.js + Wepback для быстрой верстки

Научимся использовать vue в верстке и оптимизировать компоненты с VUEX. Что поможет сократить время написания кода и значительно повысит его качество

  • Vue.js + Wepback для быстрой верстки
  • - Оптимизация компонентного подхода для webpack
  • - Подключение vue компонентов в обычный лендинг
  • - Разные компоненты на нескольких html/php страницах
  • - Vuex в верстке
  • - Vuex оптимизация экшенов
  • - Создание UI компонентов
  • - Перенос UI в хтмл/php файлы
  • - Проблемы и решения рендеринга vue компонентов
#4 Видеоуроки 30 м.

Формы, модальные окна и валидация

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

    • Формы, модальные окна и валидация
    • Формы, модальные окна и валидация
  • - Динамические атрибуты
  • - Модель для работы с формами
  • - Текстовый инпут / Текстарея
  • - Чекбоксы / Радио кнопки / Селекты
  • - UI компонент модального окна
  • - Использование слотов на практике
  • - Закрытие модального окна по клику на крестик, область или ESC
  • - Валидация входящих параметров
  • - Связь дочерних компонентов
  • - Директива v-show vs v-if
  • - Построение сложных анимаций
  • - Валидация email / password / и других входных данных
  • - Учимся переиспользовать модальные окна из проекта в проект
#5 Видеоуроки 50 м.

Приложение Shop

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

    • Приложение Shop
    • Приложение Shop
    • Приложение Shop
  • - Настройка vuex и vue-router
  • - Создание динамического меню
  • - Активная ссылка у текущего роута
  • - Создание карточек товара
  • - Динамические роуты
  • - Передача параметров в роут
  • - Переиспользование роутов
  • - Хранение и сбор данных - геттеры и стейт
  • - Асинхронные действия в Actions
  • - Смена стейта через мутации
  • - Оптимизация с помощью модулей
  • - Подгрузка единичного товара через отдельный компонент
  • - Подключение слайдера
  • - Подгрузка картинок в слайд из отдельного хранилища
#6 Видеоуроки ~30 м.

REST API

REST – это архитектурный подход API, определяющий, как он должны выглядеть. На REST строится весь современный веб! Далее технлогия REST API будет использоваться во всех последующих приложениях

  • REST API
  • - В чем преимущества REST и почему это лучшее, что есть в вебе
  • - Подробнее про REST API
  • - Один сервер под все версии приложения
  • - Забираем данные с открытых API
  • - Делимся своим API
  • - Защита своего API - CORS / Tokens
  • - CORS дополнительные HTTP-заголовки
  • - Разграничение прав на разные запросы
  • - Все про токены и безопасность авторизаций
  • - Разница между REST API и graphql
  • - Применение graphql как типизация данных и прослойка между REST
#7
Модуль обновлен
Видеоуроки ~1 ч.

Приложение Users CRM

Познакомимся с REST API, а также пагинацией данных и сортировкой. Научимся забирать данные со стороннего API через axios и get/post запросы

    • Приложение Users CRM
    • Приложение Users CRM
  • - Методы взаимодействия с сервером
  • - Различия между axios и fetch
  • - Установка axios базовое использование
  • - Отправка POST и GET запросов
  • - Подгрузка данных со стороннего API
  • - then и обработка ответов
  • - catch и обработка ошибок
  • - Сортировка полученных данных по возрасту, полу и имени
  • - Универсальный метод сортировки любых данных
  • - Пагинация полученных данных
  • - Постепенный показ содержимого через разные страницы
  • - Обработка ошибок
  • - Одновременное использование сортировки и пагинации
#8 Видеоуроки 40 м.

Создание новостной ленты

Сделаем подгрузку содержимого, реализуем свое API. Научимся обновлять данные на фронте, меняя их на сервере, и следить за “свежестью” данных

    • Создание новостной ленты
    • Создание новостной ленты
    • Создание новостной ленты
  • - Разворачиваем на стандартном хостинге мини сервер или пользуемся сторонним
  • - Получаем данные по REST API с своего сервера
  • - CORS - Разрешение на чтение своих данных другим пользователям
  • - Отображение данных от своего API
  • - Слежка за обновлением данных на бекенде и рендер данных на фронтенде
  • - Кнопка с обновлением данных и частичная перерисовка содержимого
  • - Добавляем кнопку “загрузить больше”
  • - Переносим логику “загрузить больше” в vuex.
    Через отдельный js файл для возможности переиспользования
  • - Пишем универсальный прелодер
  • - Отображаение показа загрузки при ожидании ответа от сервера
  • - Переиспользование компонента новостной ленты.
    Например, в CRM/CMS систему!
#9 Видеоуроки ~40 м.

Приложение GitHub Finder

Сторонние API, на примере самого популярного - GitHub. В этом приложении научимся отправлять и получать данные от api.github, как и раньше - по REST API

    • Приложение GitHub Finder
    • Приложение GitHub Finder
  • - Подключение к API github
  • - Создание UI компонента для поиска
  • - Слежка за данными из инпута
  • - Отправка запроса с пользовательскими данными
  • - Обработка запрос-ответа
  • - Отрисовка полученных данных
  • - Вывод репозиториев пользователей
  • - Обработка и показ ошибок
#10 Видеоуроки ~3 ч. 15 м.

SSR Блог на nuxt.js 🔥

Современный блог на nuxt.js + vue.js с рендерингом и админкой, полным SEO и небольшой CRM системой внутри, которая будет показывать все комментарии с возможностью сменять статус "опубликован/не опубликован", а также удалять "спам"

    • SSR Блог на nuxt.js 🔥
    • SSR Блог на nuxt.js 🔥
    • SSR Блог на nuxt.js 🔥
    • SSR Блог на nuxt.js 🔥
    • SSR Блог на nuxt.js 🔥
  • - —— Часть первая — фронтенд
  • - Зачем нужен nuxt.js
  • - SSR - поисковые системы всегда индексируют приложение
  • - Установка nuxt.js через npm и npx
  • - Универсальная структура проекта
  • - Изменяем конфигурации nuxt под себя
  • - Динамические Роуты
  • - Анимация между переходами по роутам
  • - Создание статических страниц
  • - Добавляем динамики - вывод статей
  • - Контактная форма - отправка данных на почту или телеграмм
  • - Подгрузка единичного поста
  • - Форма с комментариями к статье
  • - Глобальная регистрация UI компонентов
  • - Применение attrs и listeners
  • - Админ панель с добавлением / редактированием постов
  • - Модерирование комментариев. Управление состоянем "опубликован" и "удалить"
  • - —— Вторая часть — REST API Backend
  • - Firebase - регистрация нового проекта
  • - Установка axios
  • - Получение ключа для работы по API
  • - Подключение по API к firebase
  • - Добавление новых постов через POST запрос
  • - nuxtInit - GET запрос для сбора всех постов из базы данных
  • - Динамичный вывод единичного поста
  • - Добавление новых комментариев в базу данных
  • - Вывод комментариев для поста, под которым он был написан
  • - Запрос PUT - редактирование постов / комментариев
  • - Обработка изображений для поста
  • - запрос DELETE - удаление постов / комментариев
  • - Аутентификация/логин/регистрация
  • - Базовая защита админ панели
  • - Работа с токенами
  • - Хранение токена администратора
  • - Проверка на наличие токена при put/delete запросах
  • - Локальное хранилище на примере хранения токенов
  • - Хранение Сookie на примере хранения токенов по jwt
  • - —— Заключение — Полное SEO и деплой
  • - Настройка всех SEO тегов
  • - Смена title, description, :og тегов для динамических страниц
  • - Генерация robots.txt
  • - Генерация sitemap.xml
  • - Добавление яндекс метрики
  • - Добавление гугл аналитики
  • - Регистрация модулей для оптимизации аналитик
  • - Добавление приложения в поисковые системы Яндекс и Google
  • - Оптимизация js и вынос библтотек в vendors
  • - Настройка статической генерации
  • - Разница между generate и deploy
  • - Настройка nuxt.config для генерации по API (для обычного хостинга)
  • - Настройка конфига для деплоя (для сервера на node.js)
#11 Видеоуроки ~30 м.

Дополнительный модуль

Дополнительный модуль, где мы рассмотрим различные фичи, которые помогут в дальнейшей разработке!

  • Дополнительный модуль
  • - Использование шаблонизатора pug
  • - Использование любых других препроцессоров
  • - Использование TypeScript
  • - Настраиваем axios пишем универсальный скрипт для форм
  • - Отправляем данные c форм на почту
  • - Работаем с телеграм api. Отправляем данные с форм в телеграмм
  • - Оптимизация api запросов
  • - Плавные анимации между роутами
#12
Модуль обновлен
Доп. материалы

Попробуй сделать

Задания для практики, работа с API / REST. Проекты на которых вы сможете отточить свой скилл!

  • - Несколько проектов, на которых вы сможете потренироваться
  • - Исходиники и рекомендации к каждому из проектов
#13
Модуль обновлен
Доп. материалы

Задачи с собеседований

Модуль с задачами с собеседований и их решением. Более 30 реальных вопросов и 10+ тестовых задач по Vue.js + js!

  • - Более 30 реальных вопросов
  • - 10+ тестовых задач по Vue.js
  • - Тестовые задачи по нативному JavaScript и их решение
#14
Новый модуль
Видеоуроки ~40 м.

Vue.js 3 - Composition API

Смотрим, что нового во вью 3, разбираемся в composition api и сравниваем с options

  • - Сравнение вью 2 и вью 3
  • - Наглядное сравнение options / composition API
  • - Примеры composition API
  • - Что нового в вью 3
  • - Легко переписываем проекты с вью 2 на вью 3
#15
Новый модуль
Доп. материалы

Бонус к курсу вью 2

Набор компонентов на все случаи жизни, куча статей, библитоек и дополнительных видео

  • - Пять проектов из под vue.js 2 с исходниками и демо, включая админ панели, проекты под firebase и сторонние АПИ 🔥
  • - Контроллеры: инпуты, селекты и тп (10+ компонентов / библиотек) 🔥
  • - TypeScript - статьи, инструменты и библиотеки для работы с ts (порядка 20) 🔥
  • - Плагины для dev-tools (7+ плагина)
  • - Плагины для vue-cli (4+ плагины)
  • - Набор фреймворков под вью 2
  • - - Важно: текущий бонус можно получить бесплатно и на всегда только при оставлении отзыва по текущему курсу!
Информация о курсе:
  • Последнее обновление: 30-04-2022
  • Количество достижений: 7
  • Количество отзывов: 40
Уроки:
  • Продолжительность: ~21 ч.
  • Количество модулей: 23
  • Количество уроков: 188
В уроки включено:
  • 85 статей
  • 34 подготовительных материалов
  • 5 домашних работ
Получить доступ к курсу

Отзывы

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

  • Отзыв от Паддинг | Tocode
    Паддинг

    Очень классный курс, наверное лучший авторский курс, какой можно найти на рунете! Начинал с абсолютного нуля, даже не пройдя курс до конца, уже освоился в данном фреймворке (Vue 2, Vue 3).

    Плюсы:

    1. Очень хорошая подача материала, хорошо поставленная речь и без воды.
    2. Все темы применяются на практике прям со старта.
    3. Курс разбит на простые 10-30 минутные видосы по темам, которые не утомляют при просмотре и всегда можно вернуться к конкретной теме.
  • Отзыв от Ярослав | Tocode
    Ярослав

    Шикарный курс! Все доходчиво и без воды. Плавная подача материала вначале и далее по нарастающей. Очень большим плюсом является наличие домашних заданий, а так же обратная связь от Жени! Практика очень помогает закреплять материал. Однозначно рекомендую!)

  • Отзыв от Дмитрий | Tocode
    Дмитрий

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

  • Отзыв от Владимир | Tocode
    Владимир

    Хочу поблагодарить Евгения за курс! Рекомендую всем желающим войти в мир JS-фреймворков обратить на этот курс пристальное внимание. Узнал о нем я от своего друга, карьера которого резко изменилась в лучшую сторону после прохождения курса - теперь он Senior Developer. В процессе поэтапного прохождения обучения лично я узнал огромное количество новой информации, и по сути - my eyes have been opened). Курс идеально подойдет для специалистов, уже имеющих определенный опыт в разработке, но даже если вы новичок - не переживайте, эта информация однозначно будет бесценна и позволит вам удачно начать собственное развитие!

    Основным преимуществом курса я считаю именно опыт в создании современных приложений от а А до Я, от пустого места - до деплоя готового проекта. Router, Vuex, Webpack, SCSS, фреймворк Nuxt, REST API, CLI, БД и др. - всего этого вы коснетесь по мере прохождения курса. Лично меня это курс направил на пути разработчика, также теперь значительно легче дается изучение React.

    Желаю всем удачи в профессиоанльном плане)

  • Отзыв от Алексей | Tocode
    Алексей

    Решил приобрести его после просмотра серии роликов про webpack.

    Несомненные плюсы курса:

    1. Подача автора, хорошо поставленная речь и минимум воды.
    2. Буквально с первых уроков идет практика.
    3. Все разбито на модули и можно со спокойной душой выбирать нужные тебе отрывки
  • Отзыв от Андрей | Tocode
    Андрей

    Начинал изучать Vue самостоятельно, но как то не задалось, не смог освоить компонентный подход. Искал курсы, выбирал из нескольких. Остановился на курсе Евгения, т.к. он содержал наибольшее количество практических домашних заданий, блок по Next и сертификат. По итогу я освоил Vue в полном объеме и свободно могу применять на практике. Курс однозначно рекомендую!

  • Отзыв от Юрий | Tocode
    Юрий

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

  • Отзыв от Сергей | Tocode
    Сергей

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

  • Отзыв от Анна | Tocode
    Анна

    Курсом я довольна. До курса я активно изучал и пыталась практиковаться по VUEjs. Теоретическая часть требовала структурированности и чувствовалась нехватка практики. Все это я получила в курсе.

  • Отзыв от Анастас | Tocode
    Анастас

    Классный и информативный курс по vue.js, во многом благодаря которому я смог найти свою первую работу в IT сфере. В течение курса вы будете писать различные проекты и таким образом создавать свое портфолио на гитхаб. Именно благодаря такому портфолио меня и пригласили на собеседование и впоследствии приняли на работу.

    Больше всего мне понравилось умение автора доходчиво и емко объяснять сложные темы, его фокусировка на практике. ДЗ проверяются в течение 1-2 дней с информативным и полезным фидбеком. Кроме того, огромным плюсом является - общий чат участников курса, в котором не только сам автор, но и другие ребята оказывают помощь друг другу и скидывают разные полезные ссылки на статьи, книги и видео-уроки. В общем всем советую.

  • Отзыв от Евгений | Tocode
    Евгений

    Завершил курс по vue2, сейчас начну vue3. Очень удобная система CRM, проходить курс, видеть свой прогресс.

    Так же отмечу автора курсу Евгения, всегда выходит на связь, поможет с любым вопросом в ходе прохождения курса. Ну и цена - качество соответствует. Из пожеланий, хотелось бы дальнейшее развития курса по vue, более трудных тем с интересными дз) всем рекомендую, кто ещё сомневается!

  • Отзыв от Никита | Tocode
    Никита

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

Часть курса бесплатно

Начните заниматься уже сейчас и получите два модуля бесплатно!

Это ни к чему не обязывает. Если понравится, вы сможете оплатить и продолжить обучение. Кнопка ниже направит вас на страницу получения курса и регистрации на сайте. Регистрация и получения частичного доступа к курсу бесплатны.

Получить доступ к курсу
демо-доступ к курсу tocode

7 проектов в портфолио

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

  • SSR Blog. Nuxt.js + Vue.js
    SSR Blog. Nuxt.js + Vue.js
    • 🔥 SSR и Полная SEO оптимизация
    • 🔥 Авторизация, регистрация пользователей
    • Защита админ панели
    • Работа с токенами - JWT
    • Локальное хранилище
    • Хранение сессий
    • Markdown разметка
  • Notify App
    Notify App
    • 🔥 Создание своего API
    • Работа с CORS - делимся своим API
    • loadMore - постепенная подгрузка содержимого
    • lazyLaod - "ленивая" подгрузка содержимого
    • Хранение данных полученных c API в Vuex
  • Users CRM
    Users CRM
    • 🔥 Сортировка входных данных
    • 🔥 Пагинация входных данных
    • Работа со сторонним API
    • Сбор данных через REST API
  • GitHub Finder
    GitHub Finder
    • Работа с API GitHub
    • Вывод информации о пользователе
    • Вывод репозиториев пользователя
    • Обработка ошибок
  • Shop App
    Shop App
    • Работа с Vue-Router
    • Создание динамических маршрутов
    • Храниение и взаимодействие с данными из Vuex
    • Работа с общим стейтом приложения
  • Modals
    Modals
    • Переиспользование компонентов
    • Валидация полей
    • Скрытие элементов при клике за облость
    • Отслеживание клавиш
    • Отправка данных с форм на почту + в телеграмм канал
  • Notes App
    Notes App
    • Полная настройка VUE CLI 3
    • Работа с emit
    • Компонентный подход
    • Разделение логики на компоненты
    • Фильтрация элементов
    • Удаление и редактирование элементов
Текущий курс, хоть и по второй версии Vue, но все еще актуален и будет работать на Vue.js 3, потому что курс построен на Options API. Недавно я также добавил модуль по Composition API и обновил старые модули. И все же, если вы посчитаете, что вам нужен именно Vue.js 3, то вы можете записаться на новый курс, тогда текущий будет добавлен на аккаунт бесплатно и навсегда по акции 1 + 1.
Евгений, автор курса.

Записаться на курс

Выберите тариф и запишитесь на курс

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

  • Необходимый уровень для прохождения курса?
    Курс идет по ступеням - от легкого к более продвинутому. Поэтому на начальном этапе будет достаточно понимать базис JavaScript, а со всем остальным мы разберемся постепенно!

    Хорошей практикой будет, если вы уже верстали сайт с применением нативного js или jquery, тогда вы легко освоите vue.js. Обычно верстальщикам этот фреймворк дается проще всего.

    Если у вас не хватает знаний в js или вы переживаете, что не выйдет, тогда запишитесь на консультацию и получите демо-доступ к части уроков БЕСПЛАТНО, а когда убедитесь, что все даётся легко, тогда купите полный курс или не купите, это ваше дело :)
  • Зачем платить, если всё уже есть на torrent?
    Я знаю много людей, которые сохранили на жесткий диск гигабайты пиратских курсов, которые они даже не посмотрели.

    Приведу пример, вы скачали курс с трекера, что вы получите? Никакой обратной связи, устаревшая информация, куча гигабайт на жестком диске, которые просто пылятся. Даже если предположить, что вы 1 из 100 людей, которые действительно досмотрели скаченный с трекера курс до конца, то что тогда? Вы пересилите себя и за 4-5 месяцев пройдете курс без домашних работ и менторов, а это просто трата времени и ваших сил, что приведет к выгоранию.

    Другой пример, если вы приобрели курс. Вы получаете обратную связь, которая дается индивидуально на каждую домашнюю работу и за счет этого происходит рост, которого нельзя получить в пиратке. Более того, покупая курс вас мотивирует «жаба», которая душит и старается сделать так, чтобы вы отработали все вложенные деньги и за максимально короткий срок. Обычно студенты, которые проходит мои курсы, находят работу уже во время прохождения курса (уже на втором месяце) и окупают стоимость курса в несколько раз.

    Мир технологий быстро развивается и все обновления по курсу я буду публиковать здесь. Приобретая курс, вы получаете их бесплатно, а в пиратке будет устаревший контент.
  • Курс уже записан или это формат вебинара?
    Курс уже записан и полностью доступен (кроме того, периодический обновляется). Мне, как и многим, не нравится формат вебинаров, реальных знаний или практики на них мало. Поэтому был выбран формат записи коротких и структурированных видео, разбитых по модулям с плавной и понятной подачей материала. Без воды, только практика. Такой подход позволяет оставить цену на доступном уровне и значительно повысить качество материала.
  • Есть расписание? Сколько длится курс?
    Расписания нету, смотрите, когда будет нужным. Есть только общие рекомендации, следуя которым, обучение проходит за 4 недели.
  • Сколько человек уже записано?
    Телеграм группа по vue.js
    В общей группе курса на текущий момент (19.04.2022) свыше 170 человек. Так что скучно не будет.
  • Если я что-то не пойму?
    В курсе обсуждаются продвинутые темы при этом - достаточно простым языком и по ступеням - от легкого к тяжелому. Поэтому не понять очень сложно. Есть группа в телеграмме, в которой могут помочь участники курса, в том числе и я. Если вопрос более глобальный - мы всегда можем списаться или созвониться (зависит от тарифа) и закрыть пробелы в знаниях.
  • Как происходит отправка домашних заданий?
    Отправка домашних заданий происходит через личный кабинет, там же будет ревью и кол-во полученных баллов.

    В текущем курсе пять домашних заданий, почти каждое домашнее задание доступно в двух вариантах: простое и продвинутое.

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

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

    У домашних заданий есть временной интервал, в который вы должны успеть отправить все дз (зависит от тарифа). При этом, у сертификата такого интервала нету, и вы можете получить его в любой момент. Если срок отправки домашних заданий подошел к концу, вы все еще можете отправить дз на проверку, через телеграм или почту куратора (только в продвинутом варианте и одной ссылкой), если сертификат еще не был получен, тогда оценка на будущем сертификате будет обновлена по итогу полученных баллов.

Почему tocode

Сертификат, ревью ваших домашних работ, прогресс обучения и многое другое

Ваш будущий сертификат

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

Ваш будущий сертификат
  • Сертификат доступен в электронном виде, в личном кабинете и в pdf формате;
  • Вместе с тем, у вас будет персональная ссылка с подтверждением оценки. Ссылку вы сможете добавить в резюме, тем самым подтвердив свой уровень подготовки.
Статистика и прогресс
Статистика

Наблюдайте за прогрессом, соревнуйтесь с другими участниками курса.

Статистика покажет сколько вы посмотрели видео, из каких модулей, в какой промежуток времени и в каком количестве.

Закладки

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

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

Закладки tocode

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

Стрики

Смотрите видео каждый день, чтобы набрать больше очков стрика.

  • Каждый просмотр первого видео за день (из любого курса) будет увеличивать счетчик «стирка» на плюс единицу, это отличная мотивация заниматься каждый день;
  • Соревнуйтесь с другими участниками курса, а за просмотры видео 10 дней подряд вы получите эксклюзивный "бэйдж".
Домашние работы
Домашние работы

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

  • Отправка домашних заданий происходит через личный кабинет, там же будет подробное ревью и кол-во полученных баллов, статистика и так далее;
  • За каждое домашнее задание вы получаете определенное кол-во баллов, баллы влияют на оценку в сертификате;
  • Домашние работы можно пересдать.
Статьи

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

Под каждым видео вы сможете найти статью и исходный код из видео.

Статьи tocode

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

Комментарии

Делитесь своим мнением, смотрите советы других студентов. Комментарии доступны под каждым видео из курса.

Полноценная система комментариев для каждого видео и статьи из курса.

Система комментариев

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

Все еще сомневаетесь?

Попробуйте часть курса бесплатно! Номер телефона или данные от вашей карточки вводить не нужно.

Это ни к чему не обязывает. Если понравится, вы сможете оплатить и продолжить обучение. Кнопка ниже направит вас на страницу получения курса и регистрации на сайте. Регистрация и получения частичного доступа к курсу бесплатны.

Получить доступ к курсу
демо-доступ к курсу tocode