Одну секунду
Что-то сучилось. Попробуйте еще раз.
Vue курс смотреть последние обновления за сегодня на .
В этом ролике мы разберем все основные концепции Vue 3 и пройдемся по нему от А до Я. Разработаем приложение с основными кейсами, которые встречаются везде: CRUD, сортировка, поиск, пагинация, динамическая пагинация. Сделаем mixins, directives, изучим vuex и composition api. Мой курс "Продвинутый Frontend. В production на React" - 🤍 Исходный код урока здесь ➝ 🤍 Таймкоды: 00:00 ➝ Введение 02:00 ➝ Теория 07:50 ➝ Начало разработки. Создание проекта 12:40 ➝ Компонент App 14:41 ➝ Интерполяция 15:44 ➝ Methods. V-ON. Слушатели событий 17:40 ➝ Vue devtools. Инструменты разработчика 20:00 ➝ Cтили 21:51 ➝ Отрисовка в цикле. Директива V-FOR 23:00 ➝ Создание нового поста 25:35 ➝ Двустороннее связывание 30:30 ➝ Модификаторы stop, prevent 31:50 ➝ Декомпозиция. Создаем переиспользуемые компоненты 35:30 ➝ Props. Передаем данные в компонент 38:20 ➝ V-MODEL 41:20 ➝ $emit. Обмен данными между дочерним и родительским компонентом 50:10 ➝ Библиотека UI компонентов 53:55 ➝ Глобальная регистрация компонента 58:20 ➝ Подробно о V-MODEL 01:04:08 ➝ Удаление поста. Ключи KEY в цикле 01:07:30 ➝ Отрисовка по условию 01:10:20 ➝ Модальное окно 01:16:00 ➝ Модификаторы V-MODEL 01:17:25 ➝ Работа с сервером. Получаем посты. Axios 01:20:23 ➝ Жизненный цикл компонента 01:23:20 ➝ Индикатор загрузки данных 01:25:00 ➝ Выпадающий список. Сортировка постов 01:31:08 ➝ Наблюдаемые WATCH и вычисляемые COMPUTED свойства 01:39:08 ➝ Анимации transition group 01:42:20 ➝ Поиск постов. Фильтрация 01:44:15 ➝ Пагинация. Постраничный вывод 01:48:08 ➝ Динамический биндинг классов и стилей 01:51:30 ➝ Динамическая пагинация. Бесконечная лента. Intersection API 01:54:20 ➝ Refs. Доступ к DOM элементу 01:58:48 ➝ VUE-ROUTER. Постраничная навигация 02:07:50 ➝ Динамическая навигация 02:11:10 ➝ Создаем собственные директивы V-INTERSACTION и V-FOCUS 02:18:15 ➝ Mixins. Примеси 02:22:15 ➝ Vuex. Глобальное состояние приложения 02:47:15 ➝ Composition API 03:00:40 ➝ Самое время поставить КОММЕНТАРИЙ и написать ЛАЙК :) Мой канал в telegram и канал для общения подписчиков - 🤍 Поддержать меня и мой канал вы можете по ссылкам ниже. Patreon/boosty (доступ к бонусам) - 🤍 Qiwi кошелек ➝ 🤍 Яндекс деньги ➝ 🤍
Получить профессию Frontend разработчика - 🤍 Подробнее узнать об обучении в Result School - 🤍 Бесплатный курс HTML & CSS - 🤍 Сделать 5 проектов на JavaScript - 🤍 Я в соц сетях: Telegram: 🤍 VK: 🤍 Instagram: 🤍 Мои паблики по JavaScript: Telegram: 🤍 VK: 🤍 Instagram: 🤍 JavaScript cообщества: Discord: 🤍 Telegram: 🤍 Roadmap по каналу: 🤍 Исходники и тема тут: 🤍 #vue #vue3
В этом ролике мы пройдемся по всем основным возможностям фрэймворка vue js. Рассмотрим vue router для постраничной навигации и изучим стэйт менеджер vuex. Vue js уроки, vue полный курс. Vue vuex vutify. Vue router. Мой курс "Продвинутый Frontend. В production на React" - 🤍 Поддержать меня и мой канал вы можете по ссылкам ниже. Qiwi кошелек - 🤍 Яндекс деньги - 🤍 #Vue #Vuejs #Vuex
Получить профессию Frontend разработчика - 🤍 Подробнее узнать об обучении в Result School - 🤍 Бесплатный курс HTML & CSS - 🤍 Сделать 5 проектов на JavaScript - 🤍 Я в соц сетях: Telegram: 🤍 VK: 🤍 Instagram: 🤍 Мои паблики по JavaScript: Telegram: 🤍 VK: 🤍 Instagram: 🤍 JavaScript cообщества: Discord: 🤍 Telegram: 🤍 Roadmap по каналу: 🤍 В ролике вы узнаете про все основные моменты, которые есть во Vue JS всего лишь за 50 минут, написав SPA приложение Содержание: 00:00 Что такое Vue 00:50 Как установить Vue 03:20 Обзор проекта 05:14 Как работает проект 05:57 Как работают файлы .vue 07:12 Что такое компоненты 11:50 Создание данных 12:48 Передача параметров в компонент 14:05 Итерация массивов с v-for 15:40 Валидация параметров 17:58 Работа со стилями 20:17 Динамические классы 21:13 Добавление событий 23:57 Работа с методами 25:50 Работа с формами 28:11 Работа с моделями с v-model 32:57 Жизненный цикл (mounted) 33:15 Работа с сервером 34:41 Мультистраничность с Vue Router 40:11 Как работает v-if 41:00 Добавление компонента loader 44:00 Фильтры 45:58 Computed свойства Ссылка на исходники: 🤍 #vue #vuejs
#YauhenK #webDev #vue #vuejs Всех приветствую в курсе «Vue.js». В данном видео-курсе мы с вами рассмотрим работу с JavaScript фрэймовком Vue.js 2-й версии. А так же разберём все необходимые темы и понятия, которые нужны для того что бы начать разрабатывать на Vue.js. ✒ Репозиторий курса: ✔ GitHub: 🤍 ✒ Timeline: ✔ 0:00 - Введение (Introduction) ✔ 4:18 - Экземпляр Vue (The Vue Instance) ✔ 9:42 - Данные и методы (Data & Methods) ✔ 14:59 - Привязка данных (Data Binding) ✔ 20:55 - Списки и динамические классы (Lists & Dynamic CSS Classes) ✔ 24:56 - События (Events) ✔ 30:00 - Модификаторы события (Events Modifiers) ✔ 34:54 - События клавиатуры (Keyboard Events) ✔ 38:58 - Двусторонняя привязка данных (Two-Way Data Binding) ✔ 43:08 - Вычисляемые свойства (Computed Properties) ✔ 48:52 - Условный рендеринг (Conditionals) ✔ 54:13 - Summary (To-Do App) ✔ 01:07:34 - Множественные экземпляры Vue (Multiple Vue Instances) ✔ 01:12:40 - Введение в компоненты (Intro to Components) ✔ 01:16:35 - Ссылки на элементы (Refs) ✔ 01:20:55 - The Vue CLI ✔ 01:28:02 - Файловая система Vue CLI (Vue CLI Files) ✔ 01:33:50 - Вложенность и импорт компонентов (Nesting & Importing Components) ✔ 01:39:21 - Хуки жизненного цикла (Lifecycle Hooks) ✔ 01:44:26 - Динамические компоненты (Dynamic Components) ✔ 01:49:23 - Slots ✔ 01:54:20 - Компонентные стили (Component CSS) ✔ 01:58:42 - Пропсы (Props) ✔ 02:04:18 - Пользовательские события (Custom Events) ✔ 02:08:57 - Глобальная шина событий (The Event Bus) ✔ 02:12:55 - Привязка данных в элементах формы (Input, Checkbox, Select Bindings) ✔ 02:22:22 - Фильтры (Filters) ✒ Используемые ресурсы и инструменты: ✔ Atom (Редактор кода): 🤍 ✒ Полезные ссылки: ✔ Vue (документация): 🤍 ✒ Полезные курсы на канале: ✔ JavaScript: 🤍 ✒ Полный список готовых и планируемых курсов: ✔ Trello: 🤍 ✒ Автор курса: ✔ YouTube: 🤍 ✔ Instagram: 🤍 ✔ Twitter: 🤍 ✔ VK: 🤍 ✔ LinkedIn: 🤍 ✔ GitHub: 🤍 ✔ VK (Группа): 🤍 ✒ License: ✔ Композиция "Country Cue 1" принадлежит исполнителю Audionautix. ✔ Лицензия: Creative Commons Attribution (🤍 ✔ Исполнитель: 🤍 ✒ Поддержать развитие канала: 🤍
Разработка проектов на Vue JS является приятным и быстрым процессом. В ходе урока вы с нуля изучите фреймфорк Vue JS и разработаете на его основе приложение для получения погоды в разных городах. ✅ Полезные ссылки: – Программа обучения Node JS: 🤍 – Официальный сайт Node: 🤍 – Программа VS Code: 🤍 – Курс React JS: 🤍 – Сайт Vue JS: 🤍 ⏰ Тайм-коды: 00:00 - Начало 00:31 - Информация про Vue JS 00:59 - Зачем он вам, если есть jQuery? 02:02 - Альтернативы 02:53 - План урока 03:11 - Настройка проекта 08:10 - Структура проекта 17:33 - Vue JS сервер 18:55 - Подключение стилей 24:02 - Основные теги 27:20 - Переменные 29:55 - Обработчики 32:24 - Данные от пользователя 34:55 - Условия 38:15 - Computed свойства 39:58 - Создание методов 44:46 - Получение погоды 46:54 - Библиотека axios 51:36 - Красивый вывод 55:02 - Заключительный урок ✔ Сообщество программистов: 🤍 ✔ - Вступай в группу Вк - 🤍 🚀 Группа FaceBook - 🤍 Инстаграм itProger: 🤍 Instagram: 🤍 Telegram: 🤍 Twitter - 🤍 - Уроки от #GoshaDudar 👨🏼💻 - Все уроки по хештегу #goshaLessons
Подключение Vue.js, первый пример и идеи фреймворка
🔥 Лютейшая подписка - 🤍 ► Как купить из других стран - 🤍 💸 Поддержать - 🤍 ► 🎁 ТГ канал (прямо сейчас розыгрыш) - 🤍 ⚡️Закрытый клуб "5 утра" - 🤍 ⚡️ Список интенсивов по подписке - 🤍 🧪 Исходник (требуется подписка) - 🤍 Надеюсь Вы оцените мои старания, с Вас лайк и подписка. Если есть какие-то фишки по этой теме - дай знать в 💬 комментариях! #Vue #Nuxt #RedGroup #TypeScript #VueQuery Новая рубрика на канале - RED Test! Я получаю большое количество сообщений "сделай видео с X технологией", к сожалению я один и не могу все охватить. Но мне как и Вам интересно попробовать что-то новое, поэтому я решил запустить данную рубрику, где мы будем пробовать новую технологию в рамках одного стрима. В этом выпуске мы разберем Vue с нуля за 5 часов. Это будет Vue 3 для начинающих. Кроме Vue разберем важные для него библиотеки Nuxt, Vue Query и TypeScript. Тайм коды: 00:00:00 - Начало 00:14:00 - Установка проекта Vue 00:32:30 - Ставим заново с помощью Vite 00:38:00 - Базовые настройки проекта 00:59:00 - Пробуем реактивный стейт 01:09:30 - Выводим посты циклом 01:20:00 - Удаление постов 01:35:00 - Форма для добавления поста 01:47:00 - Пробуем vee-validate 02:09:00 - Подключение Tailwind 02:40:00 - Разбираемся с модульными файлами scss 02:43:20 - Пишем стили 02:56:00 - Выносим логику в отдельный хук, как в React 03:01:40 - Проблемы с Vue Query 03:49:00 - Vue Query заработал 03:53:20 - Описываем сервис для постов 04:00:20 - Получаем все посты 04:03:00 - Удаление постов 04:09:30 - Поднимаем свой json server 04:14:00 - Создание поста 04:21:00 - Устанавливаем Nuxt 04:38:00 - Первая реакция 04:50:00 - Подгрузка постов через SSR 04:56:00 - Установка Tailwind в Nuxt 05:00:00 - Вывод данных SSR 05:06:00 - Спасибо за просмотр! 👉 Все ссылки (+ настройка редактора) и информация обо мне - 🤍 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
Давайте начнём с главного. А зачем вообще нужен Vue.js и ему подобные фреймворки? Вопросы? Пожелания? Мысли о курсе? Присоединяйтесь к телеграм-каналу нашего сообщества 🤍 - Видео создано благодаря подписчикам проекта на нашем Patreon. Хотите получать контент на 3 месяца раньше остальных? Присоединяйтесь! 🤍
В этом видео создадим простое приложение на Vue 3 (Options API) и Typescript. Разберем все тонкости типизации Vue приложения. Верстка (папка mocks) и финальный код можно скачать по ссылке: 🤍
Курс по фреймворку Vue JS для начинающих. За курс вы научитесь создавать веб приложения и изучите все базовые концепции Vue JS с нуля. Вами будет разработано несколько веб приложений: программа для получения погоды в разных городах и крипто обменник. ✅ Полезные ссылки: – Официальный сайт Node: 🤍 – Программа VS Code: 🤍 – Курс React JS: 🤍 – Сайт Vue JS: 🤍 – Курс на сайте itProger: 🤍 ⏰ Тайм-коды: 00:00 - Начало 00:25 - Информация про Vue JS 00:54 - Зачем он вам, если есть jQuery? 01:56 - Альтернативы 02:48 - План урока 03:25 - Установка всего 04:07 - Заключительный урок ✔ Сообщество программистов: 🤍 ✔ –––– 🚀 Telegram: 🤍 Инстаграм itProger: 🤍 Группа FaceBook: 🤍 – Уроки от #itProger 👨🏼💻 – Все уроки по хештегу #itprogerLessons
Находи талантливых специалистов для своего проекта вместо со Skipp: 🤍 В этом выпуске вы познакомитесь с разработчиком из GitLab Ильёй Климовым, который расскажет нам всё про Vue.js. Кто-то из вас уже мог видеть Илью на ютубе, так как он является создателем канала 🤍JavaScriptNinja. Также он является драйвером русскоязычного сообщества "vuejs_club" давно работает с этой технологией, и даже имеет несколько коммитов во Vue. Выпуск состоит из двух частей. Первая записана в ноябре 2021 года, и в ней мы поговорили про различие Vue, React, Angular, Svelte, разобрались почему Vue хорош для новичков, какая инфраструктура выстроилась вокруг него и как быстро изучить технологию. Вторая часть записывалась в июле 2022 года, уже после начала войны. Илья вырос в Харькове, и ни на минуту не покидал его после 24 февраля. Жизни в Харькове во время войны и посвящена вторая его часть. Военный подкаст о том, что делать сейчас и как жить дальше. Так что, заваривайте чаинский/кофеинский и погнали😉 - Patreon Ильи: 🤍 - Мастер-классы Ильи (промокод itbeard): 🤍 - Поддержать ВСУ криптой: 🤍 ДОП. МАТЕРИАЛЫ: - Канал Ильи: 🤍JavaScriptNinja - Материалы из выпуска: 🤍 - Аудио-версия выпуска: 🤍 - Выпуск без рекламы. Часть 1: 🤍 - Выпуск без рекламы. Часть 2: 🤍 ПОДДЕРЖАТЬ КАНАЛ 🔸 Задонатить криптой: 🤍 🔸 Стать патроном на Patreon: 🤍 🔸 Стать спонсором на YouTube: 🤍 🔸 Стать спонсором на Apple Podcasts: 🤍 Часть 1. Традиционное интервью. 0:00 Skipp 0:45 Начало 2:45 Интро 5:40 Детство и университет 25:22 Про кандидатскую работу и лавины в горах 32:40 Про GitLab и работу в нём 51:35 Чуть не уволили из GitLab 1:03:05 Почему Илья не любит Vue.js 1:05:40 Почему Vue а не React 1:06:33 Про Svelte 1:07:50 История Vue.js 1:20:50 Проекты на Вью 1:22:05 Отличие Вью от Реакта 1:25:35 Принципы работы Вью 1:31:37 Про компонентной-ориентированность 1:32:45 Про TypeScript 1:45:24 Что ещё используется со Вью 1:53:10 Где вью работает плохо 1:56:21 Где брать информацию про Vue 2:06:55 РАНДОМ: про канал, ЗП и курсы Часть 2. Военный подкаст 2:31:53 Интро 2:33:10 Как там в Харькове 2:54:22 Прилет снаряда в машину 3:02:52 Почему остается в Харькове 3:06:15 Что будет, если Харьков возьмут 3:11:00 Что с каналом JavaScript.Ninja\ 3:12:18 Домашние животные, которых не щадит война 3:13:45 Работа нот Bootstrap Vue 3:16:08 Переход на украинский язык нужен? 3:19:40 Русский язык - оружие? 3:22:44 Анекдот про украинца, русского и золотую рыбку 3:25:08 Про культуру 3:30:17 Что с курсами 3:33:18 Этично ли сейчас учиться? 3:39:21 Русских ущемляют? 3:42:35 Вина и ответственность 3:46:30 Как помогать Украине находясь в России 3:51:24 Сообщество и политика 3:58:03 Русскоязычное IT-сообщество всё? 4:03:32 Про кэнселинг айтишников, работающих на госуху 4:09:24 Что с Лотусом? 4:09:56 Как дела у GitLab 4:13:43 Что будет с IT через год 4:16:52 Как и когда может закончится война 4:20:12 Где мы были 8 лет назад 4:21:15 Где мы будем через 8 лет 4:23:10 Украина в составе Евросоюза ПОДПИСЫВАЙТЕСЬ 🔻 Telegram: 🤍 🔻 Twitter: 🤍 🔻 Instagram: 🤍 🔻 Сайт: 🤍 #айтиборода #vuejs #jsninja
Подробнее узнать об обучении в Result School - 🤍 Получить профессию Frontend разработчика - 🤍 Бесплатный курс HTML & CSS - 🤍 Сделать 5 проектов на JavaScript - 🤍 Я в соц сетях: Telegram: 🤍 VK: 🤍 Instagram: 🤍 Мои паблики по JavaScript: Telegram: 🤍 VK: 🤍 Instagram: 🤍 JavaScript cообщества: Discord: 🤍 Telegram: 🤍 Roadmap по каналу: 🤍 В этом видео вы узнаете про технологию NuxtJS, с помощью которого вы можете очень просто создавать приложения на Vue JS с технологией Server Side Rendering. Код лежит тут: 🤍 Nuxt JS 2019 - Vue + SSR (быстрый курс за 70 минут) #nuxt #nuxtjs #vue
В этом видео создадим игру "Виселица" на Vue 3 (Composition API) и Typescript. Разберем все тонкости типизации Vue приложения. Верстка (папка layout) и финальный код можно скачать по ссылке: 🤍
🔥 Оформить премиум подписку - 🤍 ⚡️ Список интенсивов по подписке - 🤍 ► Как купить из других стран - 🤍 🍥 Тема в редактор/IDE - Soft colors ⚡️Закрытый клуб "5 утра" - 🤍 👉 Все ссылки (+ настройка редактора) и информация обо мне - 🤍 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
В этом видео вы узнаете, как использовать библиотеку vueuse/core для работы с внешним API в приложениях VueJS. Мы сосредоточимся на использовании useFetch, который позволяет легко получать данные из внешнего API и использовать их в вашем приложении. Я покажу вам, как использовать useFetch для выполнения GET-запросов к API, как передавать параметры запроса, и как обрабатывать ошибки, которые могут возникнуть при получении данных из API. Вы также узнаете, как использовать полученные данные в компонентах VueJS. Это руководство предназначено для разработчиков, которые хотят научиться работать с внешними API в приложениях VueJS. Мы будем использовать библиотеку vueuse/core, которая предоставляет множество полезных хуков и функций для упрощения разработки приложений VueJS. Интенсив: 👉 🤍 Полноформатный курс по изучению Vue3: 👉 🤍 ✅ Instagram: 🤍 ✅ Сайт проекта Lectoria: 🤍 #vue #vuejs #vuejs3 #vuejstutorial #vueapi #frontend #webdeveloper #webdevelopment
В этом видео я расскажу вам как зарождалась идея данной игры, покажу наброски первых версий данной игры и в целом расскажу о том что мы будем создавать в курсе Игра на Vue.js. Это бесплатная версия курса Игра на Vue.js. Все уроки будут доступны для просмотра без ограничений в плейлисте с соответствующим названием на моем канале. Чтобы получить дополнительные материалы и доступ к тестовые задания необходимо приобрести данный курс на Udemy или Stepik. Приобрести весь курс Игра на Vue.js прямо сейчас: На Udemy: Игра на Vue.js: 🤍 На Stepik: 🤍 Плейлист Игра на Vue.js: 🤍 Поддержать автора ₽ублем: 1. Сбер: 4274 3200 3233 1582 2. YooMoney: 🤍 3. PayPal: 🤍 Телеграм: 🤍
Получить профессию Frontend разработчика - 🤍 Подробнее узнать об обучении в Result School - 🤍 Бесплатный курс HTML & CSS - 🤍 Сделать 5 проектов на JavaScript - 🤍 Я в соц сетях: Telegram: 🤍 VK: 🤍 Instagram: 🤍 Мои паблики по JavaScript: Telegram: 🤍 VK: 🤍 Instagram: 🤍 JavaScript cообщества: Discord: 🤍 Telegram: 🤍 Roadmap по каналу: 🤍 В видео я расскажу про то, что такое Vuex и как им пользоваться. Вы узнаете про actions, mutations, getters, state, modules. В результате напишите приложение В видео я покажу, как пользоваться vue-devtools для отслеживания изменений в Vuex Исходный код: 🤍 Все о Vuex за 30 минут. Что такое Vuex. Как работает Vuex
🔥 Оформить премиум подписку - 🤍 ⚡️ Список интенсивов по подписке - 🤍 ► Как купить из других стран - 🤍 🍥 Тема в редактор/IDE - Темная тема в новой IDE Fleet ⚡️Закрытый клуб "5 утра" (3 дня бесплатно) - 🤍 👉 Все ссылки (+ настройка редактора) и информация обо мне - 🤍 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔
Присоединяйтесь к миру JavaScript и Vue.js вместе с нами Наше сообщество: 🤍 Поддержать автора видео можно на Patreon 🤍 Содержание: 00:00 О курсе и кому он не подойдёт 04:40 Структура курса 21:00 Чего не будет на курсе
Дружище, я помог тебе? Подари мне кофе ➡☕ 🤍 Друзья! В этом видео мы разобьём на компоненты форму из прошлого видео. Познакомимся с компонентным подходом, научимся регистрировать компоненты глобально и локально, узнаем что такое слоты (поверхностно) 🤍 - создание сайтов под ключ 🤍y - премиум-обучение 🤍 - сайт и соц. сети автора
Vue JS уроки, Игра на Vue.js [2021] Курс по Vue.js. В этом курсе вы научитесь работать с различными директивами на Vue.js, создавать циклы, методы и вычисляемые свойства. Так как мы будем создавать реальное приложение с самых первых уроков вы будите лучше усваивать материал. В этом курсе не будет простых примеров из документации, а мы сразу перейдем к решению реальной задачи. Мы будем работать с графическим интерфейсом нашей игры. Создадим адаптивный интерфейс приложения с помощью HTML+CSS и проверим все на смартфонах с разными размерами экрана. В этой главе вы полностью разберетесь с той игрой которую мы разрабатываем и когда дело дойдет до создания функционала и алгоритмов вы будите прекрасно понимать, что от вас требуется и как все устроено в нашей игре. Будем работать непосредственно с самим фреймворком Vue.js. Напишем код нашей игры, реализуем все алгоритмы и на реальных примерах рассмотрим как связать графический интерфейс с функциональной частью приложения. Реализуем реактивную связь между нашим интерфейсом и кодом на Vue.js. Этот курс подойдет для веб разработчиков, которые уже имеют опыт в работе с языками HTML, CSS, JS и желательно понимающих, как работать с гитом. Материал в этом курсе изложен понятным языком и изучить его вы сможете достаточно быстро. Уделите должное внимание дополнительным материалам и вы овладеет всеми необходимыми на первых этапах знаниями. Это бесплатная версия курса Игра на Vue.js. Все уроки будут доступны для просмотра без ограничений в плейлисте с соответствующим названием на моем канале. Чтобы получить дополнительные материалы и доступ к тестовые задания необходимо приобрести данный курс на Udemy или Stepik. Приобрести весь курс Vue JS уроки прямо сейчас: На Udemy: Игра на Vue.js: 🤍 На Stepik: 🤍 Плейлист Vue JS уроки: 🤍 00:00 Обзор курса 07:52 Обзор структуры файлов 21:18 Работа над интерфейсом игры 43:26 Достижения в игре 01:02:14 Экран с вопросами в игре 01:10:26 Экран с результатами 01:23:23 Начало работы с Vue 01:40:10 Обработка событий на Vue 01:53:47 Циклы и методы на Vue 02:06:26 Конец игры на Vue 02:27:52 Вычисляемые свойства на Vue 02:55:17 Музыка в игре на JavaScript 03:03:43 Работа с Git и GitHub 03:21:35 Приложение в VK 03:25:59 Куда двигаться дальше Поддержать автора ₽ублем: 1. Сбер: 4274 3200 3233 1582 2. YooMoney: 🤍 3. PayPal: 🤍 Телеграм: 🤍 #vue #vuejs #itdoctor
Основы Compositions Api - 🤍 Зачем на самом деле Compositions Api - 🤍 (новичок, проходи мимо этой ссылки) Курс - 🤍
Дружище, я помог тебе? Подари мне кофе ➡☕ 🤍 Друзья! В это видео мы приступаем к изучению Vue. Перед тем, как приступить к, непосредственно, написанию кода на Vue, мы разбираем варианты его подключения, а также разницу между Options и Composition API. Я понимаю, что сначала это всё очень сложно, но поверьте, это всё очень просто. Для этого нужно всего лишь шерстить всю документацию, слушать меня, а также работать с Vue каждый день (на этапах изучения). Эпизоды: 00:00 - дисклеймер 00:05 - настройка окружения 00:46 - туториал Vue.js 01:46 - как я изучал Vue 02:15 - примеры Vue 02:42 - различия Options и Composition API 04:42 - варианты подключение Vue 08:25 - закрепление материала 08:57 - концовка 🤍 - создание сайтов под ключ 🤍y - премиум-обучение 🤍 - сайт и соц. сети автора
Дружище, я помог тебе? Подари мне кофе ➡☕ 🤍 Друзья! В этом видео мы познакомимся с основами реактивности данных и рендера компонента Vue. Также, конечно же, рассмотрим: - работу с реактивными объектами и массивами JS - условную отрисовку - отрисовку массива - условную отрисовку на основе CSS свойства display - работу с динамичными классами элементов Эпизоды: 00:00 - подготовка к работе 01:13 - как устроен наш Vite и Vue 03:36 - основы с реактивностью (ref, reactive, события) 10:50 - работа с реактивными массивами и объектами (v-for) 14:42 - работа с реактивными массивами и объектами (v-show) 15:44 - работа с реактивными массивами и объектами (v-if, v-else-if, v-else) 18:20 - работа с классами 20:23 - завершение 🤍 - создание сайтов под ключ 🤍y - премиум-обучение 🤍 - сайт и соц. сети автора
В этом видео мы начинаем небольшой курс по разработке с использованием Pinia. Telegram: 🤍 Instagram: 🤍 VK: 🤍 Тренировка своих навыков: 🤍
Дружище, я помог тебе? Подари мне кофе ➡☕ 🤍 Друзья! В этом видео качаем нужные расширения для редактора кода VSCode для работы с Vue, а также инициализируем и запускаем Vue 3 проект на Vite. Эпизоды: 00:00 - инициализация проекта 01:29 - запуск проекта 01:47 - расширения для VSCode 02:21 - запуск и настройки 06:06 - завершение 🤍 - создание сайтов под ключ 🤍y - премиум-обучение 🤍 - сайт и соц. сети автора
Пишем простейший фронтенд клиент на фреймворке vue.js для обращения к REST API созданному на Django Что такое рендеринг шаблона на стороне клиента и на стороне сервера. Подключение vue.js, axios.js и bootstrap Делаем обращение фронтенд приложения на vue.js к серверному API на Django при помощи библиотеки axios, и подставляем полученные данные в шаблон на стороне клиента в веб-странице браузера.
Курс по Vue 3. Урок 1. Введение и установка фреймворка Vue 3. Вместе с Вами изучим замечательный JavaScript фреймворк VUE 3. В конце курса каждый сможет получить больше практики отработав свои навыки на разработке двух игр и одного приложения. Подробности узнаете из видео.
Знакомство с Vue2. Подключение CDN. Создание первого приложения - Официальная документация: 🤍 Сравнение фреймворков: 🤍
Почитайте подробнее о курсе "Фреймворк VUE JS. Полное руководство для современной веб-разработки": 🤍 vue vuejs vuejs vuejswebpack vuejs2 vuejs vuejsуроки vuejsуроки vuejs2 vuejsпримеры vuejsформы владиленмининvuejs владиленмининvuejs webformysels webformyselfvuejs webformyselfvuejs vuejsкурс vuejsкурсы nodejsvuejs webformyself vuejsкомпоненты vuejscomponents фреймворкvuejs
- Что такое vue и зачем он нужен - Поговорим о примерах и аналогиях - Создадим проект - Посмотрим пару простых примеров Мой VK: 🤍
Полный курс по vue.js в связке с nuxt.js! Ссылка - 🤍 Овладей трендовым фреймворком в курсе vue.js! С нуля до профессиональной разработки! Пройдя курс, Вы научитесь: 1. Правильно разделять код и UI на компоненты 2. Разрабатывать полноценные приложения на стеке vue.js 3. Жизненному циклу Vue.js компонента 4. Состоянию приложения с VUEX 5. Роутам и авторизации с Vue-router 6. Уверенной работе с REST API 7. Выбирать правильные инструменты и технологии 8. Оптимизировать Vue.js приложения И это только начало! 👉 🤍
Дружище, я помог тебе? Подари мне кофе ➡☕ 🤍 Друзья! В этом видео мы реализуем поиск по простому массиву и по массиву объектов с несколькими значениями (поиск товаров, в т.ч. по стоимости), а также в целом разберёмся в том, что такое вычислительные свойства (computed свойства). Эпизоды: 00:00 - клоунада 00:25 - поиск по простому массиву 08:02 - пример простейшего вычислительного свойства 10:29 - поиск по массиву объектов с несколькими параметрами 18:05 - завершение 🤍 - создание сайтов под ключ 🤍y - премиум-обучение 🤍 - сайт и соц. сети автора
Смотрим на главные директивы, доступные нам в шаблоне. 🤍
Learn Vue 3 by in this full course. Vue.js is an open-source model–view–view model front end JavaScript framework for building user interfaces and single-page applications. 💻 Code - Static: 🤍 💻 Code - Basic Product Cart: 🤍 💻 Code - CLI Product Cart: 🤍 ✏️ Course developed by Gwen Faraday. Check out her channel: 🤍 ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction ⌨️ (0:01:03) What is Vue.js? ⌨️ (0:05:40) Vue 3 Setup ⌨️ (0:12:17) Vue JS Directives ⌨️ (0:19:48) Events and Methods ⌨️ (1:29:20) Components ⌨️ (0:39:27) Component Props ⌨️ (1:06:09) Lifecycle Hooks ⌨️ (1:14:30) App Demo ⌨️ (1:26:45) Adding Items to Cart ⌨️ (2:15:54) Reuseable Components ⌨️ (2:26:20) Vue CLI ⌨️ (2:32:48) Vue Folder Structure ⌨️ (2:43:58) Top Nav ⌨️ (2:48:45) Styling with SASS ⌨️ (3:06:07) Sidebar ⌨️ (3:20:46) Adding Items to Cart 🎉 Thanks to our Champion and Sponsor supporters: 👾 Wong Voon jinq 👾 hexploitation 👾 Katia Moran 👾 BlckPhantom 👾 Nick Raker 👾 Otis Morgan 👾 DeezMaster 👾 AppWrite Learn to code for free and get a developer job: 🤍 Read hundreds of articles on programming: 🤍
В этом видео поработаем со state и создадим компонент фильмов. GitHub: 🤍 Telegram: 🤍 Instagram: 🤍 VK: 🤍 Тренировка своих навыков: 🤍
Дружище, я помог тебе? Подари мне кофе ➡☕ 🤍 Современный и полноценный курс по Vue 3 с использованием Composition API (Option также рассмотрим). В качестве сборщика будем использовать Vite. Эпизоды: 00:00 - клоунада 00:39 - когда приступать к Vue? 01:22 - Vue против React, Angular, Svelte? 02:24 - где черпать информацию? 03:56 - сборщик проекта Vite 04:44 - проявляем активность! 🤍 - создание сайтов под ключ 🤍y - премиум-обучение 🤍 - сайт и соц. сети автора
В этом видео курсе вы изучите основы фреймворка Vue.js. Продолжительность курса около 3.5 часов. В курсе для вас подготовлено 15 видео уроков. Курс состоит из 2 глав, в которых вы научитесь работать с различными директивами на Vue.js, создавать циклы, методы и вычисляемые свойства. Так как мы будем создавать реальное приложение с самых первых уроков вы будите лучше усваивать материал. В этом курсе не будет простых примеров из документации, а мы сразу перейдем к решению реальной задачи. В первой главе мы будем работать с графическим интерфейсом нашей игры. Создадим адаптивный интерфейс приложения с помощью HTML+CSS и проверим все на смартфонах с разными размерами экрана. В этой главе вы полностью разберетесь с той игрой которую мы разрабатываем и когда дело дойдет до создания функционала и алгоритмов вы будите прикрасно понимать, что от вас требуется и как все устроено в нашей игре. Во второй главе мы будем работать непосредственно с самим фреймворком Vue.js. Напишем код нашей игры, реализуем все алгортимы и на реальных примерах рассмотрим как связать графический интерфейс с функциональной частью приложения. Реализуем реактивную связь между нашим интерфейсом и кодом на Vue.js. Этот курс подойдет для веб разработчиков, которые уже имеют опыт в работе с языками HTML, CSS, JS и желательно понимающих, как работать с гитом. Это бесплатная версия курса Игра на Vue.js. Все уроки будут доступны для просмотра без ограничений в плейлисте с соответствующим названием на моем канале. Но чтобы получить дополнительные материалы и тестовые задания необходимо приобрести данный курс на Udemy или Stepik по символической цене. Курс Игра на Vue.js: 🤍 Плейлист Игра на Vue.js: 🤍 Поддержать автора ₽ублем: 1. Сбер: 4274 3200 3233 1582 2. YooMoney: 🤍 3. PayPal: 🤍 Телеграм: 🤍 #vue #vuejs #itdoctor
В этом уроке познакомимся с хуками жизненного цикла экземпляра Vue - Документация: 🤍 Axios: 🤍 Fake API: 🤍
.svg){kind=small}
![Vue 3 Основы для Начинающих - Полный Курс [2021]](https://i.ytimg.com/vi/p059z-0JTFg/mqdefault.jpg "Vue 3 Основы для Начинающих - Полный Курс [2021]")
![Vue 3 - идеи фреймворка [вводный курс, урок 1]](https://i.ytimg.com/vi/Tg5DIdx1JE0/mqdefault.jpg "Vue 3 - идеи фреймворка [вводный курс, урок 1]")
![🧪 VUE с нуля за 5 часов! Новая рубрика «RED Test» | Vue 3 для начинающих [TS / Nuxt / Vue Query]](https://i.ytimg.com/vi/1g6RRonRbEA/mqdefault.jpg "🧪 VUE с нуля за 5 часов! Новая рубрика «RED Test» | Vue 3 для начинающих [TS / Nuxt / Vue Query]")
![Обзор курса - Игра на Vue.js [2021] Курс по Vue.js, Урок 1](https://i.ytimg.com/vi/Al13nM3D1Fw/mqdefault.jpg "Обзор курса - Игра на Vue.js [2021] Курс по Vue.js, Урок 1")
![Vue JS уроки, Игра на Vue.js [2021] Курс по Vue.js](https://i.ytimg.com/vi/xCtocDQG6v0/mqdefault.jpg "Vue JS уроки, Игра на Vue.js [2021] Курс по Vue.js")
![Vue 3 - data, computed, methods [вводный курс, урок 3]](https://i.ytimg.com/vi/UX-8nR_Jy5Q/mqdefault.jpg "Vue 3 - data, computed, methods [вводный курс, урок 3]")
![Vue 3 - шаблон и директивы [вводный курс, урок 2]](https://i.ytimg.com/vi/IoixA_laQ1I/mqdefault.jpg "Vue 3 - шаблон и директивы [вводный курс, урок 2]")
![Vue.js Course for Beginners [2021 Tutorial]](https://i.ytimg.com/vi/FXpIoQ_rT_c/mqdefault.jpg "Vue.js Course for Beginners [2021 Tutorial]")
![Курс по Vue.js на примере создания мобильной игры с нуля - Игра на Vue.js [2021]](https://i.ytimg.com/vi/o5Gg2sF-v_g/mqdefault.jpg "Курс по Vue.js на примере создания мобильной игры с нуля - Игра на Vue.js [2021]")
