Vue.js 3 Fundamentals

Focused View

Jim Cooper

5:40:23

15 View

01. Course Overview

01. Course Overview.mp4

02:08

02. Getting Started with the Vue.js CLI

02. Introduction.mp4

01:39

03. Gaining a Conceptual Understanding of Vue.mp4

01:32

04. Setting up the Environment.mp4

01:58

05. Creating a New Project with the Vue CLI.mp4

09:58

06. Creating the Home Page.mp4

09:07

03. Creating Vue.js Components and Using Template Syntax

07. Introduction.mp4

00:33

08. Global Components vs. Local Components.mp4

05:09

09. Creating Your First Component.mp4

06:40

10. Binding Attributes to Data with v-bind.mp4

05:25

11. Binding to Events with v-on.mp4

06:48

12. Using Shorthand Bindings.mp4

01:12

13. Binding to Computed Properties.mp4

02:32

14. Displaying Data with Interpolation.mp4

02:55

15. Conditionally Displaying Content with v-if and v-show.mp4

04:11

16. Repeating Elements with v-for.mp4

10:49

17. Styling Components.mp4

04:58

18. Styling Child Components.mp4

06:32

19. Conditionally Applying Styles with Style Bindings.mp4

03:40

20. Conditionally Applying Classes with Class Bindings.mp4

04:01

21. Using SASS and Other CSS Pre-processors.mp4

02:21

22. Using Component Lifecycle Hooks.mp4

02:23

23. Reducing Duplication with Mixins.mp4

02:17

24. Using the Composition API to Separate Concerns.mp4

03:33

25. Making Components Reactive with the Reactivity API.mp4

09:30

26. Demo-Using the Composition and Reactivity APIs Together.mp4

08:42

27. Summary.mp4

00:31

04. Enabling Inter-component Communication

28. Introduction.mp4

00:30

29. Creating Child Components.mp4

05:47

30. Using Props to Share Data with Child Components.mp4

05:16

31. Validating Props.mp4

03:55

32. Passing Data to Parent Components with Events.mp4

10:29

33. Injecting Content into a Child Component with Slots.mp4

06:56

34. Using Teleport to Render Content Elsewhere in the Application.mp4

06:21

35. Using Provide Inject to Supply Data to Deeply Nested Components.mp4

07:33

36. Summary.mp4

00:30

05. Routing from Page to Page

37. Introduction.mp4

00:43

38. Adding Routing to Your App.mp4

05:09

39. Linking to Routed Pages.mp4

02:57

40. Styling Links Based on the Active Route.mp4

03:01

41. Navigating from Code.mp4

03:42

42. Working with Route Params.mp4

06:12

43. Passing Params as Props.mp4

02:23

44. Using Nested Routes.mp4

07:23

45. Using Named Views.mp4

06:17

46. Enabling HTML5 History Mode.mp4

02:49

47. Preventing Pages from Loading with Navigation Guards.mp4

03:20

48. Preventing Navigation Away from Pages with Navigation Guards.mp4

04:04

49. Summary.mp4

00:29

06. Managing State and Server Communication with Vuex

50. Introduction.mp4

03:13

51. Creating a Vuex Store.mp4

01:54

52. Changing Vuex Store State with Mutations.mp4

03:29

53. Retreiving Items from the Vuex Store.mp4

06:52

54. Using Vuex Getters to Return Calculated Data.mp4

04:04

55. Using Actions to Work with APIs and Asynchronous Data.mp4

16:12

56. Using Actions to Save Data to an API.mp4

03:13

57. Returning Promises from Actions.mp4

01:19

58. Organizing the Store with Modules.mp4

06:05

59. Namespacing Modules.mp4

04:25

60. Accessing Namespaced Getters.mp4

01:11

61. Understanding Global and Namespaced State.mp4

09:20

62. Using the Vuex MapState Helper.mp4

04:17

63. Using the Vuex MapGetters Helper.mp4

01:12

64. Using the Vuex MapActions Helper.mp4

02:34

65. Using the Vuex MapMutations Helper.mp4

00:55

66. Summary.mp4

00:34

07. Creating Custom Directives and Filters

67. Introduction.mp4

00:32

68. Creating a Custom Directive.mp4

03:32

69. Passing Data to Directives.mp4

06:34

70. Using Directive Lifecycle Hooks.mp4

05:01

71. Making Directives Available Globally.mp4

01:50

72. Creating a Custom Filter.mp4

05:54

73. Declaring Filters Globally.mp4

01:44

74. Summary.mp4

00:28

08. Deploying Vue Applications to Production

75. Introduction.mp4

02:15

76. Creating a Basic Vue.js Build with the CLI.mp4

02:08

77. Using Environment Variables and Build Modes.mp4

05:56

78. Deploying to a Production Webserver.mp4

03:22

79. Handling Deep Linking on the Server.mp4

04:02

80. Inspecting the Built-in Webpack Config.mp4

01:46

81. Customizing Webpack Config.mp4

07:03

82. Summary.mp4

00:37

Description

Vue.js is rapidly growing in popularity due to its ease-of-use. This course will teach you all the fundamentals of Vue development including creating components, directives, filters, routing, Vuex state management, and deploying to production.

What You'll Learn?

Vue.js is one of the most lightweight and enjoyable front-end development frameworks for building modern web applications, and there are a lot of important concepts to learn to become a skilled Vue developer. In this course, Vue.js Fundamentals, you will gain the foundational knowledge required to build robust, production-ready applications with Vue. First, you will build your own project from scratch with the Vue CLI, including creating components and manage communication between components. Then, you will learn to create routes and navigate from page to page, manage state and communicate with the server using Vuex, and create custom directives. Finally, you will deploy your application to production. When you’re finished with this course, you will have gained the fundamental skills and knowledge of Vue.js needed to create reliable and professional Vue applications.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Vue JS

Jim Cooper

Instructor's Courses

Jim Cooper is a software developer at Pluralsight, with more than 20 years of software development experience. He has a passion for Agile processes, especially lean software development. Jim has been developing production Angular apps since before Angular version 1.0, including Pluralsight's first Html5-based video player. Jim has over 10 years of TDD and pair programming experience which has contributed significantly to his professional development. He has successfully mentored other developers in the use of TDD and agile practices and still enjoys learning from talented developers everywhere.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.