Vue JS Crash Course 2021

Vue JS Crash Course 2021

Learn the fundamentals of Vue JS (v3) in this project-based crash course. Vue JS Crash Course 2021

Learn the fundamentals of Vue JS (v3) in this project-based crash course

Task Tracker: https://github.com/bradtraversy/vue-crash-2021

Random User Generator: https://codepen.io/bradtraversy/pen/LYbzJjK

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

vue vuejs javascript web-development

What is Geek Coin

What is GeekCash, Geek Token

Best Visual Studio Code Themes of 2021

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Hire Dedicated Vuejs Developers - Hire Vue.Js Development Company

Employ our best Vue.js Developers for your custom Vue JS app development. We provide end to end Vue development services & solutions to both small and large companies.

Hire Dedicated JavaScript Developers -Hire JavaScript Developers

Hire dedicated JavaScript Developers who are proficient in AngularJS, ReactJS, NodeJS, & VueJS frameworks. Get flexible hiring models as per your business requirements.

Hire Dedicated VueJS Developers

Want to Hire VueJS Developer to develop an amazing app? **[Hire Dedicated VueJS Developers](https://hourlydeveloper.io/hire-dedicated-vue-js-developer/ "Hire Dedicated VueJS Developers")** on the contract (time/project) basis providing regular...

Vue.js Web App Development | Skenix Infotech

Our expert Vue.js developers follows Agile methodology that delivers high-quality & affordable Vue.js services. Hire Vue.js Developer from Skenix Infotech.

Top 10 VueJS Development Companies To Know In 2021-22

Find the list of Top 10 VueJS Development Companies to help you out in hiring reliable Vue.js developers for web & mobile app development.