Aula #1 - 1. Introduction to VueJS 3.0. New Features and Breaking Changes added in the Vue 3.0.
Aula #2 - 2. Breaking Changes need to know while migrating code from Vue2 to Vue 3.
Aula #3 - 3. Create Vue App Instance & connect to the element. Implement Data binding & Interpolation - Vue 3
Aula #4 - 4. Binding the html element attributes with v-bind Directive in Vue 3
Aula #5 - 5. Implement Methods, use Data Properties inside methods, understand v-html directive in Vuejs.
Aula #6 - 6. Understanding Vuejs Click Event Binding using v-on Directive - Vue3 | Vue.js
Aula #7 - 7. Access the Native Event Object $event in the event handling Methods in Vue3 | Vue js
Aula #8 - 8. Use of Event Modifiers like mouse right-click, Prevent default & stop Propagation - Vue3 | Vue js
Aula #9 - 9.use of Key Event Modifiers (enter, esc, ctrl, shift keys) and v-once directive in Vue3 | Vue js
Aula #10 - 10. v-model Directive for achieving Two way data binding in Vuejs - Vue3
Aula #11 - 11. Computed Properties in Vue 3 - Vue js
Aula #12 - 12. Understanding Watchers in Vuejs | Vue3
Aula #13 - 13. Apply Dynamic styling with inline Styles in Vuejs | Vue 3.
Aula #14 - 14. Adding CSS Classes dynamically in Vuejs - Vue 3
Aula #15 - 15. Use Computed properties for dynamic classes. Array Syntax for dynamic Classes in Vue js | Vue3
Aula #16 - 16. Rendering Content Conditionally using V-if directive in Vuejs | Vue3
Aula #17 - 17. Using v-if, v-else, v-else-if directives. Difference on v-if and v-show directive - Vuejs | Vue3
Aula #18 - 18. Using v-for directive to render the list. Loop Arrays, Objects & number range in Vue js | Vue3
Aula #19 - 19. Importance of Key attribute usage in the v-for directive in Vue js | Vue3
Aula #20 - 20. One App vs Multiple App instances. Sharing data between two Vue app instances - Vue js | Vue3
Aula #21 - 21. Using $Refs & ref attribute to access DOM nodes for referencing Html Elements in Vue js | Vue 3
Aula #22 - 22. Life Cycle Hooks Events explanation in Vue js | Vue 3.
Aula #23 - 23. Practice Life Cycle Hooks like created, mounted, updated and unmounted events in Vue js | Vue 3
Aula #24 - 24. Why we need to use components in Vue js. Basic introduction to Components in Vue js | Vue 3
Aula #25 - 25. Different ways of registering components. Name Casing components in Pascal Case in Vue js | Vue3
Aula #26 - 26. Introduction to Vue CLI. Create a Vue project using the Vue CLI approach in Vue js | Vue 3
Aula #27 - 27. Exploring Project Structure created by Vue CLI. Understand \".vue\" file Contents - Vue js | Vue 3
Aula #28 - 28. Create basic \".vue\" component and register it both Locally and globally in Vue js | Vue 3
Aula #29 - 29. Perform Parent to Child Communication using this Props in Vuejs | Vue 3
Aula #30 - 30. Prop Validation with Type Checks and Prop Casing (Camel Case) in Vue js | Vue 3
Aula #31 - 31. Non Prop Attributes and Attribute Inheritance. Disable inheritance, $attrs variable in Vue js 3.
Aula #32 - 32. Child - Parent Communication using the $emit to send the Custom Events - Vue js | Vue 3
Aula #33 - 33. Apply Validation for the emitted custom events in Vue js | Vue 3.
Aula #34 - 34. Provide / Inject for parent-child communication. Apply reactivity for provide values - Vue 3
Aula #35 - 35. Apply Provide - Inject for the Custom Event Methods. Props Vs Provide in Vue js | Vue 3
Aula #36 - 36. Component based Scoped CSS Styles in Vue js | Vue 3
Aula #37 - 37. Introduction to Slots. Difference between Slots Vs Props and when to use in Vue js | Vue 3
Aula #38 - 38. Named Slots in Vue js. Define multiple slots with names in Vue 3
Aula #39 - 39. Fallback Content in Slots. Use of $slots variable and Named Slots Shorthand in Vue js | Vue 3
Aula #40 - 40. Scoped Slots in Vue js. Pass Data from slots as props and access in the components in Vue 3.
Aula #41 - 41. Dynamic Components in Vue js. Keep the components alive by using keep-alive in Vue js | Vue 3
Aula #42 - 42. Async Components in Vue js . Assign Name for the chunks using webpackchunkname in Vuejs | Vue 3
Aula #43 - 43. Teleport in Vue 3. Using Teleport for Modal and Notifications in Vue js | Vue 3
Aula #44 - 44. Send Http Post Request using axios in Vue js | Vue 3.
Aula #45 - 45. Send HTTP Get Request using Axios in Vue js | Vue 3
Aula #46 - 46. Apply Global Axios Default Config like baseURL, headers for sending HTTP Requests - Vue 3
Aula #47 - 47. Axios Interceptors for request & response. Create custom axios instance in Vue js | Vue 3.
Aula #48 - 48. Implement Vuejs Routing setup using Vue Router in Vue js | Vue 3
Aula #49 - 49. Navigate with router-link. styling the active links. Changing to custom class in Vue js | Vue 3
Aula #50 - 50. Programmatic navigation between pages using $router with push, replace and go in Vue js | Vue 3
Aula #51 - 51. Create Posts and List the Posts data using axios in the Vue router - Vue js | Vue 3.
Aula #52 - 52. Pass Data with Route Params for Navigation using $route.params in Vue js | Vue 3.
Aula #53 - 53. React to Route Param Changes on the same page using watchers, $watch, and props - Vue js | Vue 3
Aula #54 - 54. Redirect & alias routing differences. Catch-All / 404 Not Found Route in Vue js | Vue 3.
Aula #55 - 55. Implement Nested Routes using Children Option. Add Default children route in Vue js | Vue 3.
Aula #56 - 56. Benefits of Named Routes in Routing. Accessing Query Parameters using $route in Vue js | Vue 3.
Aula #57 - 57. Multiple Router based Named Views for router-view in Vue js | Vue 3.
Aula #58 - 58. Global router before Each Navigation Guard in Vue js | Vue 3.
Aula #59 - 59. Router & Component Based Navigation Guards. beforeEnter, beforeRouteLeave - Vue 3 | Vue js
Aula #60 - 60. beforeRouteUpdate Guard. Use Component instance \"this\" inside beforeRouteEnter Vue js | Vue 3
Aula #61 - 61. Implement Class based Animations and Transitions in Vue js | Vue 3.
Aula #62 - 62. Enter & Leave Transitions for dynamically inserted component using transition component - Vue 3
Aula #63 - 63. Apply Key-frames animations for the Transition Wrapper component in Vue 3 | Vue js.
Aula #64 - 64. Apply Animation for Dialog Modal Component on opening & Closing with Transition - Vue js | Vue 3
Aula #65 - 65. Transition Modes out-in and in-out for applying animations in Vue js | Vue 3
Aula #66 - 66. Implement Javascript Hooks / Events for the Transitions of leave and enter in Vue js | Vue 3.
Aula #67 - 67. Practical Implementation of Javascript Events / Hooks for Transitions in Vue js | Vue 3.
Aula #68 - 68. Apply Transition to the Lists of data for dynamic adding and removing elements - Vue js | Vue 3.
Aula #69 - 69. Implement transition-group for the lists of data and the tag attribute in the Vue js | Vue 3.
Aula #70 - 70. Understand List move class in the transition group for the list of data in Vue js | Vue 3.
Aula #71 - 71. Implement the Route based Transitions when navigating from one page to another - Vue js | Vue 3.
Aula #72 - 72. Introduction to Vuex state management. Install vuex and create store in Vue js | Vue 3.
Aula #73 - 73.Get the store data using computed properties. Update the state in store in Vuex - Vue js | Vue 3
Aula #74 - 74. Implement Mutations to set state in Vuex store. Access mutations with commit - Vue js | Vue 3.
Aula #75 - 75. Introduction to Getters to get the state data in Vuex store - Vue js | Vue 3.
Aula #76 - 76. Calling Getters inside another Getter Methods. Pass arguments to getters, Vuex - Vue js | Vue3.
Aula #77 - 77. Use Actions to run Asynchronous code in Vuex. Role of context in Actions, Vuex - Vue js | Vue 3.
Aula #78 - 78. Dispatching Actions within another actions in Vuex - Vue js | Vue 3.
Aula #79 - 79. Understand mapGetters, mapState, mapMutations and mapActions for Vuex Store - Vue js | Vue 3.
Aula #80 - 80. Dividing the State into different modules and add it in Vuex store - Vue js | Vue 3.
Aula #81 - 81. Namespacing Modules for the state in the Vuex store - Vue js | Vue3.
Aula #82 - 82. Managing the Vuex store code in different files and import to single file - Vue js | Vue 3.
Aula #83 - 83. Declare constants for naming the mutations, actions, and getters in Vuex store - Vue js | Vue 3.
Aula #84 - 84. Design the Login & Signup Page for implementing the Vue authentication - Vue js | Vue3.
Aula #85 - 85. Setup the Vuex state management in the authentication project in Vue js | Vue 3.
Aula #86 - 86. Add Validations for the Login and Signup Page in Vue Authentication - Vue js | Vue 3.
Aula #87 - 87. Make Http Request in the vuex actions using axios to get token details - Vue js | Vue 3.
Aula #88 - 88. Save the response data from signup into the vuex store state with mutations in Vue js - Vue 3.
Aula #89 - 89. Accessing the store state data in the router Navigation Guards in Vue router - Vue js 3 | Vue 3.
Aula #90 - 90. Catch the errors from the server and show the error message in signup page - Vue js 3 | Vue 3.
Aula #91 - 91. Add the Loading Spinner Component and use it with the help of store - Vue js 3 | Vue 3.
Aula #92 - 92. Add the Login Functionality for authentication and saving token in Vuex store - Vuejs 3 | Vue 3.
Aula #93 - 93. Attach the token for the outgoing HTTP Requests with axios in Vue js 3 | Vue 3.
Aula #94 - 94. Adding the auth token with Axios request interceptors from Vuex state - Vue js 3 | Vue 3.
Aula #95 - 95. Adding the authenticate condition to show links in webpage from Vuex state - Vue js 3 | Vue 3
Aula #96 - 96. Add Logout Functionality by making the auth token empty in the Vuex state - Vue js 3 | Vue 3.
Aula #97 - 97. Apply Navigation Guards for authentication and Routing page in Vue js 3 | Vue 3
Aula #98 - 98. Implement AutoLogin Feature by using local storage to save the token - Vue js 3 | Vue 3
Aula #99 - 99. Implement Auto-Logout functionality when the token expires in Vue js 3 | Vue 3.
Aula #100 - 100. Optimize Routes by Lazy Loading Components and steps for deploying Project - Vuejs 3 | Vue 3.
Aula #101 - 101. Introduction to Composition API & Options API and why we need to use it in Vue js 3 | Vue 3.
Aula #102 - 102. Implement reactive variables with Ref in Composition API in Vue js 3 | Vue 3.
Aula #103 - 103. Use of Ref and Reactive in composition api. Apply reactive for the objects in Vuejs 3 | Vue 3.
Aula #104 - 104. isRef, isReactive & toRefs to check reactivity of variable in composition API - Vuejs 3| Vue 3
Aula #105 - 105. Create methods in the composition API - Vuejs 3 | Vue 3.
Aula #106 - 106. Create Computed Property methods in the Composition API in Vue js 3 | Vue 3.
Aula #107 - 107. Implement Two-way Binding with v-model and watch method in composition API - Vue js 3 | Vue 3.
Aula #108 - 108. Send Props to the components and use the Props in Composition API in Vue js 3 | Vue 3.
Aula #109 - 109. Understand Template Ref & Reactive ref in the Composition API in Vue js 3 | Vue 3.
Aula #110 - 110. Emit, Slot & attrs property in context in setup method - Composition API - Vue js 3 | Vue 3.
Aula #111 - 111. Life Cycle Hooks usage in the Vue Composition API - Vue js 3 | Vue 3.
Aula #112 - 112. useRouter for navigating to other page in vue router - Composition API - Vue js 3 | Vue 3.
Aula #113 - 113. Get route params into the component by useRoute and props in Composition API - Vuejs | Vue 3.
Aula #114 - 114. Access store data in the composition API with useStore in Vuex state Management - Vuejs | Vue 3
Aula #115 - 115. Extract reusable functionalities with Mixins in Vue js 3 | Vue 3.
Aula #116 - 116. Data Options Merging in Mixin. Implementing Global Mixin in Vue js 3 | Vue 3.
Aula #117 - 117. Reuse Common functionality code using hooks in the composition API - Vue js 3 | Vue 3.
Aula #118 - 118. Completing Vue js course. Next Steps to learn after Vue course - Vue js 3 | Vue 3.