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

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX