From the course: JavaScript Code Challenges: Creating Web Apps
Unlock this course with a free trial
Join today to access over 25,300 courses taught by industry experts.
Creating the UI - JavaScript Tutorial
From the course: JavaScript Code Challenges: Creating Web Apps
Creating the UI
- [Instructor] In this video, we're going to create the HTML and CSS necessary for a new friend. Let's move over to Code Spaces to get this done. I have created new folder called Virtual Pet. And in there, we have an index, script, and style. Let's start by creating our index of HTML. I'm going to put in the exclamation mark and get this from scratch. For our title, I actually would want us to call it Virtual Axel because we're creating a pet for which Axel is a very logical name. And then again, let's link the style sheet again. I'm going to say link. Link What? Well, the relationship will be style sheet, and I'm going to refer to our style.css. There we go. I'm actually going to close the project view because these are just the three files we need. Before I'm going to forget, which I almost did the last time, let's add the script to the body already as well. It's still empty, but this way, I can't forget it anymore. So again, I want to have a main with a clause that I'm going to…
Contents
-
-
-
-
(Locked)
Introduction: Virtual pet59s
-
(Locked)
Planning the features1m 27s
-
(Locked)
Creating the UI2m 51s
-
(Locked)
Quick overview of the necessary JavaScript concepts1m 25s
-
Taking care of the virtual pet5m 37s
-
(Locked)
Adding the game loop2m 34s
-
(Locked)
Final touches5m 34s
-
(Locked)
Challenge: Getting a health report51s
-
(Locked)
Solution: Getting a health report2m 1s
-
(Locked)
-
-
-
-