1
00:00:01,336 --> 00:00:04,608
Trong video này, ta sẽ lập trình
nâng cao hơn với lệnh "text".

2
00:00:04,608 --> 00:00:06,008
Đầu tiên, chúng ta sẽ bắt đầu

3
00:00:06,008 --> 00:00:08,278
học cách sử dụng
"string" (chuỗi ký tự).

4
00:00:08,278 --> 00:00:10,610
Vậy "string" hay chuỗi ký tự là gì?

5
00:00:10,610 --> 00:00:12,725
Trong lập trình, đây là
một tên gọi đặc biệt

6
00:00:12,725 --> 00:00:14,580
sử dụng cho một kiểu dữ liệu.

7
00:00:14,580 --> 00:00:16,566
Bạn hãy hiểu "string" là
một chuỗi các ký tự.

8
00:00:16,566 --> 00:00:19,073
Tên bạn là một "string",
tên trường học là một "string"

9
00:00:19,073 --> 00:00:22,100
và mỗi tin nhắn mà bạn
từng gửi cũng là một "string".

10
00:00:22,100 --> 00:00:25,498
Về cơ bản, có thể coi "string"
bằng với "text" (nghĩa là văn bản).

11
00:00:25,978 --> 00:00:28,565
Chúng ta đã học cách viết
và đổi màu các "string".

12
00:00:28,565 --> 00:00:30,987
Vậy ta hoàn toàn có thể
dùng biến với các "string".

13
00:00:30,987 --> 00:00:33,225
Tương tự như cách
gán một giá trị cho một biến,

14
00:00:33,225 --> 00:00:35,233
ta cũng có thể
gán một "string" cho một biến.

15
00:00:35,453 --> 00:00:37,391
Chúng ta có thể nhập như sau:

16
00:00:37,391 --> 00:00:40,965
"var myName =", rồi nhập
tên bạn, "Sophia" chẳng hạn.

17
00:00:40,965 --> 00:00:42,599
Đừng quên đặt giữa dấu ngoặc kép.

18
00:00:42,599 --> 00:00:44,484
Sau đó, chúng ta đặt biến "myName"

19
00:00:44,484 --> 00:00:46,799
giữa dấu ngoặc kép thay vì "Sophia"

20
00:00:46,799 --> 00:00:48,536
như ta đã làm trước kia.

21
00:00:48,536 --> 00:00:50,528
Tuy kết quả trả về không thay đổi

22
00:00:50,528 --> 00:00:53,300
nhưng ta có thể nhập
vô số lệnh "text" tương tự

23
00:00:53,300 --> 00:00:55,333
và thay đổi giá trị các tham số

24
00:00:55,333 --> 00:00:57,316
để trình bày văn bản
một cách nghệ thuật.

25
00:00:57,316 --> 00:00:59,402
Tiếp theo, bạn chỉ cần
đặt biến "myName"

26
00:00:59,402 --> 00:01:02,008
thành "Your Name",
nghĩa là tên <i>của bạn</i>

27
00:01:02,008 --> 00:01:04,025
là bạn đã có tên bạn
được viết lại 3 lần.

28
00:01:04,025 --> 00:01:07,233
Bây giờ, ta đổi lại thành "Sophia"
để tiếp tục bài học.

29
00:01:07,233 --> 00:01:09,541
Liệu ta có thể gán các "string"
phụ thuộc vào nhau

30
00:01:09,541 --> 00:01:12,819
như cách gán biến này
phụ thuộc vào biến khác hay không?

31
00:01:12,819 --> 00:01:14,581
Chúng ta có thể thực hiện được

32
00:01:14,581 --> 00:01:17,063
và chương trình sẽ liên kết
hai "string" với nhau.

33
00:01:17,063 --> 00:01:19,547
Ví dụ, chúng ta có thể
xóa bớt hai lệnh "text",

34
00:01:19,547 --> 00:01:22,248
chỉ sử dụng một lệnh "text
và thêm một biến "message"

35
00:01:22,248 --> 00:01:27,080
gán với biến "myName"
cộng thêm ba dấu chấm than.

36
00:01:27,750 --> 00:01:30,305
Sau đó, nếu chúng ta
thế "message" vào lệnh "text"

37
00:01:30,305 --> 00:01:32,830
thay vì "myName",
ta có thể thấy rằng

38
00:01:32,830 --> 00:01:34,641
3 dấu chấm than đã
được thêm vào sau

39
00:01:34,641 --> 00:01:37,312
biến "myName" là "Sophia",
như cú pháp của biến "message".

40
00:01:38,062 --> 00:01:40,172
Chúng ta còn có thể
thực hiện thêm thao tác

41
00:01:40,172 --> 00:01:42,962
chẳng hạn như
viết biến "message" hai lần.

42
00:01:42,962 --> 00:01:46,068
Như vậy, việc gán các "string"
phụ thuộc vào nhau

43
00:01:46,068 --> 00:01:49,034
nghĩa là ta gán một "string"
vào sau một "string" khác.

44
00:01:49,034 --> 00:01:51,627
Liệu ta có thể thực hiện
thao tác nâng cao hơn không?

45
00:01:51,627 --> 00:01:54,550
Chẳng hạn như thực hiện nhân,
chia hoặc trừ các "string"?

46
00:01:54,550 --> 00:01:57,348
Trên thực tế, ta không thể
thực hiện các thao tác này.

47
00:01:57,348 --> 00:01:59,326
Ta chỉ có thể thêm
"string" này vào "string" khác.

48
00:01:59,326 --> 00:02:01,754
Ta có thể chia hoặc trừ
với các biến có giá trị là số,

49
00:02:01,754 --> 00:02:04,662
nhưng với biến "string"
thì ta chỉ được thêm "string".

50
00:02:04,662 --> 00:02:07,444
Tuy nhiên, việc tò mò
và đặt những câu hỏi như vậy

51
00:02:07,444 --> 00:02:09,526
là thái độ học tập
đúng đắn với lập trình.

52
00:02:09,526 --> 00:02:11,859
Bạn hoàn toàn có thể
tự đặt câu hỏi như vậy.

53
00:02:13,134 --> 00:02:16,930
Ta cũng có thể tạo hiệu ứng hoạt hình
và tương tác chuột với các "string".

54
00:02:17,500 --> 00:02:20,291
Ví dụ, ta có thể làm cho "string"
đổi vị trí theo con trỏ chuột

55
00:02:20,291 --> 00:02:23,186
bằng cách gán "string" với hàm "draw"
như khi làm với hình chữ nhật.

56
00:02:23,476 --> 00:02:26,425
Ta nhập như sau:
"var draw = function()"

57
00:02:26,795 --> 00:02:29,664
và đưa tất cả vào hàm "draw".

58
00:02:29,664 --> 00:02:32,905
Tương tự như khi học về
hiệu ứng hoạt hình, phải không?

59
00:02:32,905 --> 00:02:36,332
Bây giờ, để khiến văn bản di chuyển
theo vị trí di con trỏ chuột,

60
00:02:36,332 --> 00:02:39,459
chúng ta cần dùng đến biến
"mouseX" và "mouseY".

61
00:02:39,459 --> 00:02:43,188
Và kết quả trả về là vô số chữ
"Sophia!!!" được hiển thị liên tục.

62
00:02:43,188 --> 00:02:46,823
Đương nhiên nếu muốn, 
chúng ta có thể thêm lệnh "background"

63
00:02:46,823 --> 00:02:50,828
để đổi màu nền thành xanh lam nhạt.

64
00:02:50,828 --> 00:02:55,082
Và bây giờ, ta đã thành công làm cho chữ
di chuyển theo vị trí di con trỏ chuột,

65
00:02:55,082 --> 00:02:56,796
tương tự như với hình chữ nhật.

66
00:02:57,186 --> 00:03:00,133
Tiếp theo, chúng ta sẽ cùng
tạo hiệu ứng hoạt hình

67
00:03:00,133 --> 00:03:02,640
để làm cho kích thước văn bản to dần.

68
00:03:02,640 --> 00:03:06,229
Đầu tiên, áp dụng kiến thức đã học
về biến, thay vì sử dụng "textSize(30)"

69
00:03:06,229 --> 00:03:10,794
ta có thể nhập biến như sau:
"var howBig = 30;"

70
00:03:10,794 --> 00:03:14,199
và thay biến này vào "textSize"
thay vì trực tiếp dùng số 30.

71
00:03:14,649 --> 00:03:16,417
Kết quả trả về vẫn như trước.

72
00:03:16,417 --> 00:03:18,646
Vì vậy, ta cần thêm
hoặc thay đổi chương trình

73
00:03:18,646 --> 00:03:20,485
để tạo được hiệu ứng hoạt hình.

74
00:03:20,485 --> 00:03:25,424
Ta có thể nhập thêm
"howBig = howBig + 1"

75
00:03:25,424 --> 00:03:28,314
để cộng thêm một vào giá trị
khởi tạo ban đầu

76
00:03:28,314 --> 00:03:32,214
của biến "howBig"
để làm cho nó lớn hơn.

77
00:03:32,214 --> 00:03:34,754
Bây giờ, chúng ta chỉ cần
chạy lại cho chương trình

78
00:03:34,754 --> 00:03:37,495
và kết quả trả về là
khi ta di con trỏ chuột,

79
00:03:37,495 --> 00:03:39,856
kích thước văn bản cũng to dần

80
00:03:39,856 --> 00:03:41,939
nhờ vào dòng
"howBig = howBig + 1" này.

81
00:03:43,262 --> 00:03:44,716
Tại sao bạn không
thử tự nghĩ

82
00:03:44,716 --> 00:03:47,590
cách để làm cho kích thước
văn bản to nhanh hơn?

83
00:03:48,086 --> 00:03:51,653
Như vậy, không chỉ học được
cách lập trình với các hình vẽ

84
00:03:51,653 --> 00:03:54,771
mà qua video này, bạn đã nắm được
cách lập trình với văn bản.