react-tic-tac-toe

Learn React basics and reducer hooks by creating a game

Stars
5

React Tic Tac Toe Game

Learn React basics and reducer hooks by creating a game. game-image

Links

Introduction

Hello and Welcome to my coding course, Build Tic Tac Toe Game By React.js. In this course you will learn the essential tools and skills to design, develop and deploy a react application from scratch.

My name is Basir and I'll be your instructor in this course. I have

  • 17 years of programming experience in international companies like ROI Vision in Montreal
  • and now I am a coding instructor on Udemy with 23k students.

I designed this course for anyone seeking to learn react basics and reducer hook:

By the end of this course you'll be able to

  • learn basic concepts like components, states, props, lists, events, forms
  • put basic concepts into action by building a tic tac toe game
  • and you will learn how to deploy this game on the internet

You need to open the code editor along with me and start coding through this course

I teach you

  • using vs code and its extensions to code like professional developers
  • incorporating react concepts like components and hooks in a tic tac toe game application
  • and publishing your works on the net using github pages.

This course is for all-levels developers who want to be a junior frontend developer and find a job in more than 22M job opportunities around the world

No requirement is necessary for this course and having a passion for coding is enough.

Feel free to take a look at the course preview and enroll if it is along with your ambitions.

Lessons

  1. Create Game UI
    1. Create main boards
    2. add squares
    3. add css styles
  2. Add Game Logic
    1. Add Reducer
    2. Add Move Button Click
    3. Create Jump History Buttons
    4. Add Jump Click Handler
    5. Calculate Winner
    6. Add Game Logic
  3. Publish Game on Github Pages
    1. Create github repo
    2. install gh-pages
    3. add deploy commands

Contact Instructor