Build "Guess The Color" game using JavaScript, HTML and CSS

Offered By
Coursera Project Network
In this Guided Project, you will:

Create game content and design with HTML and CSS

Make the game dynamic and interactive with JavaScript

Clock80 minutes
IntermediateIntermediate
CloudNo download needed
VideoSplit-screen video
Comment DotsEnglish
LaptopDesktop only

In this 1-hour long project-based course, you will learn how to (you will be able to identify the basics of HTML, create the game content and general options, you will be able to identify the basics of CSS, create the game layout of any design as needed, you will be able to apply more features of higher level with CSS and add transitions with different properties, you will be able to apply the basics of JavaScript, to create variables, functions and loops to fulfill your needs and you will be able to add dynamics to the game , make it interactive and link between HTML, JavaScript and CSS. ). Note: This course works best for learners who are based in the North America region. We’re currently working on providing the same experience in other regions.

Skills you will develop

  • Cascading Style Sheets (CCS)
  • Html
  • applications development
  • webdevelopment
  • JavaScript

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Identify the basics of HTML, create the game content and general options

  2. Identify the basics of CSS, create the game layout of any design as needed

  3. Apply more features of higher level with CSS and add transitions with different properties

  4. Apply the basics of JavaScript, to create variables, functions and loops to fulfill your needs

  5. Add dynamics to the game , make it interactive and link between HTML, JavaScript and CSS

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Frequently asked questions

Frequently Asked Questions

More questions? Visit the Learner Help Center.