Vue.js Crash Course 2024 - Fundamentals and Project Development

Vue.js Crash Course 2024 - Fundamentals and Project Development

Traversy Media via YouTube Direct link

- Prerequisites

4 of 59

4 of 59

- Prerequisites

Class Central Classrooms beta

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.