Book Image

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video]

By : Aarthi Elumalai
Book Image

2D Game Development With HTML5 Canvas, JS - Tic Tac Toe Game [Video]

By: Aarthi Elumalai

Overview of this book

<p><span id="description" class="sugar_field">Practice makes perfect. Start your journey into becoming a professional front end web developer here! At DigiFisk, we like making learning fun. Our courses are interactive and fun with a ton of practical elements to it. We've decided to take it a step further with our Web app development practice series. Once you learn the syntax of a programming language, the next logical step is to start creating software and apps. But that's where most students get stuck. Problem-solving isn't as easy as learning a bunch of syntaxes. But we aim to make it easy for you. The course is structured in such a way that each section will handle one of the 3 languages covered here. </span></p> <p><span id="description" class="sugar_field">Introduction: This is where I'll explain how the game works, it's various features and what we'll be using to achieve the same results. </span></p> <p><span id="description" class="sugar_field">Module 1: Every professional developer writes algorithms before creating software or game. We'll be writing the step by step algorithm for our game, and I'll be explaining what we'll do in every step. </span></p> <p><span id="description" class="sugar_field">Module 2: I'll be teaching you how to create the bare bones of the app with HTML5. The result will be a page with all the elements we need in our game, devoid any colours or design elements. </span></p> <p><span id="description" class="sugar_field">Module 3: Here, we'll "beautify" our app. We'll be using CSS elements to give our game colours and styles. At the end of this module, we'll have a Tic Tac Toe web game that'll look like the final result, albeit one that is not playable yet. </span></p> <p><span id="description" class="sugar_field">Module 4: I'll be covering some basic concepts of Javascript in this module. I'll only cover concepts that we'll need for our game's Javascript code though. If you already know the basics, you can skip this module. </span></p> <p><span id="description" class="sugar_field">Module 5: I'll be covering some basic concepts of HTML5 canvas in this module. I'll only cover concepts that we'll need for our game's Javascript/HTML5 canvas code though. If you already know the basics, you can skip this module. </span></p> <p><span id="description" class="sugar_field">Module 6: This would be the meat of the course. We'll be delving into Javascript &amp; HTML5 canvas code of our game in this module, and I'll teach you how to make the game playable in here. <br /></span></p> <p><span id="description" class="sugar_field">All the code files are placed at <a href="https://github.com/PacktPublishing/2D-Game-Development-With-HTML5-Canvas-JS---Tic-Tac-Toe-Game" target="_new">https://github.com/PacktPublishing/2D-Game-Development-With-HTML5-Canvas-JS---Tic-Tac-Toe-Game</a></span></p> <h1><span class="sugar_field">Style and Approach</span></h1> <p><span class="sugar_field"><span id="trade_selling_points_c" class="sugar_field">In this course, you'll learn how to build your own Tic Tac Toe Game App from the ground up with just HTML5 canvas, Javascript and CSS in just a couple of hours. You'll learn the basics of everything used in this project (HTM5, CSS3, Javascript, HTML canvas). I'll be explaining every single line of code I'll be using in this course, so you won't feel lost.&nbsp;</span></span></p>
Table of Contents (7 chapters)
Free Chapter
1
Introduction
2
Algorithm of the game
Chapter 4
Styling the Tic Tac Toe Game app - achieving the final look
Content Locked
Section 4
Style the headings
Styling the Tic Tac Toe Game app - achieving the final look: Style the headings