Learn Vue.js from the ground up in this comprehensive 12-hour tutorial series designed for beginners. Master the fundamentals of the Vue.js framework through step-by-step instruction and practical examples. Explore topics including installation, component creation, event handling, conditional rendering, loops, data binding, props, lifecycle methods, form handling, API integration, routing, and more. Gain hands-on experience by building a restaurant management project, implementing features such as listing, adding, updating, and deleting restaurants using a REST API. By the end of this tutorial, you'll have a solid foundation in Vue.js development, ready to create dynamic and interactive web applications.
Overview
Syllabus
Vue js tutorial for beginners #1 Introduction.
Vue js tutorial for Beginners #2 installation.
Vue JS 3 tutorial #2 How to use VueJs with CDN.
Vue js tutorial for beginners #3 folder and file structure.
Vue js tutorial for beginner #4 Make component.
Vue js tutorial for beginners #5 event | how to use click event.
Vue js tutorial for beginners #6 conditional rendering | if else conditions.
Vue js tutorial for beginners #7 for loop.
Vue js tutorial for beginners #8 composing with component.
Vue js tutorial for beginners #9 template with example.
Vue js tutorial for beginners #10 Class and Style Bindings.
Vue js tutorial for beginners #11 Data binding.
Vue js tutorial for beginners #13 props child to parent component.
Vue js tutorial for beginners #12 props in vue js.
Vue js tutorial for beginners #14 life cycle methods (Hooks).
Vue js tutorial for beginners #15 Make form and get data.
Vue js tutorial for beginners #16 form with checkbox and radio button.
Vue js tutorial for beginners #17 form validation.
Vue js tutorial for beginners #18 filters.
Vue js tutorial for beginners #19 beforecreate and created life cycle methods.
Vue js tutorial for beginners #20 beforeMount and Mounted life cycle methods.
Vue js tutorial for beginners # 21 beforeDestroy and destroyed life cycle methods.
Vue js tutorial for beginners #22 fetch data from API | axios.
Vue js tutorial for beginners #23 add bootstrap.
Vue js tutorial for beginners #24 Post API with form data.
Vue js tutorial for Beginners #25 Delete data with API | delete method.
Vue js tutorial for Beginners #26 Basic Routing | Vue router part 1.
Vue js tutorial for beginners #27 Add Routing Link | vue router part 2.
Vue js tutorial for beginners #28 Pass data in routing params | Vue router part 3.
Vue js tutorial for beginners #29 page not found | 404 page | Vue router part 4.
Vue js tutorial for beginners #30 dynamic component.
Vue js tutorial for beginners #31 make custom directive.
Vue JS 3 tutorial #20 send child to parent data component.
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 #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 #41 what is rest API.
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
