Vue3

Vue3 смотреть последние обновления за сегодня на .

The Ultimate Vue 3 Tutorial (100% Composition API)

45451
1286
80
06:12:34
25.10.2022

This is the ultimate Vue 3 course. Udemy Course (with discount) 🤍 Timeline: 0:00 - Project 1 1:38:58 - Project 2 2:48:51 - Project 3

Vue.js Course for Beginners [2021 Tutorial]

736519
12501
440
03:39:56
07.09.2021

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: 🤍

Vue JS Crash Course

1102006
19682
1060
01:50:52
24.02.2021

Learn the fundamentals of Vue JS (v3) in this project-based crash course Task Tracker: 🤍 Random User Generator: 🤍 Latest Udemy Courses: 🤍​ 💖 Support The Channel! 🤍 Timestamps: 0:00 - Intro & Slides 7:17 - User Generator Mini Project (CDN) 21:35 - Vue CLI Setup 24:30 - Files, Dev Server & Cleanup 28:22 - Global Styles 29:06 - Header Component 30:44 - Component Props 32:06 - Button Component 35:25 - Events 36:09 - Task Data & created() Method 38:22 - Tasks Component & v-for Loop 41:09 - Single Task Component 44:34 - Dynamic Classes 45:53 - Emit Events (Delete Task) 52:14 - Toggle Reminder 56:20 - AddTask Component & v-model 1:04:57 - Toggle Form & Template Conditionals 1:11:20 - Building For Production 1:13:33 - JSON-Server Setup 1:17:18 - Refactoring to Use The Backend 1:30:48 - Implementing the Router 1:48:23 - Restrict a Component to a Route

Sometimes Naive!尤雨溪推荐的 NaiveUI 尝鲜,可能是 Vue3 最佳 UI 库了【教程】

7913
85
15
00:22:19
16.06.2021

尤雨溪力荐的 Vue.js 3.0 UI 组件库究竟长什么样子?有什么魔法?有什么优势?是否是大势所趋? 🤍吴八哥学前端 用 20 分钟带你一探究竟! 白嫖信号:点赞破 1000+,出系列实战教程!!! 看官注意:Vue.js 3 真的要来了,各种 Vue3 生态支棱起来!

What are my thoughts on Vue3

5971
166
40
00:25:21
14.01.2023

💬 Discord 🤍 🔔 Newsletter 🤍 📁. GitHub 🤍 My VSCode Extensions: - theme: material community high contrast - fonts: Menlo, Monaco, 'Courier New', monospace - errors: Error Lens - extra git help: Git Lens - tailwind css intellisense - indent rainbow - material icon theme - prettier & eslint - ES7+ React Snippets

Vue 3 Composition API Introduction [FULL TUTORIAL]

142969
3254
180
00:23:46
21.09.2020

The Composition API is THE biggest new feature introduced by Vue.js 3. It's 100% optional but definitely worth a closer look as it allows you to write leaner, more elegant code - especially in bigger apps and components. Starting Code: 🤍 Finished Code: 🤍 Learn ALL about Vue 3 (incl. deep dives into the Composition API) with my fully updated course: 🤍 Also learn about all other import changes introduced by Vue 3: 🤍 Check out all our other courses: 🤍 • Go to 🤍 and subscribe to our newsletter to stay updated and to get exclusive content & discounts • Follow 🤍maxedapps and 🤍academind_real on Twitter • Follow 🤍academind_real on Instagram: 🤍 • Join our Facebook community on 🤍 See you in the videos! Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Vue 3 Tutorial for Beginners - FULL COURSE in 3 Hours

217891
5416
540
02:57:51
18.09.2020

Welcome to our Learn Vue 3 Tutorial Course for Beginners! Vue is a progressive framework for building user interfaces. Ready to start your path to becoming a front end Vue developer? Let's get started! TWOTTER GITHUB REPOSITORY → 🤍 VUE.JS 3.0 DOCUMENTATION → 🤍 NODE.JS → 🤍 GITHUB → 🤍 VUE DEVTOOLS → 🤍 WEBSTORM → 🤍 ─────────────────────── ⏰ TIMESTAMPS ⭐️ SETTING UP 0:00 - Chapter 1: Course Introduction 1:52 - Chapter 2: Project Setup ⭐️ THE BASICS 12:32 - Chapter 3: Building Single File Components 35:20 - Chapter 4: Template Conditionals, Loops & Events 54:51 - Chapter 5: Forms & Handling User Input 1:11:36 - Chapter 6: Dynamic Styling, SCSS, & Global Styles ⭐️ LET'S GET ADVANCED 1:35:22 - Chapter 7: The Vue 3 Composition API 1:46:54 - Chapter 8: Routing With Vue Router 4. 2:18:14 - Chapter 9: Global State Management With Vuex 4. 2:35:21 - Chapter 10: Deploying To Heroku ─────────────────────── DISCORD → 🤍 TWITTER → 🤍 INSTAGRAM → 🤍 WEBSITE → 🤍 ─────────────────────── PERSONAL LINKS YOUTUBE → 🤍 TWITTER → 🤍 INSTAGRAM → 🤍 TWITCH → 🤍 GITHUB → 🤍 ─────────────────────── MY CONTENT KIT → 🤍 MY PC SETUP → 🤍 ─────────────────────── BUSINESS INQUIRES → mitchell🤍theearthissquare.com #vue #learntocode #webdevelopment #tutorial

What's the Difference Between Vue2 and Vue3?

5747
149
16
00:20:29
29.05.2022

I've been happily using Vue 2 for years. The ecosystem is thriving and it's simple to use - so why upgrade? This weekend, I decided to find out and make a video about my discoveries. Vue 3 Docs: 🤍 Migration guide: 🤍 Pinia: 🤍 Big Machine: 🤍

Why you SHOULDN'T use Vue 3 Reactivity Transform!

4094
111
31
00:14:23
23.01.2023

#vuejs #vuejs Check out the Vue.js Nation 100% free conf! 🤍 In a previous video I discussed reactivity transform and use $, and $ref. In this video I discuss an update to it, and some comments I got from the last video! 👉Check out my last video on Reactivity Transform in depth! 🤍 👉 Sign up and get free Vue cheat sheets and updates! 🤍 👉 Need some help with a project, level up your skills, Vuetify or Nuxt bug? Check out my 1-on-1 mentoring!' 🤍 Follow me! 🤍

Vue3 + Vite 快速上手 Get Startrd EP1 - 初探 Vite 專案 / Vue3 初學者應該要先知道的東西 / 剛開始寫 Composition API 會犯的錯誤 !

8959
171
34
01:15:31
05.07.2022

#vite #vue3 #nuxt3 #pinia #vuerouter 本系列是要帶各位從目前主流的開發方式直接入手 Vue3,快速學習 Vue3 的使用以及開發,如果是對 Vue3不理解或是目前只有使用 Vue2 的朋友,本直播系列非常適合你服用 ! 新的 Vue 官方推薦:🤍 Vue 官網 :🤍 Vue 中文官網: 🤍 【以下是我開設的線上課程,有興趣可以參考一下】↓↓↓↓↓↓↓↓ Vue3 + Vite 最速開發傳說 ! 開發環境建置 : 🤍 ( 200元折扣碼「YHCDFZEa200」) vue-test-utils入門課程 : 🤍 ( 300元折扣碼「PAJNBFUNO300」) Vue 3 專業職人完成組合 | 入門篇+進階篇+加值篇 : 🤍 【鐵人賽教學文章】↓↓↓↓↓↓↓↓ 重構倒數30天,你的網站不Vue白不Vue : 🤍 加入我的line官方帳號 :🤍mike_cheng 訂閱我的Youtube頻道 :🤍 追蹤我的IG專頁:🤍 Thecodingpro 紛絲團 : 🤍 - The following music was used for this media project: Music: Lo Fi Hip Hop 06 by WinnieTheMoog Free download: 🤍 License (CC BY 4.0): 🤍 Artist website: 🤍

Why the Vue 3 Composition API?

117290
2853
131
00:07:33
10.10.2019

This Vue 3 Composition API tutorial makes it clear why the limitations of Vue 2 led to the creation of Vue 3's Composition API, and how it solves a few problems for us. We'll go into detail about some of the challenges you might face with Vue 2, so that you can see where the new API comes in. Dive deeper into Vue 3 👉🏼 🤍 Get your free Vue 3 cheat sheet 👉🏼 🤍 Explore more Vue.js courses 👉🏼 🤍 Get in touch 👉🏼 team🤍vuemastery.com Tweet us 👉🏼 🤍 0:00 Introduction 0:12 Limitations when using Vue 2 0:42 1: Large components can become hard to read & maintain 3:27 2: No perfect way to reuse logic between components 6:14 Vue 3 Composition Functions

REUSABLE MODAL COMPONENT USING VUE3 COMPOSITION API

209
2
1
00:02:15
20.08.2022

Hi, guys today we are going to code reusable modal component using Vue 3. ✔️ Latest video: 🤍 Do you have any ideas on future videos vue js project maybe something for beginners like html and css? Write it in the comments! Peace!

Vue 3 фундаментальный курс от А до Я

481401
12587
1021
03:01:26
30.06.2021

В этом ролике мы разберем все основные концепции Vue 3 и пройдемся по нему от А до Я. Разработаем приложение с основными кейсами, которые встречаются везде: CRUD, сортировка, поиск, пагинация, динамическая пагинация. Сделаем mixins, directives, изучим vuex и composition api. Исходный код урока здесь ➝ 🤍 Таймкоды: 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 кошелек ➝ 🤍 Яндекс деньги ➝ 🤍

Vue 3 Основы для Начинающих - Полный Курс [2021]

194670
6424
449
02:18:39
03.01.2021

Получить профессию Frontend разработчика - 🤍 Подробнее узнать об обучении в Result School - 🤍 Бесплатный курс HTML & CSS - 🤍 Сделать 5 проектов на JavaScript - 🤍 Я в соц сетях: Telegram: 🤍 VK: 🤍 Instagram: 🤍 Мои паблики по JavaScript: Telegram: 🤍 VK: 🤍 Instagram: 🤍 JavaScript cообщества: Discord: 🤍 Telegram: 🤍 Roadmap по каналу: 🤍 Исходники и тема тут: 🤍 #vue #vue3

Build with Ben: Vue 3 and TypeScript Working Session

2749
69
8
01:16:32
11.10.2022

ℹ️ About In session 40, I'll be working on a Vue 3 and TypeScript app where I'll experiment with various techniques I've been researching on. How far will I get? Only one way to find out! 📖 Chapters 00:00:00 - Introduction 00:01:21 - Setting Up a New Project for Vue 3 and TypeScript 00:08:47 - Work on ToEat Project Requirements 01:15:15 - Final Thoughts 📚 Resources - Using Vue with TypeScript (Official Vue Docs) - 🤍 - Create Vue CLI - 🤍

Nuxt 3 – More Than Vue 3 on Steroids, by Alexander Lichter

6744
189
29
00:27:29
15.11.2022

Nuxt 3 is coming closer and closer to the final release. In this talk, we will take a look at the Vue-based meta-framework and the benefits it can provide to us developers. Besides building a tiny application, we will also check out Nitro, the new server engine of Nuxt, and eventually deploy our small app within minutes. The best thing? There is no extra knowledge needed besides the basics of Vue and the Composition API. Speaker: Alexander Lichter, Web Development Consultant at Developmint #JavaScriptDay2022 ––– 🔗 Browse our resources 🔗 Check out WebStorm, a JavaScript IDE by JetBrains, and get a 30-day free trial: 🤍 ⭐️ Keep in touch ⭐️ JetBrains on Twitter: 🤍 WebStorm on Twitter: 🤍

Installing and Using Vue Router for Vue 3

1627
40
3
00:10:01
21.07.2022

In this video we are going to learn how to install and Use Vue Router for Vue 3 with vite ; Good viewing.

Vue 3 강의 - 스프링부트 REST API를 이용하여 쇼핑몰 만들기(JPA, MariaDB, JWT)

7722
169
36
03:08:44
30.07.2022

- 저장소(GitHub) URL 🤍 - 영상 구간 설명 00:00 1. 도구 설치 02:04 2. 프로젝트 생성 - 프론트엔드 18:12 3. 프로젝트 생성 - 백엔드 33:14 4. 데이터베이스 세팅 38:12 5. JPA로 데이터 조회 46:46 6. 상품 진열 및 DB 컬럼 추가 01:00:47 7. Vue Router 추가 01:06:23 8. 로그인 기능 구현 01:17:35 9. Vuex로 로그인 보완 01:30:28 10. JWT로 로그인 보완 01:40:55 11. 로그인 체크 로직 보완 01:48:51 12. 장바구니 기능 구현 1 02:03:52 13. 장바구니 기능 구현 2 02:12:07 14. 장바구니 기능 구현 3 02:33:13 15. 주문 기능 구현 02:56:59 16. 기능 보완 03:07:39 17. 맺음말

Vuejs 3 - Vuetify 3, How to build a Portfolio Website Using HTML CSS JS, Portfolio UI Design vue 3

9247
189
15
00:38:15
09.09.2022

In this tutorial we'll learn How to Build A Personal Portfolio Website ( web design ). - Vuetify 3 and Vue 3 - Using Javascript | HTML - CSS - Card - Navbar & Footer - Font Awsome icons - Many Options vuetify 3 - Commande vue create portfolio cd portfolio vue add vuetify npm install 🤍fortawesome/fontawesome-free -D npm run serve #vue #vuetify #portfolio -GitHub Code Source 🤍 -WebSite 🤍 🤍 Music - 01 - Song: Popsicles - Your Sunset Waves Music provided by Vlog No Copyright Music. Video Link: 🤍 02 - Song: Pierse - Tonight Music provided by Vlog No Copyright Music. Video Link: 🤍 03 - Song: Balynt - Harmony Music provided by Vlog No Copyright Music. Video Link: 🤍 04 - Song: LÖVI - Honest Music provided by Vlog No Copyright Music. Video Link: 🤍 05 - Song: Balynt - Campfire Music provided by Vlog No Copyright Music. Video Link: 🤍 06 - Song: Popsicles & Pierse - Falling Music provided by Vlog No Copyright Music. Video Link: 🤍 07 - Song: Markvard - Contagious Music provided by Vlog No Copyright Music. Video Link: 🤍 08 - Song: Luke Bergs & LiQWYD - Good Vibes Music provided by Vlog No Copyright Music. Video Link: 🤍

Чем крут Composition API? Vue 3 практические примеры

51620
1261
159
00:51:55
16.01.2021

Максимально подробно про курс тут: 🤍 Получить профессию Frontend разработчика - 🤍 Подробнее узнать об обучении в Result School - 🤍 Бесплатный курс HTML & CSS - 🤍 Сделать 5 проектов на JavaScript - 🤍 Я в соц сетях: Telegram: 🤍 VK: 🤍 Instagram: 🤍 Мои паблики по JavaScript: Telegram: 🤍 VK: 🤍 Instagram: 🤍 JavaScript cообщества: Discord: 🤍 Telegram: 🤍 Roadmap по каналу: 🤍 Vue 3 Composition API практические примеры. В уроке покажу как создать небольшую библиотеку для динамической валидации полей и как работать с загрузкой данных с сервера через Vue 3 Composition API и Suspense Исходники тут: 🤍

How to use Vue.js slots | Vue3 | Vue3 Composition API

167
3
0
00:04:52
03.09.2022

⭐Learn more about YouTube Video 1. Laravel Nova | Install Nova | Admin Panel For Laravel | Part 1 🤍 2. Create new resource | Laravel Nova | Part 2 🤍 3. Laravel Nova | Import excel to the database using laravel nova | laravel-excel 🤍 4. Laravel Nova | Laravel Nova Resource Fields | Multiselect Field 🤍 5. Laravel Nova Policy 🤍 6. Laravel Nova Validation 🤍 7. Laravel Nova Matrics 🤍 8. Nova Lens | Laravel Nova Lens | Laravel Nova 🤍 9. Nova Laravel Relationship | Nova Laravel | Laravel Relationship 🤍 10. Laravel Nova Search | Search | Laravel Admin Panel 🤍 🔽 FOLLOW MANIN CHIEV Facebook: 🤍 Blog: 🤍 #webdevelopment #coding #programming

Vue3 dynamic row | Vue3 dynamic form | Path 2

2089
17
3
00:05:47
08.10.2021

⭐Learn more about YouTube Video 1. Laravel Nova | Install Nova | Admin Panel For Laravel | Part 1 🤍 2. Create new resource | Laravel Nova | Part 2 🤍 3. Laravel Nova | Import excel to the database using laravel nova | laravel-excel 🤍 4. Laravel Nova | Laravel Nova Resource Fields | Multiselect Field 🤍 5. Laravel Nova Policy 🤍 6. Laravel Nova Validation 🤍 7. Laravel Nova Matrics 🤍 8. Nova Lens | Laravel Nova Lens | Laravel Nova 🤍 9. Nova Laravel Relationship | Nova Laravel | Laravel Relationship 🤍 10. Laravel Nova Search | Search | Laravel Admin Panel 🤍 🔽 FOLLOW MANIN CHIEV Facebook: 🤍 Blog: 🤍 #webdevelopment #coding #programming

Access parent data from Child Component | Vue3 Props | Vue3 Composition API

176
3
0
00:05:40
27.10.2022

⭐Learn more about YouTube Video 1. Laravel Nova | Install Nova | Admin Panel For Laravel | Part 1 🤍 2. Create new resource | Laravel Nova | Part 2 🤍 3. Laravel Nova | Import excel to the database using laravel nova | laravel-excel 🤍 4. Laravel Nova | Laravel Nova Resource Fields | Multiselect Field 🤍 5. Laravel Nova Policy 🤍 6. Laravel Nova Validation 🤍 7. Laravel Nova Matrics 🤍 8. Nova Lens | Laravel Nova Lens | Laravel Nova 🤍 9. Nova Laravel Relationship | Nova Laravel | Laravel Relationship 🤍 10. Laravel Nova Search | Search | Laravel Admin Panel 🤍 🔽 FOLLOW MANIN CHIEV Facebook: 🤍 Blog: 🤍 #webdevelopment #coding #programming

🧪 VUE с нуля за 5 часов! Новая рубрика «RED Test» | Vue 3 для начинающих [TS / Nuxt / Vue Query]

20161
813
46
05:15:38
06.08.2022

🔥 Лютейшая подписка - 🤍 ► Как купить из других стран - 🤍 💸 Поддержать - 🤍 ► 🎁 ТГ канал (прямо сейчас розыгрыш) - 🤍 ⚡️Закрытый клуб "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 - Спасибо за просмотр! 👉 Все ссылки (+ настройка редактора) и информация обо мне - 🤍 Смотрите видео ДО КОНЦА, подписывайтесь на канал, ставьте 👍 и колокольчик 🔔

8 Tips For Writing Better V-For Loops With Vue 3

2892
173
8
00:09:38
27.04.2022

💡 Blog Post: 🤍 In this video we explore 8 tips for writing better v-for loops that align with vue's best practices. - Join my channel to support me to continue doing what I love! 🤍 - Helpful Reference's: Vue V-For Docs: 🤍 - Patreon: 🤍 Website: 🤍 Twitter: 🤍 LinkedIn: 🤍 - Timestamps: 0:00 Introduction 0:20 What is a v-for loop? 1:22 Tip 1 - use :key attribute 2:24 Tip 2 - v-for loop with an object 3:28 Tip 3 - v-for loop with range (number) 4:17 Tip 4 - v-for loop with template tag 4:33 Tip 5 - no v-if with v-for 5:23 Tip 6 - use computed properties for filtered data 6:16 Tip 7 - access the index 6:52 Tip 8 - avoid using the index for :key - #vue #vue3 #vuevforloop Current Subscribers: 8,169

Vue 3 - идеи фреймворка [вводный курс, урок 1]

4945
271
14
00:15:32
10.10.2022

Подключение Vue.js, первый пример и идеи фреймворка

VUE3 Лучший аккордеон🪗

1093
67
16
00:17:08
30.05.2022

Видео посвящено проектированию и разработке компонента аккордеона с анимацией, SSR, отсутствием зависимостей во Vue 3 ⌛ Таймкоды ⌛ 0:00 - Про аккордион 1:09 - Заставка 1:14 - Ссылки на гитхаб и гитхаб пейджс 1:52 - State flow and v-model control presentation 3:51 - State flow and v-model control code 5:42 - Animation presentation 8:23 - Animation code 10:53 - SSR and reactivity presentation 13:38 - SSR and reactivity code 16:11 - Выводы 16:51 - Время подписаться и нажать на колокольчик ⚡ Ссылки ⚡ Репа - 🤍 Демо - 🤍 Мой канал в телеграмме - 🤍

Vue 3 Global Properties

365
5
2
00:02:56
12.12.2022

Global properties in Vue 3 are designed to be a way to replicate the behavior of Vue.prototype from Vue 2. Global properties are easy to add and make simple variable values available across our app. This video will show you how to quickly add them to your Vue.js 3 project, and how they can be used for simple and object values. A text version is also available here if you prefer: 🤍 Get 30% off my comprehensive Vue 3 course with this link: 🤍 Check out more content on my website: 🤍

Vue 3 Teleport: How to handle Modals & Notifications

9163
259
20
00:20:11
11.10.2020

This video is a demo of the new Teleport tag in Vue 3 with a discussion of how to handle Modal/Dialog components in Vue applications. Join my Discord Chat: 🤍 Twitch: 🤍 Instagram: 🤍 - Support my channel: - Patreon: 🤍 Paypal Donations: 🤍 Buy my book on learning how to code and getting hired: 🤍 Books I recommend for programming and self-improvement: 🤍 - Programming Content - 🤍 Weekly newsletter: 🤍 Twitter: 🤍 - Blockchain Content: - 🤍 Blockchain newsletter: 🤍 Blockchain Channel, School of Block: 🤍 Twitter: 🤍 DISCLOSURE: Some of the book and product links here might be affiliate links. That means that you are helping support my channel without paying any extra for the goods or services yourself. Thank you.

Разработка UI Kit (Vue 3 + Composition API) #1. Создание проекта

6023
255
52
00:34:24
01.07.2022

В этом видео мы создадим основу для будущего проекта: посмотрим на дизайн, поработаем с компонентами, основами Composition API, роутингом. GitHub: 🤍 Telegram: 🤍 Instagram: 🤍 VK: 🤍 Тренировка своих навыков: 🤍 Дизайн: 🤍 (автор 🤍

#Vue3 Bootcamp #1 | Vue.js Nedir? DOM, Event, Attribute Binding, VDom, Style, Koşullar, Döngüler

67174
1404
89
04:49:04
28.07.2021

#Vue3 Bootcamp #1 | Vue.js Nedir? DOM, Event, Attribute Binding, VDom, Style, Koşullar, Döngüler Merhaba arkadaşlar, 8 hafta sürmesini planladığım vue.js 3 bootcamp''nin ilk dersine hoş geldiniz :) Bu bootcamp içerisinde modern JavaScript frameworkü olan Vue.js 3 öğreniyoruz. En az 8 haftalık bu serüvenin sonunda Vue3 ile ilgili birçok konuyu ele alıp sizi kendi projelerinizde Vue kullanabilir hale getirmeyi planlıyorum. Bu eğitimin verimli geçebilmesi adına HTML, CSS ve JavaScript bilginizin olması gerekmektedir. Aksi halde bu eğitimden verim almanız çok zor olacaktır. Dersin içeriğinde ise; - Vue.js nedir? - Vue.js neden kullanılmalıdır? - Vue ile DOM etkileşimleri - Attribute ve Event Binding - Reactivity - Computed Kullanımı - Watch Kullanımı - Style ve Class Binding - Vue Life Cycle - Virtual DOM ve çok daha fazlasını sizin de katılımınızla anlatıyoruz. İçeriği görmek ve Müfredata Link üzerinden katılarak vereceğim ödevlere erişebilirsiniz. 🤍 Bootcamp Telegram grubuna katılmak için; 🤍 Bu haftanın kaynak kodları ve Ödevleri; 🤍 Ayrıcalıklardan yararlanmak için bu kanala katılın: 🤍 Kanal içerisinde bulabileceğiniz eğitimlerden bazıları; 1. PHP Programlama eğitimi 2. Codeigniter framework eğitimi 3. HTML ve CSS Eğitimi 4. JavaScript Eğitimi 5. JQuery Eğitimi 6. Vue js Eğitimi 7. Nuxt js Eğitimi 8. Node js Eğitimi 9. Express js Eğitimi 10. JavaScript Frameworkleri 11. MongoDB Eğitimi 12. MySQL Eğitimi 13. Docker Eğitimi 14. Go programlama Eğitimi 15. PHP ile proje Eğitimi 16. Codeigniter ile proje Eğitimi 17. Vue js ile proje Eğitimi 18. Nuxt js ile proje Eğitimi 19. Yeni web teknolojilerin tanıtımları 20. IDE kullanımları gibi daha birçok eğitime ücretsiz olarak ulaşabilirsiniz. Eğitimleri izlemek için Oynatma listelerine göz atmayı kesinlikle unutmayın!!! Başlıca oynatma listeleri; Eğitim Serileri; ► HTML Eğitimi : 🤍 ► CSS Eğitimi : 🤍 ► MySQL Eğitimi : 🤍 ► JQuery Eğitimi: 🤍 ► PHP Eğitimi : 🤍 ► Codeigniter Eğitimi : 🤍 Proje Eğitimleri; ► Asp.Net ile Okul Projesi: 🤍 ► Firebase ToDo List Yapımı : 🤍 ► PHP Codeigniter ile Multi Session Yapımı : 🤍 ► PHP Codeigniter Otel Rezervasyon Sistemi : 🤍 ► Like Dislike Yapımı : 🤍 ► PHP Codeigniter ile Malzeme Uygulaması : 🤍 ► Codeigniter ile AutoComplete Kullanarak Arama Motoru Yapmak : 🤍 ► PHP Çoklu Kategori Alt Kategori Yapımı : 🤍 ► Codeigniter ile Çoklu dosya upload işlemi (Dropzone): 🤍 ► PHP Codeigniter ile Pagination Yapımı : 🤍 ► PHP ile Alışveriş Sepeti Yapımı : 🤍 ► PHP Mailer Kullanımı : 🤍 ► Vue js ile Codeigniter Rest API servisine bağlanmak eğitimi : 🤍 ► Nasıl yapılır köşesi: 🤍 ► Vue.js Soru Cevap : 🤍 ► Kullandığım teknoloji ile ilgili bilgiler : 🤍 Sosyal medyadan takip edin : ● VideoSınıf : 🤍 ● Yazılım Eğitim : 🤍 ● Kişisel Web Sayfam : 🤍 ● Facebook : 🤍 ● Twitter : 🤍 ● Instagram : 🤍 ● Instagram : 🤍

Vue.js 3 起手式教學

19984
250
8
01:53:29
14.07.2021

六角學院官網: 🤍 直播文件:🤍 相關課程:🤍 - 講者:卡斯伯 六角學院共同創辦人 從設計轉行前端的工程師 - 粉絲頁:🤍 - 部落格:🤍 - 00:00 介紹 7:50 環境設定 14:30 關注點分離(jQuery 示範) 20:10 準備好 Vue3 的環境(注意 Vue 的 data-函式, methods-物件, mounted-函式) 23:40 邏輯講解 28:05 data function 33:50 將 html 上的值拉回 data (使用 v-model 作雙向綁定) 38:00 data 中物件在 html 上的呈現方式 42:00 圖片的呈現方式(使用 v-bind: 作屬性綁定) 46:40 判斷小明是不是男生(使用 v-if 和 v-else 作判斷) 54:40 多筆資料的呈現(使用 v-for 帶出陣列中的資料) 1:07:10 事件觸發🤍 (雙向綁定) 1:13:25 Vue 開發工具 1:15:00 methods function 1:22:00 本週作業說明 1:31:00 另一種取值的方式(mounted + this,適合初始化資料) 1:39:50 ESModule: Vue 模組化開發管理的方式

VUE3 composition API 간략하게 알아보기 (ref, reactive, methods, v-model )

4388
90
11
00:19:31
17.01.2022

VUE3에 새롭게 추가된 컴포지션API setup 함수 사용법에 대해 간략히 알아보겠습니다. ref, reactive, toRef, methods, v-model 정도의 앞부분의 일부 내용을 담고 있습니다. 감사합니다.

Vue 3, 무엇이 달라졌나

2781
33
0
00:03:10
31.07.2021

업데이트된 Vue 3를 소개합니다.

vue 3 projects | paint application | vue3 | vite | typescript

534
12
0
01:12:04
15.01.2022

in this live video i am going to make painting application with vue3 , vite and typescript

Vue3とComposition APIの概要を一気に解説

13000
264
6
00:31:56
31.12.2019

Vue 3とComposition APIを先取りして解説いたしました。 Vue 2の解説動画もUdemyに出していますので、よければ復習にお使いください! 🤍 Vue 3のドキュメントはこちら 🤍 Composition APIのgithubはこちら 🤍 Twitterはこちら 🤍 TypeScriptの講座はこちら 🤍

Vue3 Composition API - Weather APP - *timelapse*

315
1
2
00:06:31
25.02.2022

Hi guys! Today i wanna show you simple weather app using openweathermap API and vue3. Real coding time: 1h API: 🤍 =*= "FORM VALIDATION - VUE3 COMPOSITION API, VUELIDATE & TAILWINDCSS" 🤍 =*= =*= "MORTGAGE CALCULATOR - VUE3 COMPOSITION API & TAILWINDCSS" 🤍 =*=

#43 - Firebase Setup - Vue 3 Tutorial

291
5
0
00:03:17
21.12.2022

In this Vue 3 tutorial, we learn how to set up a Firebase Firestore database. We cover the SDK, the steps to set up and register an app and how to initialize the database. We cover the following topics: 1. What is Firebase 2. Installing the Firebase SDK 3. How to set up a new Firestore database This lesson is also available in written format 🤍 Check out the Vue 3 for Beginners playlist for more Vue tutorial videos 🤍 Subscribe to the channel and never miss a lesson 🤍 Visit the website for a wide range of programming tutorials 🤍

Назад
Что ищут прямо сейчас на
Vue3 image upload using jquery ajax change logo in wordpress nairobian cool checkbox замена порогов hide navbar on scroll down and show on scroll up Lineage 2 гайд время от времени подкаст rowerowy media offline error premiere pro granuludegļi gma news live russia ukraine peace deal Freak Squad списать долги 2D grm daily adin ross funny Flugplanung