This course covers all topics of Vue JS 3 from basic to advanced, providing step-by-step solutions for beginners. The learning outcomes include understanding Vue JS basics, creating components, working with data binding, event handling, conditional rendering, form handling, component communication, routing, API integration, and building a complete project. The course teaches skills such as Vue CLI installation, component creation, props handling, form validation, lifecycle methods, routing, API calls, and project development. The teaching method involves tutorial videos with practical examples and coding exercises. This course is intended for beginners who want to learn Vue JS 3 from scratch and build real-world projects using the framework.
Overview
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
