1
00:00:00,000 --> 00:00:04,168
Trong video này, ta sẽ học các kiến thức
nâng cao hơn với lệnh "text".

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

3
00:00:06,008 --> 00:00:08,258
học cách sử dụng "string",
nghĩa là chuỗi ký tự.

4
00:00:08,258 --> 00:00:10,020
Vậy chuỗi ký tự là gì?

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

6
00:00:12,065 --> 00:00:13,610
sử dụng cho một đoạn văn bản.

7
00:00:13,610 --> 00:00:16,476
Bạn có thể hiểu chuỗi ký tự
như một dây nối liền các chữ cái.

8
00:00:16,476 --> 00:00:19,443
Tên bạn là một chuỗi ký tự,
tên trường học là một chuỗi ký tự.

9
00:00:19,443 --> 00:00:22,100
Mỗi tin nhắn mà bạn
gửi cũng là một chuỗi ký tự.

10
00:00:22,100 --> 00:00:25,498
Về cơ bản, ta có thể coi
chuỗi ký tự là văn bản.

11
00:00:25,698 --> 00:00:28,795
Trong video trước, ta đã học cách tạo
và đổi màu các chuỗi ký tự.

12
00:00:28,795 --> 00:00:31,157
Vậy ta hoàn toàn có thể
dùng biến với chuỗi ký tự.

13
00:00:31,157 --> 00:00:33,115
Tương tự như cách
gán một số cho một biến,

14
00:00:33,115 --> 00:00:35,453
ta cũng có thể gán một
chuỗi ký tự 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,645
"var myName =", rồi nhập
tên bạn, ví dụ như "Sophia".

17
00:00:40,645 --> 00:00:42,599
Sophia cần đặt trong dấu ngoặc kép.

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

19
00:00:44,484 --> 00:00:46,799
vào phần văn bản cần
hiển thị trong câu lệnh text

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

21
00:00:48,536 --> 00:00:50,698
Ta vẫn thu được kết quả
tương tự trên khung.

22
00:00:50,698 --> 00:00:53,300
Và 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 rõ ràng các văn bản.

25
00:00:57,316 --> 00:00:59,402
Bạn cũng có thể cho biến "myName"

26
00:00:59,402 --> 00:01:01,788
nhận "Your Name",
nghĩa là tên của bạn,

27
00:01:01,788 --> 00:01:04,025
bằng cách này, bạn sẽ viết được
tên mình 3 lần.

28
00:01:04,025 --> 00:01:07,233
Bây giờ, ta đổi lại tên 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 nhiều
chuỗi ký tự với nhau

30
00:01:09,541 --> 00:01:12,819
bằng 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 chuỗi ký tự với nhau.

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

34
00:01:19,667 --> 00:01:22,248
thêm một biến "message"
nghĩa là tin nhắn

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

36
00:01:27,750 --> 00:01:30,305
Như vậy, nếu chúng ta thay 
"message" vào "myName"

37
00:01:30,305 --> 00:01:32,830
trong lệnh "text", 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,932
giá trị của 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 chuỗi ký tự với nhau

43
00:01:46,068 --> 00:01:49,034
nghĩa là ta gắn một chuỗi ký tự
vào sau một chuỗi ký tự khác.

44
00:01:49,034 --> 00:01:51,627
Tiếp theo, ta còn có thể
làm gì khác với câu lệnh text?

45
00:01:51,627 --> 00:01:54,530
Ta có thể thực hiện nhân,
chia hoặc trừ các chuỗi ký tự không?

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

47
00:01:57,048 --> 00:01:59,906
Ta chỉ có thể gắn thêm chuỗi ký tự
này vào chuỗi ký tự khác.

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

49
00:02:02,714 --> 00:02:05,522
nhưng với biến chuỗi ký tự
thì ta chỉ được thêm chuỗi ký tự.

50
00:02:05,522 --> 00:02:07,444
Việc tò mò và đặt những câu hỏi như vậy

51
00:02:07,444 --> 00:02:09,426
là một cách rất tốt để bạn học lập trình.

52
00:02:09,426 --> 00:02:12,660
Bạn hoàn toàn có thể tự đặt câu hỏi
cho mình để phát triển tư duy.

53
00:02:13,024 --> 00:02:16,880
Tiếp theo, 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 chuỗi ký tự.

54
00:02:16,880 --> 00:02:20,201
Ví dụ, ta có thể làm cho chuỗi ký tự
đổi vị trí theo vị trí con trỏ chuột

55
00:02:20,201 --> 00:02:23,756
bằng cách gán chuỗi ký tự với hàm "draw"
như khi ta làm với hình chữ nhật.

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

57
00:02:26,795 --> 00:02:29,664
và đưa tất cả biến
chuỗi ký tự 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.

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 thay biến "mouseX"
và "mouseY" vào vị trí 2 tham số.

61
00:02:39,459 --> 00:02:43,188
Và kết quả là vô số "Sophia!!!" được
hiển thị theo vị trí di của con trỏ chuột.

62
00:02:43,188 --> 00:02:48,353
Chúng ta có thể thêm lệnh "background",
đổi màu nền thành xanh lam nhạt

63
00:02:48,353 --> 00:02:51,168
để chỉ có 1 "Sophia!!!"
di theo con trỏ chuột.

64
00:02:51,168 --> 00:02:54,712
Vậy là chuỗi ký tự của chúng ta đã
di chuyển theo vị trí di con trỏ chuột,

65
00:02:54,712 --> 00:02:56,996
tương tự như hình chữ nhật
trong các bài trước.

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 "var howBig = 30;"

70
00:03:10,794 --> 00:03:14,199
và thay biến này cho số 30
ở câu lệnh "textSize".

71
00:03:14,449 --> 00:03:16,417
Khung kết quả vẫn chưa có gì thay đổi.

72
00:03:16,417 --> 00:03:18,646
Vì vậy, ta cần làm các bước tiếp theo

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 "howBig = howBig + 1"

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

76
00:03:28,314 --> 00:03:32,214
gán cho biến "howBig",
thể hiện rằng giá trị sẽ lớn dần.

77
00:03:32,214 --> 00:03:34,754
Bây giờ, chúng ta sẽ
chạy lại chương trình.

78
00:03:34,754 --> 00:03:37,495
Trong khung kết quả,
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
Bạn cũng có thể tự nghĩ xem

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

83
00:03:48,086 --> 00:03:51,653
Tóm lại, đến bài này, chúng ta không chỉ
biết lập trình với các hình khối

84
00:03:51,653 --> 00:03:54,771
mà còn học được cách
lập trình với văn bản nữa.