Skip to content

Commit fbdc0aa

Browse files
authored
update
1 parent 0c4a867 commit fbdc0aa

File tree

1 file changed

+18
-17
lines changed

1 file changed

+18
-17
lines changed

Vietnamese/README.md

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,7 @@
5050
<a class="header-badge" target="_blank" href="https://twitter.com/Asabeneh">
5151
<img alt="Twitter Follow" src="https://img.shields.io/twitter/follow/asabeneh?style=social">
5252
</a>
53+
<br>
5354
<sub>Tác giả:
5455
<a href="https://www.linkedin.com/in/asabeneh/" target="_blank">Asabeneh Yetayeh</a><br>
5556
<small> Tháng 1, 2020</small>
@@ -134,11 +135,11 @@ Tôi tin rằng bạn có động lực và muốn trở thành một lập trì
134135

135136
Bạn có thể không cần phải cài Node.js ngay bây giờ nhưng sau này thì có thể cần đến. Cài [Node.js](https://nodejs.org/en/).
136137

137-
![Tải node](images/download_node.png)
138+
![Tải node](../images/download_node.png)
138139

139140
Sau khi tải xong, nhấn đúp để cài đặt
140141

141-
![Cài node](images/install_node.png)
142+
![Cài node](../images/install_node.png)
142143

143144
Chúng ta có thể kiểm tra xem Node đã cài hay chưa bằng cách mở terminal hoặc cmd trên máy tính.
144145

@@ -157,14 +158,14 @@ Hiện tại có rất nhiều trình duyệt web, tuy nhiên tôi đề xuất
157158

158159
Cài [Google Chrome](https://www.google.com/chrome/) nếu bạn chưa cài nó. Chúng ta có thể viết code JavaScript trên console trình duyệt, nhưng chúng ta không sử dụng console trình duyệt để lập trình.
159160

160-
![Google Chrome](images/google_chrome.png)
161+
![Google Chrome](../images/google_chrome.png)
161162

162163
#### Mở Console Google Chrome
163164

164165

165166
Bạn có thể mở console Google Chrome bằng cách nhấp vào ba dấu chấm ở trên cùng bên phải trình duyệt, chọn _More tools -> Developer tools_ hoặc sử dụng phím tắt.
166167

167-
![Mở chrome](images/opening_developer_tool.png)
168+
![Mở chrome](../images/opening_developer_tool.png)
168169

169170
Để mở Console Google Chrome bằng phím tắt:
170171

@@ -176,12 +177,12 @@ Windows/Linux:
176177
Ctl+Shift+J (hoặc F12)
177178
```
178179

179-
![Mở console](images/opening_chrome_console_shortcut.png)
180+
![Mở console](../images/opening_chrome_console_shortcut.png)
180181

181182
Sau khi bạn mở console Google Chrome, hãy thử khám phá các nút được đánh dấu bên dưới. Chúng ta sẽ dành phần lớn thời gian trên Console. Console là nơi bạn viết code JavaScript. Công cụ Google Console V8 sẽ chuyển code của bạn thành mã máy.
182183
Bây giờ chúng ta sẽ viết mã JavaScript trên console của Google Chrome:
183184

184-
![viết code trên console](./images/js_code_on_chrome_console.png)
185+
![viết code trên console](../images/js_code_on_chrome_console.png)
185186

186187
#### Viết code trên Console của trình duyệt
187188

@@ -207,7 +208,7 @@ console.log('Hello, World!')
207208

208209
Hàm **`console.log()`** có thể nhận nhiều tham số được phân cách bằng dấu phẩy. Cú pháp sẽ giống như này:**`console.log(param1, param2, param3)`**
209210

210-
![console log có nhiều tham số](./images/console_log_multipl_arguments.png)
211+
![console log có nhiều tham số](../images/console_log_multipl_arguments.png)
211212

212213
```js
213214
console.log('Hello', 'World', '!')
@@ -245,7 +246,7 @@ Chúng ta có thể thêm comment vào code. Comment rất quan trọng để l
245246

246247
Ngôn ngữ lập trình tương tự như ngôn ngữ của con người. Tiếng Việt hoặc nhiều ngôn ngữ khác sử dụng các từ, cụm từ, câu, câu ghép và nhiều ngôn ngữ khác để truyền tải một thông điệp có ý nghĩa. Ý nghĩa cú pháp trong tiếng Việt là _sự sắp xếp các từ và cụm từ để tạo ra các câu có cấu trúc trong một ngôn ngữ_. Định nghĩa kỹ thuật của cú pháp là cấu trúc của các câu lệnh trong một ngôn ngữ máy tính. Ngôn ngữ lập trình cũng có cú pháp. JavaScript là một ngôn ngữ lập trình và giống như các ngôn ngữ lập trình khác, nó có cú pháp riêng. Nếu chúng ta không viết một cú pháp mà JavaScript hiểu, nó sẽ phát sinh các loại lỗi khác nhau. Chúng ta sẽ khám phá các loại lỗi trong JavaScript khác nhau ở phần sau. Bây giờ, hãy xem 1 cú pháp bị lỗi bên dưới.
247248

248-
![Lỗi](images/raising_syntax_error.png)
249+
![Lỗi](../images/raising_syntax_error.png)
249250

250251
Tôi đã phạm một sai lầm có chủ ý. Kết quả là console làm tăng lỗi cú pháp. Trên thực tế, cú pháp rất nhiều thông tin. Nó thông báo loại sai lầm đã được thực hiện. Bằng cách đọc hướng dẫn phản hồi lỗi, chúng ta có thể sửa cú pháp và khắc phục sự cố. Quá trình xác định và loại bỏ lỗi khỏi chương trình được gọi là gỡ lỗi (debug). Bây giờ chúng ta sẽ gỡ lỗi:
251252

@@ -268,7 +269,7 @@ console.log(`Hello, World!`)
268269

269270
Bây giờ, chúng ta sẽ viết code JavaScript nhiều hơn bằng cách sử dụng _`console.log()`_ trên console của Google Chrome cho các kiểu dữ liệu số. Ngoài văn bản, chúng ta cũng có thể thực hiện các phép tính toán bằng JavaScript. Chúng ta sẽ thực hiện các phép tính đơn giản sau. Có thể viết code JavaScript trên console Google Chrome trực tiếp mà không cần hàm **_`console.log()`_**. Tuy nhiên, nó được đưa vào phần này vì hầu hết thử thách này sẽ diễn ra trong code editor, nơi việc sử dụng hàm là bắt buộc.
270271

271-
![Toán tử](images/arithmetic.png)
272+
![Toán tử](../images/arithmetic.png)
272273

273274
```js
274275
console.log(2 + 3) // Cộng
@@ -287,27 +288,27 @@ Chúng ta có thể viết code trên console của trình duyệt, nhưng nó s
287288

288289
Visual Studio Code là một trình soạn thảo văn bản nguồn mở rất phổ biến. Tôi muốn giới thiệu bạn [tải Visual Studio Code](https://code.visualstudio.com/), nhưng nếu bạn muốn sử dụng các editor, hãy thoải mái làm theo những gì bạn có.
289290

290-
![Vscode](images/vscode.png)
291+
![Vscode](../images/vscode.png)
291292

292293
Nếu bạn đã cài đặt Visual Studio Code, bây giờ chúng ta sẽ sử dụng nó.
293294

294295
#### Cách sử dụng Visual Studio Code
295296

296297
Mở Visual Studio Code bằng cách nhấp đúp vào biểu tượng. Khi đã mở, bạn sẽ thấy giao diện như này. Hãy làm quen với các phần mà được đánh dấu.
297298

298-
![Vscode ui](./images/vscode_ui.png)
299+
![Vscode ui](../images/vscode_ui.png)
299300

300-
![Vscode thêm mới dự án](./images/adding_project_to_vscode.png)
301+
![Vscode thêm mới dự án](../images/adding_project_to_vscode.png)
301302

302-
![Vscode mở dự án](./images/opening_project_on_vscode.png)
303+
![Vscode mở dự án](../images/opening_project_on_vscode.png)
303304

304-
![file script](images/scripts_on_vscode.png)
305+
![file script](../images/scripts_on_vscode.png)
305306

306-
![Cài Live Server](images/vsc_live_server.png)
307+
![Cài Live Server](../images/vsc_live_server.png)
307308

308-
![chạy script](./images/running_script.png)
309+
![chạy script](../images/running_script.png)
309310

310-
![chạy code](./images/launched_on_new_tab.png)
311+
![chạy code](../images/launched_on_new_tab.png)
311312

312313
## Thêm JavaScript vào trang web
313314

0 commit comments

Comments
 (0)