Lessons: 18Length: 2.3 hours
- Overview
- Transcript
2.1 Project Structure
In this course, we're going to take advantage of the tooling that comes with Vue.js to build a simple and extendable project structure to keep our code organized. Organization is incredibly important in building apps of any size. In this lesson, we will explore the app structure that is created for us by the Vue CLI.
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
