Game of Chess with Next.js, React and TypeScrypt

2022 年 11 月 11 日发布
MP4 | 视频：h264、1280×720 | 音频：AAC，44.1 KHz，2 Ch
类型：eLearning | 语言：英语 | 时长：17 节课（2h 7m）| 大小：1.13 GB

一个游戏化的动手项目，用于练习 react、next js 和 TypeScript

你会学到什么

使用 Nextjs 或 Vite 创建 React 项目并创建 Chess 游戏
学习如何使用 web worker 来优化 UX
像专业人士一样使用 react hooks
学习如何使用 React、Nextjs、TypeScript 和开源库构建现实世界的项目

要求

了解基本的编程概念，例如条件语句和循环
熟悉 JavaScript，如果您不了解现代 JS 功能
也可以 熟悉 ReactJS 并具有一些构建 React 应用程序的经验会有所帮助
开放的思想和学习意愿

描述

在本课程中，我们将使用 React、Next.js 和 TypeScript 构建完整的国际象棋应用程序。您将学习如何构建生产就绪的应用程序并编写有效的代码。玩得开心构建您的第一个游戏。

是的，所以如果课程针对更多的受众，因此可以根据您的需要随意跳过某些部分。如果您是初学者或 Web 开发新手，一些高级概念可能不会立即与您非常相关。或者，如果您已经熟悉现代 JS 和 react JS，您可能想跳过这些部分。但是，我试图使这门课程既全面又简洁。我试图以一种易于理解但尽可能简洁的方式包含尽可能多的深度和广度的概念。因此，如果您愿意，我建议您至少以 2 倍的速度浏览整个课程。

Next.js 是适用于 React JS 的生产就绪型、全栈功能框架 – 这是当今您可以学习的最流行的 JavaScript UI 库之一！

事实上，Next JS 是成长为 React 开发人员并将您的 React 应用程序提升到新水平的绝佳选择！

因为 Next JS 发展迅速，因此需求量很大。这样做有充分的理由：Next JS 允许您使用内置的服务器端渲染、静态渲染、页面预渲染和自动预取与当前页面相关的页面来构建 React 应用程序。构建出色的用户体验和搜索引擎友好 (SEO!) React 应用程序从未如此简单！

此外，Next JS 还使构建全栈 React 应用程序（前端 + 后端代码组合在一个项目中）变得非常容易！混合客户端和服务器端代码，并与您的前端 React 应用程序并行构建基于 Node JS 的 API。Next JS 轻而易举！

完成本课程后，您将有信心从头开始构建自己的 Next JS 项目并申请 Next JS 职位！

我迫不及待地想和你一起开始这段旅程！?

本课程适合
初学者或经验丰富的 Web 开发人员，他们热衷于将他们的反应知识用于构建真实项目
Web 开发人员，他们希望与最受欢迎和需求最大的技术堆栈
之一合作 想要构建游戏的开发人员/学生国际象棋的乐趣或学校/拼贴项目或货币化

Published 11/2022
MP4 | Video: h264, 1280×720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: English | Duration: 17 lectures (2h 7m) | Size: 1.13 GB

A gamified handson project to practice react, next js, and TypeScript

What you’ll learn

• Create React project with Nextjs or Vite and create Chess game
• Learn how to use web workers to optimize UX
• Use react hooks like a pro
• Learn how to build real world projects using React, Nextjs, TypeScript and opensource libraries

Requirements

• Knowledge of basic programing concepts like conditional statements and loops
• Familiarity with JavaScript, it is ok if you don’t know the modern JS features
• Familiarity with ReactJS in general and some experience building React apps will be helpful
• An Open Mind and Willingness to Learn

Description

In this course we will build complete Chess app using React, Next.js and TypeScript. You will learn how to build production ready apps and write effective code. Have Fun building your first game.

Yes, so the course if targeting a larger audience and thus feel free to skip certain sections as per your needs. If you are a beginner developer, or new to web development some advanced concepts might not be very relevant to you immediately. Or if you are already familiar with modern JS and react JS, you might want to skip those sections. However, I have tried to make this course comprehensive as well as concise. I have tried to include as much depth and breadth of the concepts in an easy to understand yet concise fashion as possible. So, I recommend you to at least skim through the entire course with 2x speed if you like.

Next.js is a production-ready, full-stack-capable framework for React JS – one of the most popular JavaScript UI library you can learn these days!

Indeed, Next JS is a great choice for growing as a React developer and for taking your React apps to the next level!

Because Next JS is growing fast and therefore in high demand. And there are good reasons for that: Next JS allows you to build React apps with built-in server-side rendering, static rendering, page pre-rendering and automatic prefetching pages related to the current page. Building great user experiences and search engine friendly (SEO!) React apps has never been easier!

In addition, Next JS makes building full-stack React apps (frontend + backend code combined in one project) extremely easy as well! Blend client-side and server-side code and build a Node JS-based API side-by-side with your frontend React apps. It’s a breeze with Next JS!

After finishing this course, you’ll be have confidence to build your own Next JS projects from the ground up and apply for Next JS positions!

I can’t wait to start this journey together with you! ?

Who this course is for

• Beginner or seasoned web developers keen to put their react knowledge to build real projects
• Web developers in general, who want to work with one of the most popular and in-demand tech stacks
• Developers / Students who want to build the game of Chess for fun or for School/Collage project or for monetization