Lessons: 18Length: 2.3 hours
- Overview
- Transcript
1.1 Introduction
When choosing a front-end web framework, it's important to find one that is easy to use, scalable, and performant. In this course, I'll show you how to use Vue to build a simple client-based app that will showcase how easy it is to learn.
1.Introduction
1.1Introduction01:09
1.2Prerequisites12:23
1.3Adding Semantic UI to Our App04:57
2.Vue.js Basics
2.1Project Structure07:19
2.2Displaying Data With String Interpolation06:04
2.3Looping Through Data05:12
3.Coding the Quiz Components
3.1Creating a QuizList Component12:24
3.2Adding Placeholder Cards to a Quiz07:25
3.3The "Create Quiz Form" Component09:04
3.4Showing and Hiding Elements and Handling Clicks10:24
3.5Passing Data From a Child Component to a Parent08:11
3.6Extracting Quiz Logic Into a Component07:32
3.7Create a Flash-Card Component05:56
4.Transitions and Finishing Touches
4.1Introducing View States07:12
4.2Adding Transitions10:42
4.3Add New Terms and Definitions12:00
4.4Deleting Quizzes08:51
5.Conclusion
5.1Conclusion02:17
1.1 Introduction
You and your team are about to build a brand new web application. And at some point, you're gonna have to ask yourself, what frontend framework do I use? Now there are several out there and all fine in their own right but I'm here to tell you that you need to take a renewed look at Vue.js. Not only is Vue.js powerful and flexible and scalable, it's very simple and easy to use. You're not gonna be forced to write too much code to achieve simple tasks. Yet, even the largest, most complicated logic in web applications are still well within your reach. And all you have to do is understand a few of the basic building blocks. So over the duration of this course, I'm gonna walk you through the process of building a simple, yet elegant, flexible application. That's going to allow you to not only learn the basic fundamental building blocks of Vue.js, but also show you how to extend your knowledge and take your frontend development skills to the next level all thanks to Vue.js. My name is Derek Jensen and it's time for us to get started.
