Advanced Vue: Create a Crypto Price Tracker Using Web Components
10.2 هزار بار بازدید -
3 سال پیش
-
🚨 Are you stuck on
🚨 Are you stuck on code, or your career? Get mentored by me! - 1 Week Free Trial - https://mentorcruise.com/mentor/erikh...
Web Components are a great way of sharing information! In this video we'll use Vue.js 3 and web components to create a crypto price tracker. This tutorial will help anyone wanting to learn advanced vue topics, like reactive, ref and web components.
👉Check out my last video on creating a Vue Plugin
How To Create A Vue.js 3 Plugin Compo...
👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech/
Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
👉https://mentorcruise.com/mentor/erikh...
Need to Learn Vue or Nuxt? Check out my courses below!
http://bit.ly/2LalQka - Learn Nuxt.js Course!
http://bit.ly/3aiYe8s - Quick Starter On Vue 3
https://bit.ly/2OETt0M - Full 6 Module course on vue!
0:00 Introduction
0:57 Creating The coin-tracker component
10:32 Creating the grabPrice function
21:37 Creating the Coin Checker
24:26 Adding Styling for coin tracker
33:29 Creating the Arrow Checker
49:34 v-bind inside style tag
50:34 Converting to A Web Component
51:20 Adding defineCustomElement
01:01:36 First attempt testing Web component
01:03:52 Second attempt testing web component
🗂️ 🗂️ 🗂️
Links
https://github.com/ErikCH/i-viewer-vu...
https://gist.github.com/ErikCH/2ee713...
Web Components are a great way of sharing information! In this video we'll use Vue.js 3 and web components to create a crypto price tracker. This tutorial will help anyone wanting to learn advanced vue topics, like reactive, ref and web components.
👉Check out my last video on creating a Vue Plugin
How To Create A Vue.js 3 Plugin Compo...
👉 Sign up and get free Vue cheat sheets and updates!
https://www.vuecourse.tech/
Need some mentoring, help with a project, get a career in tech, level up your skills? Check it out
👉https://mentorcruise.com/mentor/erikh...
Need to Learn Vue or Nuxt? Check out my courses below!
http://bit.ly/2LalQka - Learn Nuxt.js Course!
http://bit.ly/3aiYe8s - Quick Starter On Vue 3
https://bit.ly/2OETt0M - Full 6 Module course on vue!
0:00 Introduction
0:57 Creating The coin-tracker component
10:32 Creating the grabPrice function
21:37 Creating the Coin Checker
24:26 Adding Styling for coin tracker
33:29 Creating the Arrow Checker
49:34 v-bind inside style tag
50:34 Converting to A Web Component
51:20 Adding defineCustomElement
01:01:36 First attempt testing Web component
01:03:52 Second attempt testing web component
🗂️ 🗂️ 🗂️
Links
https://github.com/ErikCH/i-viewer-vu...
https://gist.github.com/ErikCH/2ee713...
3 سال پیش
در تاریخ 1400/12/02 منتشر شده
است.
10,221
بـار بازدید شده