Get Your Game On! Make Your Own Emoji Snap with HTML, CSS and JavaScript! Free class

Rich Armstrong, Product designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
22 Videos (2h 38m)
    • Make A Game! Take The Class!

      0:34
    • Get These Free Apps

      1:15
    • Do Some Planning!!

      3:32
    • Setup Your Project Files

      4:29
    • Let's Get Going: Initial Setup and The startNextRound Function

      14:53
    • The snap Function

      12:40
    • Winning The Game!

      6:37
    • Timers And Settings

      21:49
    • Write The Basic HTML and CSS

      30:28
    • Add Instructions

      8:10
    • The Initial Game State

      2:53
    • Counting Down

      2:58
    • Start and Snap Buttons

      1:56
    • The Current Round

      1:09
    • Setting The Default Emoji

      1:13
    • Creating Notices

      21:52
    • Making The Instructions Dynamic

      3:58
    • Resetting The Game

      11:44
    • Keeping Score

      2:48
    • Customize It! Make It Yours!

      1:24
    • Share It!

      1:24
    • The End

      0:18

About This Class

aed79de0

Emoji Snap!! Surely the best game ever!! I mean, it’s snap with emojis!!! And… this class is about making the game too!

This class is for JavaScript beginners. We take an iterative approach to designing and developing a JavaScript game in plain HTML, CSS and JavaScript. You don’t need to be a designer, and you won’t need any paid-for apps. You will, however, need some prior JS experience (like having done my beginners class), and some HTML and CSS experience.

WHAT’S COVERED IN THE CLASS?

  • Planning!!
  • The game’s HTML
  • The game’s CSS
  • The game’s JavaScript
  • Linking JavaScript, HTML and CSS
  • Timers, if else statements, ternary statements, Math.random(), Math.round(), click events!
  • Lot’s of tips and tricks
  • Also, you get to beat the PC!

TOTAL BEGINNER?

If you’re a total beginner to all of the above, enrol in my beginner classes here:

100

Students

1

Project

Rich Armstrong

Product designer

I'm a Freelance Product Designer living in Amsterdam.

I design, code and doodle.

I'm also balding, have super ginger-powers, and can touch my nose with my tongue!