O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Practice JavaScript by Building a Dynamic and Interactive Card Game

Video Description

A perfect practice exercise for learning JavaScript and applying JavaScript to build a fun interactive game.

About This Video

  • Beginner JavaScript knowledge is required as the course covers only JavaScript relevant to the building of the game.
  • Also, HTML and CSS knowledge is essential as the scope of this course is all JavaScript-focused.

In Detail

No libraries, no shortcuts just learning JavaScript making it DYNAMIC and INTERACTIVE web application. This course covers: -

  • Element selection and manipulation using JavaScript
  • Using arrays to build a deck of cards
  • Sorting cards and selecting random items from an array
  • Updating element classes dynamically
  • Adding data to the JavaScript element object
  • Using CSS to design a visual card element
  • Applying classes dynamically with JavaScript
  • Array methods splice and more
  • JavaScript Math methods for random and floor
  • Loops to iterate through array contents
  • Setting element attributes on the fly
  • Dynamically creating elements
  • Game logic and win conditions
  • Troubleshooting and game tweaks
  • Start building your own version of the game today!
  • All the code and supporting files for this course are available at: https://github.com/PacktPublishing/Practice-JavaScript-by-Building-a-Dynamic-and-Interactive-Card-Game

    Downloading the example code for this course: You can download the example code files for all Packt video courses you have purchased from your account at http://www.PacktPub.com. If you purchased this course elsewhere, you can visit http://www.PacktPub.com/support and register to have the files e-mailed directly to you.