Complete Vue.js 3 (Inc. Composition API, Vue Router, Vuex)

Focused View

Lachlan Miller

5:45:02

141 View

01.01-introduction.mp4

02:57

01.02-setting up.mp4

03:07

01.03-your first vue.js app.mp4

03:17

01.04-adding a template property.mp4

02:19

01.05-user interactions with methods.mp4

03:42

01.06-control flow with v-if and v-else.mp4

03:06

01.07-loops with v-for.mp4

02:53

01.08-computed properties.mp4

02:41

01.09-class bindings.mp4

04:22

01.10-input validation.mp4

07:14

01.11-the amazing v-model.mp4

03:42

01.12-your first component.mp4

02:18

01.13-component props.mp4

05:45

01.14-child-parent communication with events.mp4

06:42

02.01-project 1 user sign-up form w validation introduction.mp4

01:05

02.02-single file components.mp4

04:27

02.03-a custom button component.mp4

06:39

02.04-custom input foundations.mp4

04:09

02.05-dynamic validation.mp4

06:32

02.06-rethinking the form state.mp4

06:50

02.07-validating the form.mp4

05:07

02.08-submitting the form and finishing up.mp4

06:25

03.01-project 2 pokemon evolutions introduction.mp4

00:51

03.02-creating the card foundations.mp4

02:03

03.03-loading remote data with fetch.mp4

05:16

03.04-fetching multiple data sources.mp4

05:22

03.05-lifecycle hooks.mp4

02:09

03.06-rendering content.mp4

03:13

03.07-modular components with slots.mp4

07:55

03.08-reusing code to fetch evolutions.mp4

04:44

03.09-better styles with class bindings.mp4

04:11

03.10-separating business logic and presentation components.mp4

08:41

04.01-composition fundamentals introduction.mp4

01:25

04.02-hello composition api.mp4

02:25

04.03-reactivity with ref.mp4

06:56

04.04-reactive for complex values.mp4

03:29

04.05-composing computed properties.mp4

03:03

04.06-watch and watch effect.mp4

03:58

04.07-before and after with watch.mp4

06:08

04.08-the usenumbers composable.mp4

05:03

04.09-open-source library vue use.mp4

03:26

05.01-project 3 microblog (with the composition api).mp4

01:14

05.02-creating the microblog store.mp4

03:06

05.03-render posts with the card component.mp4

05:07

05.04-the hashtag component.mp4

04:19

05.05-emitting events with the composition api.mp4

06:28

05.06-filtering posts with computed.mp4

03:35

05.07-refactoring with the posts store.mp4

06:09

05.08-liking a post.mp4

03:36

05.09-searching for hashtags.mp4

03:48

05.10-mind blowing refactor and exercises.mp4

03:32

06.01-vue router fundamentals.mp4

01:14

06.02-hello vue router.mp4

05:59

06.03-the router link component.mp4

03:47

06.04-children and nested routes.mp4

03:45

06.05-route params with the composition api.mp4

06:33

06.06-new post route.mp4

03:26

06.07-new post form.mp4

02:36

06.08-useposts composable.mp4

05:58

06.09-redirects with vue router.mp4

02:45

06.10-options api refactor.mp4

10:27

07.01-introduction to vuex.mp4

01:13

07.02-create a vuex store and state.mp4

04:41

07.03-updating state with mutations.mp4

04:48

07.04-more on mutations.mp4

05:24

07.05-dispatching actions.mp4

04:09

07.06-mocking the server and fetching posts.mp4

03:29

07.07-showing the current post.mp4

02:52

07.08-vuex getters.mp4

02:12

07.09-scaling vuex with modules.mp4

04:58

07.10-options api refactor.mp4

03:59

08.01-introduction to the capstone project.mp4

01:11

08.02-setting up vuex.mp4

02:52

08.03-reusable layouts.mp4

04:53

08.04-fetching albums with fetch.mp4

03:19

08.05-data fetching workflow with vuex.mp4

04:27

08.06-creating the album component.mp4

03:48

08.07-fetching thousands of photos.mp4

04:26

08.08-adding routing.mp4

03:31

08.09-improved routing.mp4

03:54

08.10-routing with router link.mp4

01:44

08.11-watcheffect and routing params.mp4

03:53

08.12-vuex level caching for better performance.mp4

04:49

08.13-parting words and recommendations.mp4

01:29

9781803245287 Code.zip

Description

This course is for developers who want to move fast. We cover the traditional way of building Vue apps-the Options API-as well as the new Composition API and even see how you can mix and match them together.

There are 8 modules in this course; 4 introduce fundamental skills (Options API, Composition API, Vuex, and Vue Router). The remaining four modules are projects so that you can see how to apply the fundamental skills in real apps.

After learning both Options and Composition API, we will see how to use them both with Vuex and Vue Router and talk about the different use-cases and trade-offs to consider.

Finally, as we progress through, our focus starts to shift from not only how to build apps with Vue but also to thinking about how we architect things, how components should communicate, where data should be saved (also known as state management), and how it flows through the app.

After covering Vue, we will look at Vuex, Vue’s state management solution, and Vue Router, for front-end routing. The course culminates with a capstone project, using the three core Vue libraries (Vue, Vuex, Vue Router) to build an application.

By the end of this course, you will gain a solid foundation in coding with Vue.js and apply these skills in your future projects.

All code files and resources are available here: https://github.com/PacktPublishing/Complete-Vue.js-3-Inc.-Composition-API-Vue-Router-Vuex-

More details

User Reviews

Rating

average 0

Total votes0

Focused display

Vue JS

Lachlan Miller

Instructor's Courses

Lachlan Miller is a full-stack software developer, passionate about open-source, test-driven development and mentoring. He has been contributing to the Vue.js open-source community since 2016 and is the maintainer of Vue Test Utils, the official testing library for Vue.js. Lachlan has worked with small and large teams, as both a full stack developer as well as a mentor, providing training and guidance on designing greenfield applications, as well as seamlessly and safely transitions existing applications into new, highly dynamic modern web apps.

PacktPub

View courses PacktPub

Packt is a publishing company founded in 2003 headquartered in Birmingham, UK, with offices in Mumbai, India. Packt primarily publishes print and electronic books and videos relating to information technology, including programming, web design, data analysis and hardware.