Reviving Classic games with ReactJS, Type Script and Jest

Reviving Classic games with ReactJS, Type Script and Jest, available at $54.99, has an average rating of 5, with 66 lectures, 7 quizzes, based on 1 reviews, and has 7 subscribers.

You will learn about Develop Interactive Apps: Build dynamic web applications with React components, state, and props TypeScript Integration: Learn to integrate TypeScript with React to build type-safe, scalable applications with enhanced code quality Test with Jest: Write unit and integration tests for React applications using Jest, ensuring reliability and robustness Implement React Hooks: Use modern hooks like useState, useEffect, redux, ContextAPI and side effects Build Classic Games: Create 7 classic games using React components and state management Optimise Performance: Learn techniques like code-splitting to enhance React app performance State Management: Master state management using the Context API and Redux to handle global state in React applications This course is ideal for individuals who are Aspiring Web Developers: Individuals looking to expand their skills in modern web development with a focus on React. or Intermediate React Developers: Those who have a basic understanding of React and wish to deepen their knowledge and apply it to practical projects. or JavaScript Programmers: Developers proficient in JavaScript who want to learn how to create interactive web applications using React. or TypeScript Enthusiasts: Programmers who are familiar with TypeScript basics and want to integrate it into their React projects for better type safety and code quality. or Front-End Developers: Professionals seeking to enhance their toolkit with advanced React concepts, hooks, state management, and performance optimization. or Game Development Hobbyists: Anyone interested in creating classic games using modern web technologies and improving their problem-solving skills through fun projects. or Students and Learners: Those enrolled in computer science or web development courses looking to complement their studies with practical, hands-on experience. It is particularly useful for Aspiring Web Developers: Individuals looking to expand their skills in modern web development with a focus on React. or Intermediate React Developers: Those who have a basic understanding of React and wish to deepen their knowledge and apply it to practical projects. or JavaScript Programmers: Developers proficient in JavaScript who want to learn how to create interactive web applications using React. or TypeScript Enthusiasts: Programmers who are familiar with TypeScript basics and want to integrate it into their React projects for better type safety and code quality. or Front-End Developers: Professionals seeking to enhance their toolkit with advanced React concepts, hooks, state management, and performance optimization. or Game Development Hobbyists: Anyone interested in creating classic games using modern web technologies and improving their problem-solving skills through fun projects. or Students and Learners: Those enrolled in computer science or web development courses looking to complement their studies with practical, hands-on experience.

Enroll now: Reviving Classic games with ReactJS, Type Script and Jest

Summary

Title: Reviving Classic games with ReactJS, Type Script and Jest

Price: $54.99

Average Rating: 5

Number of Lectures: 66

Number of Quizzes: 7

Number of Published Lectures: 66

Number of Published Quizzes: 7

Number of Curriculum Items: 73

Number of Published Curriculum Objects: 73

Original Price: $44.99

Quality Status: approved

Status: Live

What You Will Learn

Develop Interactive Apps: Build dynamic web applications with React components, state, and props

TypeScript Integration: Learn to integrate TypeScript with React to build type-safe, scalable applications with enhanced code quality

Test with Jest: Write unit and integration tests for React applications using Jest, ensuring reliability and robustness

Implement React Hooks: Use modern hooks like useState, useEffect, redux, ContextAPI and side effects

Build Classic Games: Create 7 classic games using React components and state management

Optimise Performance: Learn techniques like code-splitting to enhance React app performance

State Management: Master state management using the Context API and Redux to handle global state in React applications

Who Should Attend

Aspiring Web Developers: Individuals looking to expand their skills in modern web development with a focus on React.

Intermediate React Developers: Those who have a basic understanding of React and wish to deepen their knowledge and apply it to practical projects.

JavaScript Programmers: Developers proficient in JavaScript who want to learn how to create interactive web applications using React.

TypeScript Enthusiasts: Programmers who are familiar with TypeScript basics and want to integrate it into their React projects for better type safety and code quality.

Front-End Developers: Professionals seeking to enhance their toolkit with advanced React concepts, hooks, state management, and performance optimization.

Game Development Hobbyists: Anyone interested in creating classic games using modern web technologies and improving their problem-solving skills through fun projects.

Students and Learners: Those enrolled in computer science or web development courses looking to complement their studies with practical, hands-on experience.

Target Audiences

Aspiring Web Developers: Individuals looking to expand their skills in modern web development with a focus on React.

Intermediate React Developers: Those who have a basic understanding of React and wish to deepen their knowledge and apply it to practical projects.

JavaScript Programmers: Developers proficient in JavaScript who want to learn how to create interactive web applications using React.

TypeScript Enthusiasts: Programmers who are familiar with TypeScript basics and want to integrate it into their React projects for better type safety and code quality.

Front-End Developers: Professionals seeking to enhance their toolkit with advanced React concepts, hooks, state management, and performance optimization.

Game Development Hobbyists: Anyone interested in creating classic games using modern web technologies and improving their problem-solving skills through fun projects.

Students and Learners: Those enrolled in computer science or web development courses looking to complement their studies with practical, hands-on experience.

Unlock the full potential of React with this comprehensive, hands-on course where you’ll master modern web development by building seven classic games. This course is perfect for developers with a basic understanding of React, TypeScript, and CSS, looking to elevate their skills through practical, engaging projects.

Throughout the course, you’ll create a variety of well-known games including Connect 4, Wordle, Master Mind, Memory Game, Lights Out, Hangman, and the 15 Puzzle. Each project is designed to deepen your understanding of React’s core concepts, such as components, hooks, and state management, while also introducing you to advanced techniques like Context API and Redux for effective state handling.

You’ll also learn how to write unit tests using Jest to ensure your applications function as intended. You will also learn more about code-splitting and separation of concerns in web applications.

Whether you’re an aspiring web developer or a seasoned programmer looking to refine your skills, this course provides detailed explanations and hands-on experience to help you build interactive, high-performance applications. By the end of the course, you’ll not only have a portfolio of classic games but also a solid foundation in both React and TypeScript, ready to tackle more complex projects and advance your career in web development.

Course Curriculum

Chapter 1: Connect-4 game.

Lecture 1: 01- Setup the project

Lecture 2: How to setup the project

Lecture 3: 02- Board

Lecture 4: 03- Drop the marbles into the board

Lecture 5: 04- Animate and move marbles

Lecture 6: 05- Dropping marbles into correct spot

Lecture 7: 06- Animate moving and dropping final touches

Lecture 8: 07- Set Winner and reset types

Chapter 2: Hangman game

Lecture 1: 01- Setup project

Lecture 2: How to setup the project

Lecture 3: 02- Setup test suite

Lecture 4: 03- Set a random secret word

Lecture 5: 04- Render letters and masked word

Lecture 6: 05- Check the guessed letter

Lecture 7: 06- Win-Lose logic

Lecture 8: 07- Show parts

Lecture 9: 08- End game and restart

Chapter 3: 15 Puzzle

Lecture 1: 01- Setup project and test suite

Lecture 2: How to setup the project

Lecture 3: 02- Init the board and shuffle values

Lecture 4: 03- Create the tiles

Lecture 5: 04- Overlay layer

Lecture 6: 05- Move tiles

Lecture 7: 06- Animating pause

Lecture 8: 07- Handle keyboard events

Lecture 9: 08- Win!

Lecture 10: 09- New Game

Chapter 4: Lights out

Lecture 1: 01- Setup project and test suites

Lecture 2: How to setup the project

Lecture 3: 02- Title and flicker effect

Lecture 4: 03- Grid functionality

Lecture 5: 04- Render board

Lecture 6: 05- Render Cells

Lecture 7: 06- Toggle lights

Lecture 8: 07- Game over

Chapter 5: Memory game

Lecture 1: 01- Setup project and test suite

Lecture 2: How to setup the project

Lecture 3: 02- Add pictures and cards

Lecture 4: 03- Style the grid and cards

Lecture 5: 04- Handle correct match

Lecture 6: 05- Reveal, reset and disable cards

Lecture 7: 06- Controls and turns

Chapter 6: MasterMind

Lecture 1: 01- Setup

Lecture 2: How to setup the project

Lecture 3: 02- Initiate main components

Lecture 4: 03- Colors

Lecture 5: 04- Filling the rows

Lecture 6: 05- Define reducer and context

Lecture 7: 06- Initiate game state

Lecture 8: 07- Highlight active row and active color

Lecture 9: 08- Set active color

Lecture 10: 09- Create a guess

Lecture 11: 10- Check rows

Lecture 12: 11- Test suites for checking colors

Lecture 13: 12- Detect end of the game

Lecture 14: 13- New game logic and show the secret

Chapter 7: Wordle

Lecture 1: 01- Setup

Lecture 2: How to setup the project

Lecture 3: 02- Select a random word

Lecture 4: 03- Board

Lecture 5: 04- Keyboard

Lecture 6: 05- Handle key strokes

Lecture 7: 06- Show correct guesses letters

Lecture 8: 07- Show correct letters on keyboard

Lecture 9: 08- Handle keyboard clicks

Lecture 10: 09- Handle Game end

Instructors

Amir shahbabaee
Developer with focus on react and javascript

Rating Distribution

1 stars: 0 votes

2 stars: 0 votes

3 stars: 0 votes

4 stars: 0 votes

5 stars: 1 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!