3 Hour crash course of the Vue.js framework. You will learn all the fundamentals including components, directives, lifecycle, events and much more. Check Out Our Sponsor Daily.dev: Full Project Code: Blog Post: Check Out My Courses: Timestamps: 0:00 - Intro 2:19 - Daily.dev Sponsor 3:11 - What is Vue.js? 4:45 - Prerequisites 6:17 - Role of Frontend Frameworks 8:40 - Why Vue.js? 11:14 - Vue Components 13:39 - Getting Setup 15:40 - Using The Vue CDN 20:54 - Create-Vue Setup 22:30 - Vue Official Extension 22:58 - Exploring Folders & Files 26:10 - Boilerplate Clean Up 26:50 - Component Structure 27:25 - Options API data() & Interpolation 28:36 - v-if, v-else & v-else-if Directives 30:43 - v-for Directive & Looping 32:17 - v-bind Directive 33:36 - v-on Directive, Events & Methods 35:55 - Composition API - Long Form 39:08 - ref() & Reactive Values 40:35 - Composition API Short Form 42:41 - Forms & v-model 46:38 - Delete task 48:36 - Lifecycle Methods 49:50 - onMounted & Fetching Data 51:58 - Vue Jobs Project Start 52:26 - Tailwind CSS Setup 56:47 - Theme Files & Images 58:16 - Navbar Component 1:01:20 - Hero Component 1:02:30 - Props 1:04:57 - HomeCards & Card Container Component 1:10:20 - JobListings Component & JSON Data 1:16:47 - JobListing Component 1:20:53 - JobListings Limit & showButton Props 1:24:26 - computed() & Truncate Description 1:30:41 - PrimeIcons 1:32:35 - Vue Router & Home View 1:39:52 - Jobs View 1:41:55 - RouterLink 1:46:07 - Navbar Active Link 1:50:42 |
Rossum, RWS, Lamda and Harbor Lab rely o...
Develop with the DRESN Stack presented b...
AWS is thrilled to announce the 80 innov...
Developers, explore what is possible whe...
Attribute Based Access Control (ABAC) fo...
On this episode we're showcasing the jou...
The #NestLearningThermostat is like a pi...
🔥UC San Diego - Product Management Profe...
🔥 UI UX Bootcamp from Caltech University...
🔥 Purdue Post Graduate Program In AI And...
Want to know how AI can help you land a ...
🔥Microsoft Azure Cloud Architect (Discou...
🔥Certified ScrumMaster (CSM) Certificati...
🌎 Find Me Here: My Blog: My Courses: ...