Tic-Tac-Toe with Javascript ES2015

Part 4: Building the User Interface

In this final part we will wrap up the project by creating the user interface and mouse interactions for the board. We will use all the classes and methods created in previous parts.

Media Queries Based on Element Width with MutationObserver

A quick way to watch for element width changes using window resize event and MutationObserver. Add different attributes to the element depending on its width and style accordingly.

Tic-Tac-Toe with Javascript ES2015

Part 3: AI Player with Minimax Algorithm

In this tutorial, we will create a class for the computer player. You will learn how to use minimax algorithm to get the best possible move for a player that never loses.

Tic-Tac-Toe with Javascript ES2015

Part 2: Building the Tic-Tac-Toe Board

In this part we will start building the logic for the board. We will use ES2015 classes to build a class that holds all the data and the methods for the board.

Tic-Tac-Toe with Javascript ES2015

Part 1: Set up the project with webpack

In this part, we will explore how to initialize the project, we will use webpack to transpile and bundle our js and compile scss files.