WEBVTT

00:00:06.970 --> 00:00:12.990
In this session we are going to create a nice web site from scratch using H.M.S. assets and javascript's

00:00:12.990 --> 00:00:13.560
.

00:00:13.800 --> 00:00:19.500
Again this is going to be a good apposing easy for us to review and practice all the skills we have

00:00:19.500 --> 00:00:22.010
learned in those three chapters.

00:00:22.230 --> 00:00:25.620
Our website this time is going to be a game.

00:00:25.620 --> 00:00:32.350
So this game is going to check how well our users know their multiplication table up to 10.

00:00:32.400 --> 00:00:35.610
So let's go through the game and see how it works.

00:00:35.610 --> 00:00:43.460
So once we click on the Start button we will see a 60 second countdown starting OK.

00:00:43.590 --> 00:00:46.200
And we will get our first question.

00:00:46.230 --> 00:00:52.680
So the question is going to be a multiplication operation consisting of two numbers between 1 and 10

00:00:52.680 --> 00:00:53.600
.

00:00:53.610 --> 00:00:57.730
OK so we have multiple choices here.

00:00:58.110 --> 00:01:00.040
So we need to pick up the right answer.

00:01:00.600 --> 00:01:04.230
If we get the right answer then we're going to get a green message correct.

00:01:04.500 --> 00:01:06.630
And our score goes up by 1.

00:01:06.690 --> 00:01:07.760
And also we're going to get.

00:01:07.770 --> 00:01:13.920
And your question if we pick up the wrong answer then we get a read message.

00:01:14.250 --> 00:01:18.360
And if we keep getting wrong answers we keep getting the same message.

00:01:18.360 --> 00:01:19.950
Try again.

00:01:19.950 --> 00:01:27.290
And once we get the correct answer then the score goes up by 1 again and we get a new question.

00:01:27.510 --> 00:01:31.170
We can reset the game any sign by clicking on the reset button.

00:01:31.860 --> 00:01:35.240
And it's I'm going to continue until 0 seconds.

00:01:35.850 --> 00:01:42.600
And once it's zeros and then we're going to get a nice game over message saying your score is whatever

00:01:42.600 --> 00:01:45.210
the score is.

00:01:45.210 --> 00:01:51.210
So first of all we start by building the skeleton of the websites by creating all the ASML components

00:01:51.210 --> 00:01:56.910
behind us and then we're going to add some CSS styling and decoration using some nice CSSA properties

00:01:56.910 --> 00:02:00.280
like box shadows and gradients.

00:02:00.330 --> 00:02:04.200
And finally we can write the javascript code and create our game