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

von
Coursera Project Network
In diesem angeleitetes Projekt werden Sie:

Create game content and design with HTML and CSS

Make the game dynamic and interactive with JavaScript

Clock80 minutes
IntermediateMittel
CloudKein Download erforderlich
VideoVideo auf geteiltem Bildschirm
Comment DotsEnglisch
LaptopNur Desktop

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.

Kompetenzen, die Sie erwerben werden

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

Schritt für Schritt lernen

In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:

  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

Ablauf angeleiteter Projekte

Ihr Arbeitsbereich ist ein Cloud-Desktop direkt in Ihrem Browser, kein Download erforderlich

Ihr Dozent leitet Sie in einem Video mit geteiltem Bildschirm Schritt für Schritt an.

Häufig gestellte Fragen

Häufig gestellte Fragen

Haben Sie weitere Fragen? Besuchen Sie das Learner Help Center.