Javascript Fun: Build a Number Match Game!

Focused View

Chris Dixon

1:34:14

8 View

01 Welcome To The Class!.mp4

02:09

02 Creating The User Interface.mp4

12:50

03 Styling With CSS.mp4

20:11

04 Generating Random Images.mp4

07:04

05 Working With Timers.mp4

11:04

06 Generating A Number To Compare.mp4

08:50

07 Setting The Image Name.mp4

05:03

08 Checking For A Match.mp4

07:04

09 Handling The End Of Game.mp4

08:58

10 Avoiding Multiple Selections And UI Updates.mp4

06:55

11 Fade Animations.mp4

03:43

12 Follow me on Skillshare!.mp4

00:23

Description

Welcome to the Javascript fun series!

You can find all of the code, resources and project stages here:

https://github.com/chrisdixon161/fun-javascript-projects.com

For web design or development, there are 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 that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn.

The project we will build in this course will be a Javascript Number Comparison game.

*** Resources are available to download for this course in the project area ***

All the required tools are free to download, I will be using the following:

Visual Studio Code Text Editor: https://code.visualstudio.com

Chrome Web Browser: https://www.google.co.uk/chrome/browser

We begin by creating the user interface with HTML. Then we apply styling and animations 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
CSS Animations and keyframes
CSS Gradients
Const and let
ES6 Arrow Functions
Event handlers
Displaying images
Manipulating the DOM
Working with and looping through arrays of objects
Setting CSS with Javascript
Template strings
Using the splice and slice methods
Javascript Math functions
The ternary operator
If statements and the return keyword
setInterval, clearInterval and setTimeout
And much more!

So if you are looking to move on and put your skills into practice using real projects, I will see you in the class!

What You'll Learn?

Technology
Web Development
Javascript
CSS3
HTML5
CSS Keyframe Animation
Javascript String

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Gaming

Chris Dixon

Instructor's Courses

Hello, My name is Chris and I am a Web Developer from the UK. I am an experienced trainer leading web development bootcamps and also teaching online courses.

My main areas of interest are Vue.js, WordPress, Shopify, Javascript, eCommerce, and business. I am passionate about what I do and about teaching others.

Whatever your reason for learning to build websites you have made an excellent career choice.

My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and I have watched the web evolve into what it is today.

I try to make my courses enjoyable and try to remember what it was like when I was learning. I also believe the best way to learn is by doing and try to include as many practical examples as possible in my courses.

Thanks for taking an interest and I look forward to you joining me.

Chris

SkillShare

View courses SkillShare

Skillshare is an online learning community based in the United States for people who want to learn from educational videos. The courses, which are not accredited, are only available through paid subscription.