Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Vue JS Tutorial for Beginners

via YouTube

Overview

Prepare for a new career with $100 off Coursera Plus
Gear up for jobs in high-demand fields: data analytics, digital marketing, and more.
This course aims to teach beginners everything about the Vue.js framework through step-by-step tutorials. By the end of the course, learners will be able to create components, handle events, work with conditional rendering, manage data binding, implement form validation, utilize lifecycle methods, fetch data from APIs, implement routing, and create custom directives. The course covers Vue.js 2 and Vue.js 3, including topics like computed properties, watchers, slots, dynamic components, and routing. The teaching method involves video tutorials with examples. This course is intended for beginners who want to learn Vue.js from scratch.

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

Reviews

Start your review of Vue JS Tutorial for Beginners

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.