Nanatu
Senior Member
Với chút exp ít ỏi tự học trên mạng từ các khác nhau của em, một phần vì share cho các ae mới học, một phần vì muốn trau chuốt kiến thức + học thêm những điều mới từ mọi người nên e viết blog này hi vọng giúp đỡ phần nào cho mọi người.
Giới thiệu sơ qua, e đang là sv năm 4 nên trình độ hầu như bằng 0 + lượng kiến thức có hạn vì thế có những thiếu xót chỉ mong mn đóng góp, bổ sung thêm. "Một cây làm chẳng nên non, 3 cây chụm lại có gì chết chùm''. Mỗi người đóng góp 1 ít thì chẳng bao lâu post hoàn thiện và ae đến sau sẽ nhàn hơn, học đc những điều đã chọn lọc + tinh túy
Thôi không bốc phét nữa, e vào ngay luôn lộ trình.
Mỗi lần update thì e sẽ link phần đó ở dưới.
(P/S: Bài 1, 2 e biết khá sơ sài, nói thật là 2 bài đấy không có gì nhiều nên chẳng biết viết ra sao, khuyên các bác nên học từ bài 3)
1.Javascript là gì?Code editor
2.Biến
3.Kiểu dữ liệu
4.Nói sâu về string và number
5.Toán tử
6. Array và Object (Mảng và đối tượng)
6.1 Array
6.2 Object
7. Function
8. Câu lệnh điều kiện( if else, switch)
9. Loops ( Vòng lặp)
10. Closure
11. Scope
12. Hoisting
13. Callback
14. setTimeout() và setInterval()
15. Event
16. DOM
17. IIFE
18. Strict mode
19. This
20. Bind() ,call() , apply()
21. ES6, 7
21.1 let, const
21.2 Arrow function
21.3 Classes
21.4 Destructuring, Spread
21.5 Modules
Trước có bác@cs_50i viết về js vừa ngắn gọn lại dễ hiểu, hồi mới học e cũng đọc post của bác ấy mỗi ngày, tiếc là drop mất
Link blog của bác@cs_50i: https://voz.vn/t/event-tang-title-huong-dan-hoc-javascript-tu-0-nang-cao.422145/
1.Javascript là gì?Code editor
Chắc nhiều bác trong đây bị thuốc rằng:" IT là vua của mọi nghành, sáng đến làm 1-2 tiếng xong task chiều ngồi code project ngoài, lương tháng chuẩn vozer. Chỉ cần học 1 khóa làm web 6 tháng thôi là đã trở thành winner''. Nhưng chỉ phác họa lại đường nét của trung tâm vẽ ra thì có mà làm thợ code.
Ba ngôn ngữ được dùng để làm nên 1 giao diện web hay còn gọi là Font-end(FE) phổ biến hiện nay là Html, Css và Javascript.
Như đã nói ở phần 1, JS là ngôn ngữ lập trình mà đã là ngôn ngữ lt thì sẽ có biến, khai báo ... Vậy biến là gì?
Ae cứ hiểu biến là các thùng chứa có tên, mà đã là thùng thì phải đựng vật gì đó, biến cũng vậy biến đựng giá trị mà ta gắn hoặc nhập vào cho nó.
Trước đây khi khai báo biến trong JS người ta thường sử dụng từ khó var, vì var dễ gây nhầm trong phạm vị sử dụng( scope)nên từ phiên bản ES6 người ta đã cho ra đời thêm let và const. Trong đó, const dùng để khai báo hằng tức là đồ dùng 1 lần, sẽ không thay đổi đc giá trị trong suốt chương trình.
Nên từ giờ khi báo e sẽ toàn sử dụng let với const, điều này cũng là thói quen của e từ hồi học js.
Các bác cứ hiểu nôm na là như vậy đã, còn về phạm vi sử dụng của chúng( scope) ta sẽ học trong bài sau.
Cú pháp khai báo biến:
Giờ các bác mở Vs code lên rồi gõ theo e.
Dùng const để khai báo tên, let để khai báo tuổi nhưng khai update lại value thì isName bị lỗi. Điều đó chứng minh biến const chỉ được khai báo 1 lần và không update lại suốt thời gian chương trình chạy.
Giới thiệu sơ qua, e đang là sv năm 4 nên trình độ hầu như bằng 0 + lượng kiến thức có hạn vì thế có những thiếu xót chỉ mong mn đóng góp, bổ sung thêm. "Một cây làm chẳng nên non, 3 cây chụm lại có gì chết chùm''. Mỗi người đóng góp 1 ít thì chẳng bao lâu post hoàn thiện và ae đến sau sẽ nhàn hơn, học đc những điều đã chọn lọc + tinh túy
Thôi không bốc phét nữa, e vào ngay luôn lộ trình.Mỗi lần update thì e sẽ link phần đó ở dưới.
(P/S: Bài 1, 2 e biết khá sơ sài, nói thật là 2 bài đấy không có gì nhiều nên chẳng biết viết ra sao, khuyên các bác nên học từ bài 3)
1.Javascript là gì?Code editor
2.Biến
3.Kiểu dữ liệu
4.Nói sâu về string và number
5.Toán tử
6. Array và Object (Mảng và đối tượng)
6.1 Array
6.2 Object
7. Function
8. Câu lệnh điều kiện( if else, switch)
9. Loops ( Vòng lặp)
10. Closure
11. Scope
12. Hoisting
13. Callback
14. setTimeout() và setInterval()
15. Event
16. DOM
17. IIFE
18. Strict mode
19. This
20. Bind() ,call() , apply()
21. ES6, 7
21.1 let, const
21.2 Arrow function
21.3 Classes
21.4 Destructuring, Spread
21.5 Modules
Trước có bác@cs_50i viết về js vừa ngắn gọn lại dễ hiểu, hồi mới học e cũng đọc post của bác ấy mỗi ngày, tiếc là drop mất
Link blog của bác@cs_50i: https://voz.vn/t/event-tang-title-huong-dan-hoc-javascript-tu-0-nang-cao.422145/1.Javascript là gì?Code editor
Chắc nhiều bác trong đây bị thuốc rằng:" IT là vua của mọi nghành, sáng đến làm 1-2 tiếng xong task chiều ngồi code project ngoài, lương tháng chuẩn vozer. Chỉ cần học 1 khóa làm web 6 tháng thôi là đã trở thành winner''. Nhưng chỉ phác họa lại đường nét của trung tâm vẽ ra thì có mà làm thợ code.
Ba ngôn ngữ được dùng để làm nên 1 giao diện web hay còn gọi là Font-end(FE) phổ biến hiện nay là Html, Css và Javascript.
- Html là công cụ thêm nội dụng + mô tả ý nghĩa cho bố cục
- Css là cộng cụ trang trí(cỡ chữ, màu sắc, kiểu chữ,...)
- Js tạo nên chức nặng động để user có thể tương tác với web.
Lạc đề hơi xa, chúng ta cùng quay lại với chủ đề chính. Javascript là gì? Đầu tiên nó là 1 ngôn ngữ lập trình phổ biến hiện nay, tạo nên sự tương tác giữa user và trang web. Js là một trong những ngôn ngữ phải học nếu bạn muốn làm về Fe, Be hay Fulllstack.
Code editor: Các bác cứ hiểu nôm na là nơi để viết code( text editor) là được. Ở đây, e sẽ dùng công cụ Vs code, còn về download + cài các extension nào để thuận tiện cho việc code thì ae lên gg tìm hiểu.
P/s: Nói thêm 1 chút ngoài lề: Theo e nếu bác nào có nhiều time mà chưa từng học lập trình thì đừng nên học js trước, cứ làm 1 khóa C/C++ cho ổn để hiểu lập trình + hiểu đc logic trong lập trình là gì( Khuyến khích ae học C++, do C++ có oop sau học về classes trong js vừa nhàn lại dễ hiểu)
Như đã nói ở phần 1, JS là ngôn ngữ lập trình mà đã là ngôn ngữ lt thì sẽ có biến, khai báo ... Vậy biến là gì?
Ae cứ hiểu biến là các thùng chứa có tên, mà đã là thùng thì phải đựng vật gì đó, biến cũng vậy biến đựng giá trị mà ta gắn hoặc nhập vào cho nó.
Trước đây khi khai báo biến trong JS người ta thường sử dụng từ khó var, vì var dễ gây nhầm trong phạm vị sử dụng( scope)nên từ phiên bản ES6 người ta đã cho ra đời thêm let và const. Trong đó, const dùng để khai báo hằng tức là đồ dùng 1 lần, sẽ không thay đổi đc giá trị trong suốt chương trình.
Nên từ giờ khi báo e sẽ toàn sử dụng let với const, điều này cũng là thói quen của e từ hồi học js.
Các bác cứ hiểu nôm na là như vậy đã, còn về phạm vi sử dụng của chúng( scope) ta sẽ học trong bài sau.
Cú pháp khai báo biến:
var variableName = "giá trị của biến"; Giờ các bác mở Vs code lên rồi gõ theo e.
const isName = 'son';
let age = 21;
console.log(isName) //son
console.log(age) //21
isName = 'Truong'
age = 22
console.log(isName) //error
console.log(age) //22
Dùng const để khai báo tên, let để khai báo tuổi nhưng khai update lại value thì isName bị lỗi. Điều đó chứng minh biến const chỉ được khai báo 1 lần và không update lại suốt thời gian chương trình chạy.
Last edited:
) IT lí thuyết chỉ 1 phần, muốn nhớ và thạo thì chỉ có thực chiến nhiều :
