YoVDO

Vue JS 3 Tutorial for Beginners

Offered By: YouTube

Tags

Vue JS Courses Web Development Courses Routing Courses Event Handling Courses Project Development Courses Data Binding Courses

Course Description

Overview

Embark on a comprehensive 13-hour tutorial series covering Vue.js 3 from basics to advanced concepts. Learn step-by-step how to use Vue.js with CDN, install via CLI, understand file structure, create components, handle events, implement two-way binding, work with conditional rendering and loops, manage component communication, utilize lifecycle hooks, set up routing, and interact with REST APIs. Build a complete Restaurant Management App project, covering user authentication, CRUD operations, and API integration. Master Vue.js 3 through hands-on coding examples and practical application development.

Syllabus

Vue JS 3 tutorial #1 Introduction.
Vue JS 3 tutorial #2 How to use VueJs with CDN.
Vue JS 3 tutorial #3 Installation with vue CLI.
Vue JS 3 tutorial #4 File and Folder Structure.
Vue JS 3 tutorial #5 Code Flow and vue extension.
Vue JS 3 tutorial #6 Make First Component.
Vue JS 3 tutorial #7 Interpolation and Data.
Vue JS 3 tutorial #8 Methods with Params.
Vue JS 3 tutorial #9 Event with example, click event.
Vue JS 3 tutorial #10 Two way binding.
Vue JS 3 tutorial #11 Get input value.
Vue JS 3 tutorial #12 Get Checkbox & Radio Button Value.
Vue JS 3 tutorial #13 if else conditions | conditional rendering.
Vue JS 3 tutorial #14 For Loop and List.
Vue JS 3 tutorial #15 Pass Data Parent to Child Component.
Vue JS 3 tutorial #16 Reuse Component.
Vue JS 3 tutorial #17 HTML binding.
Vue JS 3 tutorial #18 Class Binding | Dynamic Style.
Vue JS 3 tutorial #19 Props with example.
Vue JS 3 tutorial #20 send child to parent data component.
Vue JS 3 tutorial #21 Ref with Interview question.
Vue JS 3 tutorial #22 Simple Form.
Vue JS 3 tutorial #23 Complete Form - part 2.
Vue JS 3 tutorial #24 Form Validation.
Vue JS 3 tutorial #26 Non-Props Data.
Vue JS 3 tutorial #27 Computed Property.
Vue JS 3 tutorial #28 Watchers with example.
Vue JS 3 tutorial #29 Slots with example.
Vue JS 3 tutorial #30 Multiple slots with Named Slot.
Vue JS 3 tutorial #31 Dynamic Component.
Vue JS 3 tutorial #32 Teleport component with example.
Vue JS 3 tutorial #33 Life cycle method.
Vue JS 3 tutorial #34 beforeCreate and Created life cycle method.
Vue JS 3 tutorial #35 beforeMount and mounted life cycle method.
Vue JS 3 tutorial #36 beforeUpdate and updated.
Vue JS 3 tutorial #37 beforeUnmount and unmounted.
Vue JS 3 tutorial #38 Routing.
Vue JS 3 tutorial #39 Dynamic Routing.
Vue JS 3 tutorial #40 Page Not Found.
Vue JS 3 tutorial #41 what is rest API.
Vue JS 3 tutorial #42 Call Get API.
Vue JS 3 tutorial #43 List with API Data.
Vue JS 3 tutorial #44 Send Data in Post Method API.
Vue js project #1 Introduction - Restaurant Management App.
Vue js project #2 Project Setup - Restaurant Management App.
Vue js project #3 Code Flow - Restaurant Management App.
Vue js project #4 Sign-up Component - Restaurant Management App.
Vue js project #5 Setup JSON server for API.
Vue js project #6 Integrate User Sign-Up API.
Vue js project #7 Set-up Routing and Home Component.
Vue js project #8 Complete Sign Page and Redirections.
Vue js project #9 Login Page - Restaurant App.
Vue js project #10 Login API integration - Restaurant App.
Vue js project #11 Make Header for project.
Vue js project #12 How to Logout.
Vue js project #13 Add and Update Page.
Vue js project #14 Make API for restaurant List with json server.
Vue js project #15 List of restaurant with API.
Vue js project #16 Form for Add Restaurant.
Vue js project #17 Call API for Add Restaurant.
Vue js project #18 Update Restaurant | Update Route.
Vue js project #19 Prefill Update Restaurant Form.
Vue js project #20 Prefill Update Restaurant Form.
Vue js project in Hindi #21 Delete Restaurant.
Vue JS complete tutorial | Full course for beginners | version 3.


Taught by

Code Step By Step

Related Courses

Learn Angular Routing by building a Cocktails Application
Coursera Project Network via Coursera
Build ATM User Interface using Routing in Angular
Coursera Project Network via Coursera
Cloud Networking
University of Illinois at Urbana-Champaign via Coursera
Learn AngularJS 1.X
Codecademy
Computer Networks
University of Washington via Coursera