Lessons:11Length:1.5 hours
2.6 Creating the Scoreboard Markup
One of the most important parts of an app, from a user's perspective, is the user interface. So, in this lesson, you are going to learn how to create the user interface, or markup, portion of your app. This is done by adding some basic HTML to the top of your single-file component inside a `` tag.
1.Introduction
1.1Introduction01:04
1.1
Introduction
01:04
1.2Prerequisites05:07
1.2
Prerequisites
05:07
2.Code an App With TypeScript and Vue.js
2.1Bootstrapping the Project11:50
2.1
Bootstrapping the Project
11:50
2.2Configuring Webpack and TypeScript14:25
2.2
Configuring Webpack and TypeScript
14:25
2.3Creating the Application Shell11:00
2.3
Creating the Application Shell
11:00
2.4Data Binding and Source Watching07:25
2.4
Data Binding and Source Watching
07:25
2.5Creating a Single File Component07:19
2.5
Creating a Single File Component
07:19
2.6Creating the Scoreboard Markup05:41
2.6
Creating the Scoreboard Markup
05:41
2.7Adding Basic Styling09:04
2.7
Adding Basic Styling
09:04
2.8Adding Button Functionality11:11
2.8
Adding Button Functionality
11:11
3.Conclusion
3.1Conclusion04:13
3.1
Conclusion
04:13
