Practice JavaScript by Building a Dynamic and Interactive Card Game

Simpliv

Course

Online

£ 150 VAT inc.

The best Other programming courses

See all

See all

Description

  • Type

    Course

  • Methodology

    Online

  • Start date

    Different dates available

A perfect practice exercise for learning JavaScript and applying JavaScript to build a fun interactive game.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: About the AuthorLaurence Svekis is an instructor. He has 18+ years of work experience in web development. He provides smart digital solutions online for both small and enterprise level businesses. An experienced web application developer, he has worked on multiple enterprise level applications, hundreds of websites, business solutions, and many unique and innovative web applications. His web application development areas of expertise include HTML, CSS, JavaScript, JQuery, Bootstrap, PHP, and MySQL. Basically, anything to do with web creation and digital experience. He is passionate about everything to do with web application development, and programming to online marketing, with a strong focus on social media and SEO.

Facilities

Location

Start date

Online

Start date

Different dates availableEnrolment now open

About this course

How to use JavaScript
How to create elements dynamically
Manipulate elements using JavaScript

Questions & Answers

Add your question

Our advisors and other users will be able to reply to you

Who would you like to address this question to?

Fill in your details to get a reply

We will only publish your name and question

Emagister S.L. (data controller) will process your data to carry out promotional activities (via email and/or phone), publish reviews, or manage incidents. You can learn about your rights and manage your preferences in the privacy policy.

Reviews

This centre's achievements

2021

All courses are up to date

The average rating is higher than 3.7

More than 50 reviews in the last 12 months

This centre has featured on Emagister for 6 years

Subjects

  • Javascript training
  • Javascript
  • Logic
  • Web
  • Application Development
  • Play
  • Programming
  • Programme Planning
  • Programming Application
  • IT

Course programme

Introduction to JavaScript game exercises 2 lectures 05:08 HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup Introduction to JavaScript game exercises 2 lectures 05:08 HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction Introduction to JavaScript game exercises: HiLo Game Course Introduction Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup Introduction to JavaScript game exercises: Web Developer Setup Build Hi Lo Game using JavaScript 9 lectures 58:45 Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Play the Game Build Hi Lo Game using JavaScript: Play the Game Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks Build Hi Lo Game using JavaScript 9 lectures 58:45 Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Play the Game Build Hi Lo Game using JavaScript: Play the Game Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Build Hi Lo Game using JavaScript: Game Board Setup Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Build Hi Lo Game using JavaScript: Setup Game Variables Play the Game Build Hi Lo Game using JavaScript: Play the Game Play the Game Build Hi Lo Game using JavaScript: Play the Game Play the Game Build Hi Lo Game using JavaScript: Play the Game Play the Game Build Hi Lo Game using JavaScript: Play the Game Build Hi Lo Game using JavaScript: Play the Game Build Hi Lo Game using JavaScript: Play the Game Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Build Hi Lo Game using JavaScript: Build Card Deck Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Build Hi Lo Game using JavaScript: Draw Random Card Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Build Hi Lo Game using JavaScript: Build Card CSS Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Build Hi Lo Game using JavaScript: Visual Card JavaScript Build Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Build Hi Lo Game using JavaScript: Game Logic Play Conditions Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks Build Hi Lo Game using JavaScript: Code Review and Tweaks

Additional information

Anyone who wants to learn to make a JavaScript game without any libraries

See related categories

Practice JavaScript by Building a Dynamic and Interactive Card Game

£ 150 VAT inc.

The best Other programming courses

See all

See all