tocode.ru
Максимально практическое обучение коду без воды. Видео уроки посвященные программированию на JavaScript и веб разработке.
Продолжительность
26 ч 41 мин
Категория
VueКоличество уроков
170 Видео
Дата добавления
29 нояб. 2019 г., 18:07
Язык
Русский
Дата обновления
29 апр. 2026 г., 05:44
Курс по Vue.js – с нуля до про поможет вам уверенно войти в сферу современной фронтенд‑разработки. Это практическое обучение, где каждый модуль направлен на создание реальных приложений, прокачку навыков и подготовку к коммерческим проектам.
Почему стоит изучать Vue.js
Vue.js – один из самых популярных и востребованных JavaScript‑фреймворков в мире. Он отличается низким порогом входа, высокой скоростью работы и понятной структурой кода, что делает его идеальным выбором как для новичков, так и для опытных разработчиков.
Фреймворк активно используется крупными компаниями, включая Alibaba, Xiaomi, Baidu, Sina Weibo и многими другими. Зная Vue.js, вы открываете себе путь к работе в международных IT‑командах.
Что ждёт вас в процессе обучения
Подготовка к успешному трудоустройству
Курс ориентирован на то, чтобы вы уверенно проходили технические интервью и могли претендовать на позиции Junior/Junior+ Vue‑разработчика.
Полное погружение в практику
Более 150 видеоуроков, структурированных от простого к сложному. Никакой воды — только необходимые инструменты, паттерны и реальные кейсы.
Создание портфолио
Вы разработаете 7 полноценных приложений, которые сможете разместить на GitHub и показать работодателю.
Чему вы научитесь
Компонентный подход
Правильно разделять код и интерфейс на компоненты, переиспользовать их и строить архитектуру масштабируемых приложений.
Разработка приложений на полном стеке Vue.js
Вы освоите работу с REST API, научитесь хранить и изменять данные, взаимодействовать с сервером и создавать динамичные интерфейсы.
Работа с API
Вы разберётесь в REST API, принципах обмена данными и типичных ошибках, а также научитесь работать с внешними и собственными API‑сервисами.
Менеджмент состояния с Vuex
Actions, Mutations, State, Getters — освоите все механики управления состоянием в средних и крупных приложениях.
Роутинг и авторизация
Настроите маршруты, разграничение ролей, защиту страниц и проверку авторизации пользователя.
Выбор технологий и библиотек
Поймёте, какие инструменты использовать в больших проектах, и научитесь комбинировать их с Vue.js.
Оптимизация Vue-приложений
Изучите методы повышения производительности и научитесь применять оптимизацию в нужный момент.
Выпускные проекты курса
Все задания курса основаны на реальной практике. Вот что вы создадите:
SSR Blog (Nuxt.js + Vue.js)
- SSR и SEO‑оптимизация
- Авторизация и регистрация
- Защищённая админ‑панель
- Работа с JWT‑токенами
- Локальное хранилище и хранение сессий
- Поддержка Markdown
Notify App
- Создание собственного API
- Работа с CORS
- LoadMore и ленивая подгрузка
- Хранение данных в Vuex
Users CRM
- Работа со сторонними API
- REST‑запросы
- Сортировка и пагинация данных
GitHub Finder
- Работа с GitHub API
- Получение данных пользователя
- Вывод списка репозиториев
- Обработка ошибок
Shop App
- Маршрутизация с Vue‑Router
- Динамические маршруты
- Работа с Vuex‑хранилищем
- Глобальный стейт приложения
Modals
- Переиспользуемые компоненты
- Валидация форм
- Обработка кликов вне области модального окна
- Отслеживание нажатий клавиш
- Отправка данных на email и в Telegram
Notes App
- Полная настройка VUE CLI 3
- Работа с emit‑событиями
- Компонентный подход
- Разделение логики
- Фильтрация записей
- Редактирование и удаление заметок
- Урок 1.00:12:33Вступление
- Урок 2.00:13:40WorkFlow
- Урок 3.00:08:19Что не нужно делать
- Урок 4.00:09:49Вступление - о вью
- Урок 5.00:06:08Инициализация вью
- Урок 6.00:04:36Инпуты
- Урок 7.00:04:39Methods
- Урок 8.00:04:11Computed
- Урок 9.00:03:13Boolean значения
- Урок 10.00:10:37Data & v-for
- Урок 11.00:08:43Created & mounted
- Урок 12.00:02:33Что будем делать
- Урок 13.00:09:13Инициализация
- Урок 14.00:07:42Добавление note
- Урок 15.00:04:18Reset / валидация
- Урок 16.00:02:13Проблемы
- Урок 17.00:06:52Установка vue cli 3
- Урок 18.00:09:03Запуск и структура
- Урок 19.00:09:49Подключение scss
- Урок 20.00:03:03Подключение шрифта
- Урок 21.00:17:59Настройка конфига
- Урок 22.00:15:18Обновление пакетов
- Урок 23.00:02:00Удаление пакетов
- Урок 24.00:17:59Настройка конфига
- Урок 25.00:15:18Обновление пакетов
- Урок 26.00:02:00Удаление пакетов
- Урок 27.00:08:36Переносим приложение
- Урок 28.00:12:58Компонент Message
- Урок 29.00:09:33Компонент newNote
- Урок 30.00:06:44Компонент notes
- Урок 31.00:05:51Удаление
- Урок 32.00:10:43Toggle у классов
- Урок 33.00:18:33Фильтрация заметок
- Урок 34.00:04:37ДЗ
- Урок 35.00:02:55Вступление
- Урок 36.00:10:34Установка
- Урок 37.00:02:05Закрытие по крестику
- Урок 38.00:02:17Закрытие по клику на область
- Урок 39.00:03:45Закрытие по ESC
- Урок 40.00:08:49Слоты
- Урок 41.00:09:48Анимации
- Урок 42.00:10:26Базовая форма
- Урок 43.00:08:55Валидация #1
- Урок 44.00:16:42Валидация #2
- Урок 45.00:04:51Валидация #3
- Урок 46.00:03:52Валидация #4
- Урок 47.00:03:06Валидация #5 - Final
- Урок 48.00:04:44ДЗ
- Урок 49.00:04:38Вступление
- Урок 50.00:11:05Установка
- Урок 51.00:04:19Навбар
- Урок 52.00:05:27Динамические ссылки
- Урок 53.00:02:42Активные ссылки
- Урок 54.00:04:43Не существующие роуты
- Урок 55.00:03:31history
- Урок 56.00:02:33Vuex вступление
- Урок 57.00:03:48Установка
- Урок 58.00:10:10Базис
- Урок 59.00:03:18Вывод State
- Урок 60.00:08:12Динамичность
- Урок 61.00:05:37Модули
- Урок 62.00:01:20Вступление
- Урок 63.00:04:28Установка
- Урок 64.00:06:25Массив с продуктами
- Урок 65.00:08:34Работа с стейтом
- Урок 66.00:06:39Динамика
- Урок 67.00:08:57Единичный товар
- Урок 68.00:16:19Подключаем слайдер
- Урок 69.00:06:46Про текущий подход
- Урок 70.00:03:02ДЗ
- Урок 71.00:02:27Вступление
- Урок 72.00:08:17vue cli или webpack
- Урок 73.00:34:50Установка Babel 7 и webpack dev server.
- Урок 74.00:27:14Препроцессоры
- Урок 75.00:39:56Merge / Обработка файлов
- Урок 76.00:24:03Подключение VUE и VUEX
- Урок 77.00:26:38Ускоряем загрузку JS в 3-4 раза
- Урок 78.00:17:31Подключение шрифтов
- Урок 79.00:07:58Обзор на сборку
- Урок 80.00:08:50Модальные окна
- Урок 81.00:06:11Про подход
- Урок 82.00:06:59Vuex в верстке
- Урок 83.00:07:13Применение UI компонентов
- Урок 84.00:08:39Оптимизация компонентного подхода
- Урок 85.00:02:27Заключение
- Урок 86.00:14:16Как было раньше?
- Урок 87.00:10:41REST основы
- Урок 88.00:03:09Главный плюс
- Урок 89.00:05:31Давайте делиться
- Урок 90.00:05:47Защита #1
- Урок 91.00:14:38Защита #2
- Урок 92.00:06:54GraphQL
- Урок 93.00:03:43Вступление
- Урок 94.00:07:01Инициализация
- Урок 95.00:06:27Таблица
- Урок 96.00:15:14Пользователи
- Урок 97.00:12:33Сортировка
- Урок 98.00:14:37Пагинация
- Урок 99.00:02:35Вступление
- Урок 100.00:10:57Установка
- Урок 101.00:05:35Внешний вид
- Урок 102.00:10:33Прелодер
- Урок 103.00:16:04Notify API
- Урок 104.00:12:18Подгружаем содержимое
- Урок 105.00:09:39Кнопка "обновить"
- Урок 106.00:08:46Вывод главных сообщений
- Урок 107.00:20:33loadMore #1
- Урок 108.00:10:18loadMore #2
- Урок 109.00:03:41Вывод ошибок
- Урок 110.00:06:14ДЗ
- Урок 111.00:02:39Вступление
- Урок 112.00:02:51Установка
- Урок 113.00:07:33Search
- Урок 114.00:09:58Подключаемся к API
- Урок 115.00:09:58Выводим репозитории
- Урок 116.00:04:48Обработка ошибок
- Урок 117.00:02:59ДЗ
- Урок 118.00:13:41Дополнительные подключения
- Урок 119.00:20:36Отправка данных на почту
- Урок 120.00:01:37Отправка данных в телегарм
- Урок 121.00:08:20Вступление
- Урок 122.00:16:35Установка
- Урок 123.00:08:46Обзор
- Урок 124.00:13:12Динамические роуты
- Урок 125.00:13:27Базовая настройка
- Урок 126.00:14:56Страница о блоге
- Урок 127.00:04:04Главная страница
- Урок 128.00:14:59Выводим посты
- Урок 129.00:07:48Контактная форма
- Урок 130.00:08:54Единичный пост
- Урок 131.00:14:53Комментарии к статье
- Урок 132.00:11:58Buttons
- Урок 133.00:10:16Inputs
- Урок 134.00:09:38Message
- Урок 135.00:05:41Errors - layout
- Урок 136.00:10:26Регистрация компонентов
- Урок 137.00:05:48Админ панель
- Урок 138.00:15:24Добавление статьи
- Урок 139.00:14:16Редактирование статьи
- Урок 140.00:15:30Комментарии
- Урок 141.00:14:25Логин для админа
- Урок 142.00:04:45Вступление
- Урок 143.00:15:32Про asycData
- Урок 144.00:09:19Firebase
- Урок 145.00:18:28Добавление поста
- Урок 146.00:15:06Подгрузка всех постов
- Урок 147.00:15:38Редактирование поста
- Урок 148.00:08:19Добавление нового комментария
- Урок 149.00:08:35Вывод единичного поста
- Урок 150.00:17:34Фильтр комментариев
- Урок 151.00:18:56Модерация комментариев
- Урок 152.00:13:44Auth - регистрация/логин админа
- Урок 153.00:15:16Auth - редиректы и защита
- Урок 154.00:14:43Logout
- Урок 155.00:03:17Вступление
- Урок 156.00:15:07Смена тегов
- Урок 157.00:06:38Robots.txt / SItemap.xml
- Урок 158.00:04:34No-ssr
- Урок 159.00:04:12Yandex / google
- Урок 160.00:06:21Аналитика и метрика
- Урок 161.00:06:24Vendors
- Урок 162.00:18:00Деплой Generate
- Урок 163.00:08:56Деплой Server
- Урок 164.00:04:55Деплой в режиме SPA
- Урок 165.00:03:26Заключение
- Урок 166.00:04:56ДЗ
- Урок 167.00:00:34Вступление
- Урок 168.00:16:31Локальное хранилище
- Урок 169.00:19:28Cookie
- Урок 170.00:04:30Анимация
Автор - tocode.ru
Комментарии
- Разжуют строение проекта
- Покажут разные варианты исполнения
Минусы:
- Кривой монтаж, странные паузы и перепрыгивание с фразы на фразу
- Пишешь код за автором, он все стирает и начинает делать по-другому
- Низкое качество озвучки
- Нет информации про то, что уже есть Vue 3
вы почините как нибудь, потому что с vue3 всё нормально скачалось
А данный курс действительно хороший.
не слушайте иво
Вроде есть на ютубе от Минина курс по Вебпаку, но у него сложнее объяснения, тут же просто огонь.
Так же если Минин и другие делают какие то костыли на JS для серверной части,
тут человек знает php и дает отличное понимания взаимодействия с бекэндом.
Объясняет как в реальном мире будет взаимодействие. Причем понятным языком.