In this section of the course, we are going to start building out the basic architecture for our DevWorkflow application. We're also going to learn about some of the most foundational concepts associated with the Vue JS framework along the way.

Looking through the design that we have, you can see that we have our two pages of dashboard and then the home page and the home page is where they are going to log or register.

Now that we have the pages all set in our application, now it's time to start diving into Vue components.

In this lesson we're gonna learn how we can start working with data binding in view components and especially data binding as it relates to form data.

Since this section is all about components, I think it makes sense for us to now discuss component communication.

In the last lesson, we walked through how you can use props to send data from a parent component down to a child component.

In this Vue.js tutorial, we are gonna take a deep dive and look at the lifecycle hooks provided from the Vue framework.

I hope that that deep dive through the Vue component lifecycle methods was helpful for you to understand how components work in the Vue ecosystem.

So now that we have all of our code organized, we're ready to start building out some of these features. So right here on the home page, you can see that we have two very similar page elements.

Now that we have the ability to have multiple components on the same page and to reuse the same component, now let's talk about how we can dynamically change their behavior.

So now that we have the ability to pass in data and then have our components change dynamically based on the values, now we can finish out how we want this structure to be built out.