Vue JS 3 for absolute beginners (HTML | CSS | Vue-Router) [ Dec 2022 ]



Published
Learn Vue Js 3 (with focus on composition api), Vue-Router (for page navigation) , HTML/CSS (basic introduction

Source code: https://github.com/rmsmech/Tutorials/tree/master/vue3Demo

Chapters:
00:10 Introduction
02:38 Getting Started: Using Vite.
06:57 Install VS Code Extensions
09:05 Project Structure
13:16 NPM Node modules installation
16:03 Using Custom Ports
17:45 Index.html (Basic concepts)
21:19 Main.js (Basic concepts)
24:04 Vue component and its file structure
25:57 App.Vue and its place in the project
31:30 Introduction: HTML
38:00 Introduction: CSS
47:47 Build new Vue component (Getting started)
50:31 Import one Vue component into another
53:20 CSS Again
56:46 Quick Tip: Vue Dev tools
57:33 CSS Again-2
01:06:10 Define Props (Pass data to components )
01:12:53 Binding Props
01:23:49 Methods
01:32:00 Ref Keyword (reactivity)
01:39:00 LifeCycle Hooks (Mounted/Updated)
01:52:50 Vue-Router (Getting Started)
01:57:00 Router.Js (Create a router file from scratch)
02:07:34 Router-View (For navigation)
02:17:21 Router-Link (For navigation without refresh)
02:19:00 HTML Sticky Navigation Bar (Basic sample)
02:24:47 Navigation Path Not Found (PathMatch)
Category
Web design
Be the first to comment