Theo thống kê từ trang StackOverflow, Javascript [JS] đang là một ngôn ngữ lập trình phổ biến số 1 hiện nay. Vì có thể dùng JS để xây dựng cả front-end và back-end cho ứng dụng. Có thể xây dựng ứng dụng Web, ứng dụng Mobile [React Native] và ứng dụng Desktop [ElectronJS]. Gần như tất cả các ứng dụng Web hiện nay đều được xây dựng từ HTML, CSS và JS.
Thống kê của trang stackoverflow năm 2020
Chỉ với 2 tiếng tham gia buổi Workshop cùng anh Trần Đức Doanh – Head of IT Department tại HCMC University of Transport, giảng viên cao cấp tại Nordic Coder với chủ đề “Build Tic Tac Toe game from the scratch”, bạn sẽ:
Dạo gần đây mình có tự học
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
4. Lên trang chủ của nó thì có một tutorial khá hay đó là code import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
5 game bằng import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
4. Nên trong bài viết này mình sẽ chia sẽ một số kiến thức mình học được khi code nó. Về cơ bản game sẽ giống với game import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
5 thông thường nhưng có thêm lưu lịch sử các bước đi và mình có thể quay lại trạng thái của nước đi đó. Toàn bộ source code mình đã đưa lên git các bạn có thể vào để xem và dễ dàng theo dõi ở đây.Thêm một chút là nếu bạn nào đã có kiến thức về
const name = 'Simon';
const age = 23
const element = [
Hello {name}!
Age: {age}
Good to see you here.
];
64 của ES6 rồi thì các bạn có thể refactor lại nó. Tách các compoent ra thành từng file và tiến hình import thay vì viết tất cả component vào một file như mình. Vì bài viết cũng khá dài rồi nên mình không đề cập đến nó ở đây. It is quite easy to develop with some simple validations and error checks. Player-1 starts playing the game and both the players make their moves in consecutive turns. The player who makes a straight 3-block chain wins the game. This game is built on the front-end using simple logic and validation checks only.
Prerequisite: Basic knowledge of some front-end technologies like HTML, CSS, JavaScript.
View of Tic-Tac-Toe Game
Filename: index.html
HTML
When Player '0' Won2
When Match is Tie9
9
head
>
4
head
97
>
8>
7>
2>
1
2>
1
4
head
9
6>
7
8>
7>
When Player 'X' Won7
9head
4>
When Player 'X' Won05
When Player 'X' Won7
1>
2>
1>
When Player 'X' Won7
When Player 'X' Won15
When Player 'X' Won7
When Player 'X' Won7
When Player 'X' Won7
2>
1>
When Player 'X' Won7
When Player '0' Won74
When Player 'X' Won7
head
9
When Player '0' Won86
When Player 'X' Won7
9When Player '0' Won77
>
When Player 'X' Won7
1>
2>
1>
When Player 'X' Won7
When Player '0' Won99
When Player 'X' Won7
When Player 'X' Won05
9
8>
9
4>
9
When Match is Tie21
>
Filename: tic.css
CSS
When Match is Tie23
When Match is Tie25
When Match is Tie27
When Match is Tie29
When Match is Tie30
When Match is Tie31
When Player 'X' Won7
When Match is Tie33
When Match is Tie34
When Player 'X' Won7
When Match is Tie36
When Match is Tie37
When Match is Tie38
When Match is Tie39
When Match is Tie41
When Match is Tie43
When Match is Tie45
When Match is Tie30
When Match is Tie47
When Match is Tie48
When Match is Tie47
When Match is Tie50
When Match is Tie47
When Match is Tie52
When Match is Tie47
When Match is Tie54
When Match is Tie55
When Match is Tie45
When Match is Tie58
When Match is Tie47
When Match is Tie60
When Match is Tie47
When Match is Tie62
When Match is Tie47
When Match is Tie64
When Match is Tie31
When Player 'X' Won7
When Match is Tie67
When Match is Tie37
When Match is Tie69
When Match is Tie39
When Player 'X' Won7
When Match is Tie72
When Match is Tie37
When Match is Tie74
When Match is Tie39
When Player 'X' Won7
When Match is Tie77
When Match is Tie37
When Match is Tie79
When Match is Tie39
When Player 'X' Won7
When Match is Tie82
When Match is Tie37
When Match is Tie84
When Match is Tie85
When Match is Tie86
When Match is Tie39
When Player 'X' Won7
When Match is Tie89
When Match is Tie90
When Match is Tie39
When Player 'X' Won7
When Match is Tie36
When Match is Tie37
When Match is Tie95
When Match is Tie39
When Player 'X' Won7
When Match is Tie98
When Match is Tie37
00When Match is Tie39
When Match is Tie41
05
07
When Player 'X' Won7
09When Player 'X' Won7
When Match is Tie67
When Match is Tie37
13When Match is Tie39
When Player 'X' Won7
When Match is Tie72
When Match is Tie37
18When Match is Tie39
When Player 'X' Won7
When Match is Tie82
When Match is Tie37
When Match is Tie84
When Match is Tie85
25When Player 'X' Won7
When Match is Tie77
When Match is Tie37
When Match is Tie79
When Match is Tie39
When Player 'X' Won7
When Match is Tie89
33When Match is Tie39
When Player 'X' Won7
36When Match is Tie37
38When Match is Tie55
head
941
42
When Match is Tie55
44When Match is Tie39
When Player 'X' Won7
47
48When Player 'X' Won7
When Match is Tie33
When Match is Tie37
52When Match is Tie39
When Player 'X' Won7
When Match is Tie36
When Match is Tie37
57When Match is Tie39
When Player 'X' Won7
60When Match is Tie37
62When Match is Tie39
When Match is Tie41
67
69
70
When Match is Tie31
When Player 'X' Won7
36When Match is Tie37
38When Match is Tie55
head
941
42
When Match is Tie55
44When Match is Tie39
When Player 'X' Won7
When Match is Tie33
48When Player 'X' Won7
When Match is Tie36
When Match is Tie37
57When Match is Tie39
When Match is Tie41
94
96
When Player 'X' Won7
When Match is Tie98
When Match is Tie37
00When Match is Tie39
When Match is Tie41
05
07
When Player 'X' Won7
36When Match is Tie37
38When Match is Tie55
head
941
42
When Match is Tie55
44When Match is Tie39
head
9
When Player 'X' Won7
When Match is Tie33
48When Player 'X' Won7
When Match is Tie36
When Match is Tie37
26When Match is Tie39
When Match is Tie41
30
Filename: tic.js
JavaScript
31
32
33
35
37
38
40
When Player 'X' Won24
42
44
When Player 'X' Won39
42
48
When Player 'X' Won54
42
52
When Player 'X' Won75
42
56
When Player 'X' Won90
42
60
When Player '0' Won05
42
64
When Player '0' Won26
42
68
When Player '0' Won41
42
72
When Player '0' Won56
42
76
78
80
81
82
83
84
85
82
87
When Player 'X' Won7
89
84
91
82
93
84
95When Player 'X' Won7
97
98
99head
9