Vue JS 2 From Beginner To Professional

About This Course

This is a free Course

Please don’t forget to support our causes by helping us fund our free ICT training classes and befriending events for the elderly.

You can learn more about ways to support our cause Here.

What I will learn?

  • Vue JS 2 From Beginner To Professional

Course Curriculum

Vue JS 2 From Beginner To Professional

  • 1. Hello World.mp4 download
    06:41
  • 2. Introduction to Vue.js.
    02:28
  • 3. Setting up a local development environment (the easy way).
    03:12
  • 4. Course structure.
    02:35
  • 1. Introduction to transitions and animations.
    03:30
  • 10. Transition modes.
    02:08
  • 11. Transitioning elements initially (on page load).
    01:51
  • 12. Transitioning with JavaScript hooks.
    02:38
  • 13. Ignoring CSS classes.
    02:38
  • 14. Transitioning dynamic components.
    02:58
  • 15. Transitioning multiple elements.
    05:21
  • 16. Transitioning moving elements.
    05:37
  • 2. Understanding single element transitions.
    01:53
  • 3. Transitioning with CSS classes.
    04:21
  • 4. Implementing our first transition.
    07:59
  • 5. Specifying transition names.
    02:37
  • 6. Specifying custom transition classes.
    05:49
  • 7. Implementing a custom CSS animation.
    04:27
  • 8. Mixing transitions and animations.
    04:06
  • 9. Transitioning between elements.
    03:01
  • 10. Adding navigation links.
    03:52
  • 11. Styling the active link.
    00:00
  • 12. Dynamic route matching.
    03:52
  • 13. Linking to dynamic routes.
    03:17
  • 14. Named routes.
    03:03
  • 15. Retrieving route parameters.
    03:07
  • 16. Using route props.
    03:08
  • 17. Reacting to parameter changes.
    03:51
  • 18. Navigating programmatically.
    05:32
  • 19. Navigating in the browser’s history stack.
    03:15
  • 2. Introduction to Single Page Applications (SPA).
    03:31
  • 20. Redirecting.
    03:59
  • 21. Aliases.
    02:10
  • 22. Nested routes.
    13:10
  • 23. Query parameters.
    08:23
  • 24. Hash fragment.
    03:06
  • 25. Controlling the scroll behavior.
    06:05
  • 26. Named views.
    06:42
  • 27. Route transitions.
    03:40
  • 28. Route guards.
    07:43
  • 29. Component guards.
    08:50
  • 3. Installing vue-router.
    01:00
  • 30. Global guards & meta fields.
    00:00
  • 31. Reacting to navigations.
    01:50
  • 4. Enabling the router.
    01:14
  • 5. Registering routes.
    03:44
  • 6. Rendering routed components.
    02:04
  • 7. Changing the router mode.
    02:07
  • 8. Catch-all route.
    02:18
  • 9. Moving routes to file
    01:60
  • 10. Configuration within components
    05:03
  • 11. Interceptors.
    00:51
  • 12. Wrap up.
    01:56
  • 2. Introduction to using HTTP in Vue.
    01:56
  • 3. Setting up vue-resource.
    03:10
  • 4. Fetching data with GET requests.
    07:03
  • 5. URI templates.
    06:23
  • 6. POST requests.
    02:47
  • 7. Using resources.
    04:16
  • 8. Custom resource actions.
    05:54
  • 1. Introduction to Vuex.
    01:57
  • 10. Passing arguments to getters.
    03:03
  • 11. Mapping getters to computed properties.
    05:49
  • 12. Introduction to mutations.
    02:17
  • 13. Implementing a mutation.
    03:33
  • 14. Committing mutations with payloads.
    08:04
  • 15. Mapping mutations to methods.
    02:21
  • 16. Using constants for mutation types.
    05:47
  • 17. Mutations must be synchronous.
    02:17
  • 18. Introduction to actions.
    02:17
  • 19. Implementing an action.
    05:13
  • 2. Why Vuex is needed.
    04:23
  • 20. Destructuring the context argument.
    01:29
  • 21. Accessing getters within actions.
    09:56
  • 22. Using promises with actions.
    03:37
  • 23. Mapping actions to methods.
    04:10
  • 24. Two-way data binding.
    04:39
  • 25. Introduction to modules.
    03:16
  • 26. Implementing modules.
    05:53
  • 27. Accessing root state from getters
    03:20
  • 28. Accessing root state from actions.
    02:44
  • 29. Adding mutations to modules.
    03:13
  • 3. Installing Vuex.
    01:43
  • 30. Introduction to namespaces.
    01:57
  • 31. Adding namespaces.
    01:08
  • 32. Accessing namespaced types with helpers.
    03:54
  • 33. Accessing root getters from namespaced modules
    04:45
  • 34. Dispatching root actions and committing root mutations.
    03:24
  • 35. Integration with developer tools.mp4 download
    03:26
  • 36. Should you use Vuex.
    00:00
  • 4. Setting up a simple store.
    01:59
  • 5. Accessing a store’s state.
    02:23
  • 6. Changing state.
    09:05
  • 7. Introduction to getters.
    02:27
  • 8. Implementing a getter.
    04:09
  • 9. Accessing other getters.
    02:43
  • 1. Wrap up.
    01:14
  • 1. Introduction to this section.
    00:51
  • 10. Directive & event modifiers.
    05:16
  • 11. Key modifiers.
    03:58
  • 12. Modifier keys.
    04:18
  • 13. Exercises Events & modifiers.
    00:00
  • 14. Two-way data binding.
    07:32
  • 15. Security Outputting and escaping HTML
    00:00
  • 16. Rendering elements only once.
    01:32
  • 17. Conditionally rendering elements.
    06:56
  • 18. Showing and hiding elements.
    02:10
  • 19. Hiding elements until the Vue instance is ready.
    04:24
  • 2. Working with templates.
    04:19
  • 20. Looping through arrays.
    06:31
  • 21. Accessing the loop index.
    01:34
  • 22. Looping through object properties.
    03:17
  • 23. Looping through number ranges.
    02:02
  • 24. Understanding the v-for update strategy.
    06:16
  • 25. Array change detection.
    04:33
  • 26. Exercises Two-way data binding, conditionals, and loops.
    04:22
  • 27. Optimizing performance with computed properties.
    06:54
  • 28. Adding getters & setters to computed properties.
    04:58
  • 29. Watchers.
    09:14
  • 3. Methods.
    00:00
  • 31. Filters.
    06:39
  • 32. Exercises Filters.
    00:00
  • 33. Styling with inline CSS styles.
    05:44
  • 34. Styling with CSS classes.
    10:12
  • 35. Exercises Styling with inline styles and classes.
    10:21
  • 36. Shorthands for events and bindings.
    06:39
  • 4. A word about ES6 arrow functions.
    00:00
  • 5. Introduction to directives.
    02:19
  • 6. Exercises String interpolation, methods and directives.
    04:39
  • 7. Using expressions with directives.
    07:05
  • 8. Introduction to events.
    01:54
  • 9. Passing arguments to event listeners.
    00:00
  • 1. Introduction to the application.
    04:03
  • 10. Checking out.
    03:19
  • 11. Wrap up.
    03:07
  • 3. Displaying products.
    00:00
  • 4. Adding products to the cart.
    00:00
  • 5. Displaying the cart info in the menu.
    02:48
  • 6. Switching between views.
    04:43
  • 7. Displaying the cart.
    04:26
  • 8. Handling adding products already in cart.
    05:29
  • 9. Increasing and decreasing product quantities
    04:36
  • 1. Introduction to this section.
    06:49
  • 10. Mounting templates dynamically.m
    00:55
  • 11. Using inline templates.
    03:14
  • 12. Destroying a Vue instance.
    05:42
  • 13. Vue instance lifecycle & hooks.
    01:40
  • 14. Using lifecycle hooks.
    04:13
  • 2. Accessing a Vue instance outside of its declaration.
    11:34
  • 3. Using multiple Vue instances on the same page.
    02:27
  • 4. Proxying.
    02:58
  • 5. Understanding reactivity.
    06:57
  • 6. Asynchronous update queue.
    05:23
  • 7. Understanding the Virtual DOM.
    04:29
  • 8. Adding watchers dynamically.
    08:28
  • 9. Accessing the DOM with $refs.
    07:49
  • 1. Introduction to this section.
    00:59
  • 2. Installing Chrome developer tools extension.
    00:00
  • 3. Introduction to Vue CLI.
    02:26
  • 4. Creating a project with Vue CLI.
    04:43
  • 5. Understanding the project structure.
    08:15
  • 6. Single file components.
    01:44
  • 7. Building for production.
    01:20
  • 1. Introduction to components.
    06:17
  • 10. Validating passed data.
    03:13
  • 11. Working with events.
    07:09
  • 12. Communicating through an event bus.
    00:00
  • 13. Exercises Passing data & events.
    09:05
  • 14. Slots.
    03:44
  • 15. Named slots.
    03:17
  • 16. Dynamic components.
    04:49
  • 17. Keeping dynamic components alive.
    01:42
  • 18. Dynamic components lifecycle hooks.
    02:19
  • 19. Vue developer tool in action.
    02:04
  • 2. Why the data property must be a function.
    00:00
  • 3. Global & Local Components.m
    03:44
  • 4. Component naming conventions.
    02:07
  • 5. Creating a component in the project.
    00:00
  • 6. Exercises Global, local and child components.
    08:54
  • 7. Organizing components.
    00:00
  • 8. Global & scoped styles.
    04:41
  • 9. Passing data to components.
    04:46
  • 1. Introduction to the application.
    03:30
  • 10. Displaying sent, important and trashed messages.
    03:09
  • 11. Displaying a message.
    06:40
  • 12. Automatically marking messages as read.
    00:00
  • 13. Navigating back to previous views.
    05:22
  • 14. Deleting messages.
    00:00
  • 15. Marking messages as read or unread.
    03:55
  • 16. Refreshing the inbox.
    04:50
  • 17. Sending messages.
    00:00
  • 18. Wrap up.
    01:02
  • 3. Creating components for the views.
    00:00
  • 4. Adding the sidebar markup.
    02:27
  • 5. Switching between views.
    13:50
  • 6. Loading messages from file.
    01:51
  • 7. Adding numbers to navigation menu
    05:41
  • 8. Displaying the inbox.
    11:33
  • 9. Marking messages as important.
    03:03
  • 1. Introduction to mixins.
    02:18
  • 2. Using mixins.
    02:52
  • 3. How mixins are merged in.
    07:07
  • 4. Global mixins.
    02:43
  • 5. Global filters.
    02:35
  • 2. Text inputs & textareas.
    04:59
  • 3. Checkboxes.
    06:24
  • 4. Radio buttons.m
    02:02
  • 5. Selects (dropdowns).
    02:05
  • 6. Modifiers.
    02:60
  • 7. How the v-model directive works.
    01:48
  • 8. Adding default values.
    04:05
  • 9. Submitting forms.
    02:49
Free
Free
Free access this course

Course info:

Categories Free Courses

Target Audience

  • This Course is aimed at anyone who wants to learn.