Lessons: 18Length: 2.3 hours
- Overview
- Transcript
3.6 Extracting Quiz Logic Into a Component
It is always a good idea to step back and analyze your code. In this case, we are once again going to refactor and extract some code into its own component. This time, we are going to move individual quizzes into their own files.
1.Introduction
1.1Introduction01:09
1.1
Introduction
01:09
1.2Prerequisites12:23
1.2
Prerequisites
12:23
1.3Adding Semantic UI to Our App04:57
1.3
Adding Semantic UI to Our App
04:57
2.Vue.js Basics
2.1Project Structure07:19
2.1
Project Structure
07:19
2.2Displaying Data With String Interpolation06:04
2.2
Displaying Data With String Interpolation
06:04
2.3Looping Through Data05:12
2.3
Looping Through Data
05:12
3.Coding the Quiz Components
3.1Creating a QuizList Component12:24
3.1
Creating a QuizList Component
12:24
3.2Adding Placeholder Cards to a Quiz07:25
3.2
Adding Placeholder Cards to a Quiz
07:25
3.3The "Create Quiz Form" Component09:04
3.3
The "Create Quiz Form" Component
09:04
3.4Showing and Hiding Elements and Handling Clicks10:24
3.4
Showing and Hiding Elements and Handling Clicks
10:24
3.5Passing Data From a Child Component to a Parent08:11
3.5
Passing Data From a Child Component to a Parent
08:11
3.6Extracting Quiz Logic Into a Component07:32
3.6
Extracting Quiz Logic Into a Component
07:32
3.7Create a Flash-Card Component05:56
3.7
Create a Flash-Card Component
05:56
4.Transitions and Finishing Touches
4.1Introducing View States07:12
4.1
Introducing View States
07:12
4.2Adding Transitions10:42
4.2
Adding Transitions
10:42
4.3Add New Terms and Definitions12:00
4.3
Add New Terms and Definitions
12:00
4.4Deleting Quizzes08:51
4.4
Deleting Quizzes
08:51
5.Conclusion
5.1Conclusion02:17
5.1
Conclusion
02:17
