Lessons: 18Length: 2.3 hours
- Overview
- Transcript
3.1 Creating a QuizList Component
One of the fundamental building blocks of Vue.js is the component. Think of components as self-contained functionality that includes HTML templates, corresponding scripts and logic, and any necessary styling. Let's begin exploring components and see how to create them.
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
