tocode.ru
Максимально практическое обучение коду без воды. Видео уроки посвященные программированию на JavaScript и веб разработке.
Продолжительность
26 ч 41 мин
Категория
Vue
Количество уроков
170 Видео
Дата добавления
29 нояб. 2019 г., 18:07
Язык
Русский
Овладей трендовым фреймворком в курсе vue.js - с нуля до про. Полное руководство по современной веб-разработке!
Что вас ждёт в процессе обучения?
Подготовка к интервью
Курс нацелен на успешное прохождение интервью и дальнейшее трудоустройство
Знания и навыки
Более 150 Видео. 0% воды и 100% практических примеров, которые действительно пригодятся в работе.
Кейсы и проекты
7 современных приложений для вашего портфолио и GitHub
Чему Вы научитесь:
Правильно разделять код и UI на компоненты
Правильно разделив код на компоненты, Вы сможете переиспользовать их в разных частях вашего приложения и любых других приложениях.
Разрабатывать полноценные приложения на стеке vue.js
Vue.js является лишь представлением данных. Мы также изучим как хранить данные, а также взаимодействововать с ними по технологии REST API. Как общаться с сервером - принимать и отдавать запросы.
Работе с API
На API строится весь современный веб. Понимание того как работют такие технологии как REST API или GraphQL делают вас намного востребованнее и профессиональнее.
Состоянию приложения с VUEX
Actions, Mutations, State, Getters - все для правильного храненения данных и их дальнейшего взаимодействия.
Роуты и авторизация
Авторизация на клиенте, защита данных, проверка авторизации на сервере. Скрытие роутов для не зарегистрированных пользователей. Разграничение ролей.
Выбирать правильные инструменты и технологии
Помимо стека vue-приложений мы пройдемся по основным библиотекам и технологиям, которые помогут в создании больших приложений.
Оптимизировать Vue.js приложения
Правильный подход к оптимизации изначально может значительно скоратить время в дальнейшем. Научимся понимать, когда нужна оптимизация и как применять ее наиболее корректно.
Почему нужно учить vue?
Vue – мировой лидер фреймворков! Этот фреймворк используется среди компний крупного и среднего бизнеса по всему миру. Самую большую популярность vue.js получил на китайском и европейском рынке. Его используют большинство китайских компаний: Alibaba (мировой лидер торговли в сети), Baidu (IT-гигант, лидер отрасли), Xiaomi, Sina Weibo и другие крупные компании.
7 выпускных проектов:
Весь курс будет основан на практике. Потому что именно благодаря практике идет реальное изучение. Ниже показаны примеры выпускных приложений, которые будут разработаны в курсе!
SSR Blog. Nuxt.js + Vue.js
- SSR и Полная SEO оптимизация
- Авторизация, регистрация пользователей
- Защита админ панели
- Работа с token`ами - JWT
- Локальное хранилише
- Хранение сессий
- Markdown разметка
Notify App
- Создание своего API
- Работа с CORS - делимся своим API
- LoadMore - Постепенная подгрузка содержимого
- Ленивая подгрузка содержимого
- Хранение данных полученных от API в Vuex
Users CRM
- Работа с сторонним API
- Сбор данных через REST API
- Сортировка входных данных
- Пагинация входных данных
GitHub Finder
- Работа с API GitHub
- Вывод информации о пользователе
- Вывод репозиториев пользователя
- Обработка ошибок
Shop App
- Работа с Vue-Router
- Создание динамических маршрутов
- Храниение и взаимодействие с данными из Vuex
- Работа с общим стейтом приложения
Modals
- Переиспользование компонентов
- Валидация полей
- Скрытие элементов при клике за облость
- Отслеживание клавиш
- Отправка данных с форм на почту + в телеграмм канал
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
Категории
Комментарии
Команда внимательно читает ваши комментарии и оперативно на них реагирует. Вы можете спокойно оставлять запросы на обновления или задавать любые вопросы о курсе здесь.
Другие материалы в этой категории
vuemastery
8 окт. 2019 г., 15:56
Основы Vue 3
Vue 3 Essentials
Понимание будущих функций Vue 3, которые позволяют разработчикам создавать масштабируемые приложения Vue.
Vue JS 2: Полное руководство
Vue JS 2 - The Complete Guide (incl. Vue Router & Vuex)
(UPDATED 02/2018)! VueJS - крутой JavaScript фрэймворк для создания фронт-енд приложений. Vue 2 взял лучшее у Angular 2 и React. Общедоступные фрэймворки чрезвычайно популярны, потому что они дают нам рективную скорость построение сложных приложений из коробки. Не удивительно, что рабочие места с такими навыками как фрэймворк VueJS являются одними из самых высокооплачиваемых. Вы можете уже знать Angular 2 и ReactJS, но VueJS сочетает в себе самое
vuejsdevelopers.com
5 сент. 2019 г., 00:41
Enterprise Vue
Научитесь создавать полнофункциональное CRUD-приложение Vue.js и аутентифицированный Node.js API-интерфейс с модульным тестированием, современным JavaScript и лучшими практиками. Видео-курс премиум-класса от Энтони Гора, создателя vuejsdevelopers.com и автора Full-Stack Vue 2 и Laravel 5.
vuejsdevelopers.com
19 нояб. 2019 г., 16:17
Создайте профессиональное приложение Vue с Vuex и SSR
Build A Professional Vue App with Vuex & Server-Side Rendering
Станьте экспертом Vue.js, научившись создавать высокопроизводительное серверное приложение с Vuex!
vuejsdevelopers.com
19 нояб. 2019 г., 17:41
Создание одностраничного приложения Vue.js с помощью Vue Router
Build A Vue.js Single-Page App with Vue Router
Изучите Vue, создав современное веб-приложение на основе компонентов с архитектурой SPA! К концу этого курса вы сможете создать высокопроизводительное многофункциональное приложение Vue.js с использованием архитектуры одностраничного приложения (SPA).
- Разжуют строение проекта
- Покажут разные варианты исполнения
Минусы:
- Кривой монтаж, странные паузы и перепрыгивание с фразы на фразу
- Пишешь код за автором, он все стирает и начинает делать по-другому
- Низкое качество озвучки
- Нет информации про то, что уже есть Vue 3
вы почините как нибудь, потому что с vue3 всё нормально скачалось
А данный курс действительно хороший.
не слушайте иво
Вроде есть на ютубе от Минина курс по Вебпаку, но у него сложнее объяснения, тут же просто огонь.
Так же если Минин и другие делают какие то костыли на JS для серверной части,
тут человек знает php и дает отличное понимания взаимодействия с бекэндом.
Объясняет как в реальном мире будет взаимодействие. Причем понятным языком.