Coding / Programming Videos

Post your favorite coding videos and share them with others!

[#2] Creating the user interface with HTML – Javascript Fun: Build a Guess The Number Game!

Download Video link >



[#2] Creating the user interface with HTML – Javascript Fun: Build a Guess The Number Game!

For more awesome content, visit:
http://codesmart.academy

Welcome to the Javascript fun series!

For web design or development, there is 3 must know technologies, HTML, CSS, and Javascript.

The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn.

The project we will be building in this course is a Guess the number game. The game involves the player guessing the computers random number between 1-100, in a limited number of attempts!

All the required tools are free to download, I will be using the following:
Atom Text Editor: https://atom.io/​
Chrome Web Browser: https://www.google.co.uk/chrome/browser​

We begin by creating the user interface with HTML. The we apply styling using CSS.

Then we add Javascript, this is where the real magic happens!

You will learn things such as:

Creating HTML interfaces
Styling with CSS
Incorporating Javascript and linking external files
Variables
Functions
Comparison (if, else if, else statements)
Event handlers
Arrays & pushing values to arrays
Manipulating the DOM
Adding styles & attributes with Javascript
Javascript Math
String concatenation
Incrementing
And much more!
So if you are looking to move on and put your skills into practice using with real projects, take this course now!

source

Bookmark(0)
 

 

View Comments source >

Transcript view all >

00:03 [Music]

00:09 so I have up on the screen the finished

00:12 product this is the completed project

00:14 and this video is all about creating the

00:17 user interface which is basically all

Leave a Reply

Please Login to comment
  Subscribe  
Notify of
Translate »