Completed
- onMounted & Fetching Data
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Vue.js Crash Course 2024 - Fundamentals and Project Development
Automatically move to the next video in the Classroom when playback concludes
- 1 - Intro
- 2 - Daily.dev Sponsor
- 3 - What is Vue.js?
- 4 - Prerequisites
- 5 - Role of Frontend Frameworks
- 6 - Why Vue.js?
- 7 - Vue Components
- 8 - Getting Setup
- 9 - Using The Vue CDN
- 10 - Create-Vue Setup
- 11 - Vue Official Extension
- 12 - Exploring Folders & Files
- 13 - Boilerplate Clean Up
- 14 - Component Structure
- 15 - Options API data & Interpolation
- 16 - v-if, v-else & v-else-if Directives
- 17 - v-for Directive & Looping
- 18 - v-bind Directive
- 19 - v-on Directive, Events & Methods
- 20 - Composition API - Long Form
- 21 - ref & Reactive Values
- 22 - Composition API Short Form
- 23 - Forms & v-model
- 24 - Delete task
- 25 - Lifecycle Methods
- 26 - onMounted & Fetching Data
- 27 - Vue Jobs Project Start
- 28 - Tailwind CSS Setup
- 29 - Theme Files & Images
- 30 - Navbar Component
- 31 - Hero Component
- 32 - Props
- 33 - HomeCards & Card Container Component
- 34 - JobListings Component & JSON Data
- 35 - JobListing Component
- 36 - JobListings Limit & showButton Props
- 37 - computed & Truncate Description
- 38 - PrimeIcons
- 39 - Vue Router & Home View
- 40 - Jobs View
- 41 - RouterLink
- 42 - Navbar Active Link
- 43 - Not Found Page
- 44 - JSON Server REST API
- 45 - Fetch Data For JobListings
- 46 - reactive Function
- 47 - JobListings Refactor To reactive
- 48 - Vue Spinner
- 49 - Fetch Single Job & Display Data
- 50 -BackButton Component
- 51 - Proxying
- 52 - Add Job Page
- 53 - Save Job POST
- 54 - Toast Notifications
- 55 - Delete Job
- 56 - Edit Page
- 57 - Fetch Job To Edit
- 58 - Update Job
- 59 - Netlify Deployment
