Học Javascript

Danh sách các bài viết trong chuyên mục Học Javascript, đây là những bài viết mới nhất được cập nhật trong mục Javascript.

Xin giới thiệu với các bạn tổng tất cả các bài viết học Javascript miễn phí dành cho tất cả các đối tượng. Đây là series tự học Javascript hoàn toàn miễn phí, mỗi series được tổng hợp các bài viết phân chia từng bài rất cụ thể và rõ ràng giúp người học có thể follow và học tại nhà.

Như các bạn biết khi học lập trình web nói chung và học về lập trình frontend nói riêng thì bắt buộc bạn phải học javascript, một website thiếu Javascript thì sẽ trở nên cọc cằn, chức năng không đẹp và không thân thiện với người dùng. vì vậy nếu bạn không học JS thì đó quả là một sai lầm và lạc hậu về công nghệ.

1JAVASCRIPT CĂN BẢN
Phần cơ bản
1	Javascript là gì? Tìm hiểu ngôn ngữ lập trình javascript
2	Các cách khai báo biến trong Javascript
3	Hàm alert() - confirm() - prompt() trong javascript
4	Các toán tử trong Javascript
5	Lệnh if else trong javascript (dùng để rẻ nhánh chương trình)
6	Lệnh switch case trong Javascript
7	Function trong Javascript - cách tạo hàm và gọi hàm trong JS
8	Biến toàn cục và biến cục bộ trong Javascript
9	Kiểm tra lỗi Javascript bằng Firebug (Inspect Element)
10	Hàm console.log trong Javascript (dùng để xem giá trị của biến)
11	Hàm setTimeout() và setInterval() trong Javascript
Vòng lặp
12	Cách dùng vòng lặp for trong Javascript
13	Vòng lặp while - do while trong javascript
14	Lệnh break - continue trong Javascript
Data Types
15	Xử lý chuỗi (string) trong Javascript
16	Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)
17	Khai báo và duyệt mảng trong javascript
18	Các hàm xử lý mảng trong javascript hữu ích
19	Cách để tạo mảng hai chiều trong Javascript
20	Đối tượng Number trong Javascript (cách tạo và cách sử dụng)
21	Đối tượng Date trong Javascript - Định dạng format date
22	Các hàm xử lý ngày tháng trong Javascript
23	Cách dùng typeof trong Javascript để kiểm tra kiểu dữ liệu
Events
24	Các sự kiện (Event) trong Javascript
25	Hiểu rõ return TRUE/FALSE trong Javascript
26	Sự kiện window.onload trong Javascript
27	Hàm addEventListener() trong Javascript
28	Phương thức removeEventListener() Javascript
29	Bắt sự kiện click trong Javascript
30	Sự kiện hover chuột trong Javascript
31	Sự kiện rời chuột onmouseout trong Javascript
32	Sự kiện nhấp đúp chuột ondbclick trong Javascript
33	Sự kiện mousemove trong Javascript (di chuyển chuột)
34	Sự kiện Submit Form trong Javascript
DOM
35	DOM là gì? Các thao tác với DOM trong Javascript
36	DOM Element trong javascript
37	DOM HTML trong Javascript, lấy nội dung trong thẻ html
38	DOM CSS: Thay đổi CSS bằng Javascript
39	DOM Nodes trong Javascript
40	Mẹo sử dụng thuộc tính HTML trong Javascript
BOM
41	BOM là gì? BOM trong javascript
42	Cách dùng đối tượng window trong Javascript
43	Location trong Javascript - điều hướng URL trong Javascript
44	History trong Javascript - quản lý lịch sử lướt web với javascript
45	Cách dùng cookie trong Javascript
46	Cách dùng window.navigator trong Javascript
47	Cách dùng đối tượng screen trong Javascript
Object
48	Đối tượng / Object trong Javascript
49	Thao tác với đối tượng (Object) trong Javascript
50	Object Prototype trong Javascript là gì?
Bổ sung
51	Cơ chế hoạt động của hoisting trong Javascript
52	Cách dùng use strict trong javascript (strict mode)
53	Biểu thức chính quy RegEx trong Javascript
54	localStorage và sessionStorage trong Javascript
Thực hành
55	Góp ý kiến cho series javascript căn bản

2BÀI TẬP JAVASCRIPT
Căn bản
1	Cách kiểm tra số nguyên dương trong javascript
2	Cách kiểm tra số nguyên âm trong javascript
3	Tính tổng hai số bằng Javascript (cộng hai số)
4	Tính tổng các phần tử trong mảng javascript
5	Hướng dẫn giải phương trình bậc 1 bằng Javascript
6	Kiểm tra số nguyên tố bằng Javascript
7	Bài tập vòng lặp for trong Javascript
8	Bài tập vòng lặp while trong javascript
9	Bài tập tạo hàm trong Javascript
10	Một số hàm validate dữ liệu bằng Javascript
11	Hướng dẫn tạo menu dropdown bằng Javascript
12	Một số ví dụ học javascript căn bản (Phần 1)
13	Cách thêm thẻ HTML bằng Javascript
DOM & BOM
14	In ra thông báo khi click vào button bằng Javascript
15	Thay đổi nội dung của thẻ HTML bằng Javascript
16	Thay đổi backgroud của thẻ HTML bằng Javascript
17	Thay đổi thuộc tính của thẻ HTML bằng Javascript
18	Code ẩn và hiện thẻ div bằng Javascript
19	Bài tập DOM căn bản trong Javascript
Xứ lý form
20	Cách gán giá trị cho thẻ input trong javascript
21	Validate form bằng Javascript cơ bản
22	Thiết lập checkbox checked bằng javascript
23	Lấy giá trị checkbox checked bằng Javascript
24	Bắt sự kiện checkbox trong javascript
25	Tạo check all và uncheck all trong Javascript
26	Lấy giá trị của Radio button checked bằng Javascript
27	Bắt sự kiện onchange của thẻ select
28	Lấy giá trị của thẻ Select Multiple bằng Javascript
29	Chuyển đổi phần tử của 2 thẻ Select Multiple
Javascript tips
30	Chia sẻ 3 cách lấy phần tử trong mảng javascript
31	Những cách truyền mảng vào hàm trong Javascript
32	Javascript tips: Luôn sử dụng var để khai báo biến
33	Cách lấy chiều dài của object trong Javascript
34	Cách gộp hai object javascript lại với nhau
35	Cách lấy ngày giờ hiện tại trong Javascript
36	Cách lấy ngày giờ hiện tại trong html đơn giản
37	Cách cộng trừ ngày tháng trong Javascript
38	Cách ép kiểu trong Javascript (chuyển đổi kiểu dữ liệu)
39	Chia lấy phần dư / chia lấy phần nguyên trong javascript
40	Javascript tips: Chuyển đổi đúng kiểu dữ liệu
41	Javascript tips: Nên sử dụng === thay vì ==
42	Javascript tips: Nên sử dụng dấu chấm phẩy kết thúc lệnh
43	Javascript tips: Tìm số lớn nhất và nhỏ nhất trong mảng
44	Javscript tips: Một số cách sử dụng DOM truy vấn HTML
45	Javascript tips: Cắt ngắn một mảng sử dụng length
46	Javascript tips: Cách xóa phần tử ra khỏi mảng
Tutorials
47	Hiển thị thông báo console giống Facebook
48	JavaScript Operators Reference
49	Cách vượt qua Slider CAPTCHA với JS và Puppeteer
50	Viết ứng dụng thông báo lên trình duyệt giống Facebook
51	Tạo ứng dụng chụp hình đơn giản trên web với Javascript và PHP
52	Viết chức năng tạo ảnh đại diện theo tên như Google với Javascript và PHP
53	Javascript Object là gì mà khó hiểu thế?
54	Multi upload file với Progress bar trong PHP
55	JavaScript Statements Reference
56	JavaScript Math Reference
57	JavaScript Error Reference
58	JavaScript RegExp Reference
59	JavaScript Type Conversion
60	Tạo đồng hồ đếm ngược trong Javascript
61	Đọc file PDF online với PDFReader pdf.js javascript
62	Mã hóa md5 trong javascript
63	Kiểm tra kết nối internet bằng Javascript

3JAVASCRIPT NÂNG CAO
Thông dụng
1	Ba cách tạo class trong Javascript
2	Cách xử lý lỗi với try catch trong Javascript
3	Hiểu rõ hơn về từ khóa this trong Javascript
4	Hàm closure trong javascript
5	Callback trong Javascript
6	Hiểu hơn về hàm bind() trong Javascript
7	Hiểu hơn về hàm call() và apply() trong Javascript
8	Anonymous function trong javascript
9	Rò rỉ bộ nhớ RAM và CPU khi làm việc với Javascript
10	Hiểu rõ về this trong Javascript qua các ví dụ thực hành
11	Đọc và hiểu về prototype trong Javascript trong 10 phút
OOP
12	Constructor trong Javascript (function và class constructor)
13	Cách tạo class trong Javascript (Hướng đối tượng OOP ES6)
14	Extends trong Javascript - kế thừa và ghi đè phương thức
15	Cách dùng static trong Javascript (thuộc tính và phương thức tĩnh)
16	Cấp độ private / protected của class trong Javascript
17	Cách dùng Import / Export Module trong javascript
ES6
18	ECMAScript 2015 - ES6 là gì?
19	Điều kiện cần để tự học ES6
20	ES6 Block Scoped - Khởi tạo biến với từ khóa let
21	Arrow Function trong ES6
22	Destructuring Assignments trong ES6
23	Default Parameters trong ES6
24	Rest Parameters trong ES6
25	Const - biến không thay đổi giá trị trong ES6
26	Collection Sets trong ES6
27	Collection Maps trong ES6
28	Collection WeakMap trong ES6
29	Collection WeakSet trong ES6
30	Symbol trong ES6
31	HTML Template String trong ES6
32	Synchronous là gì? Asynchronous là gì?
33	Tìm hiểu Promise trong Javascript - ES6
34	Hiểu rõ hơn về Promise trong Javascript - ES6
35	Iterables và iterators trong ES6
ES(X)
36	Tính năng mới trong ES7 (ECMAScript 2016)
37	Tính năng mới trong ES8 (2017)
38	Những tính năng mới trong ES11
39	Những tính năng mới của ES9 (2018)

4GOOGLE MAPS
40	Đăng ký google map API để lấy API key sử dụng google map
41	Viết ứng dụng google map hiển thị bản đồ thành phố Hồ Chí Minh
42	Chọn ngôn ngữ google map và chạy google map trên thiết bị di động
43	Google map events - UI Events - MVC State Changes
44	Google map events - Getting - Setting -Quản lý Listeners
45	Google Map Controls - Danh sách các controls của google map
46	Google Map Controls - cấu hình map controls nâng cao
47	Google Map Controls - Custom Map Control
48	Google Map Styles - Styled Maps
49	Google Map Marker - Marker Icon - Marker API
50	Google Map Window - Display Marker Info Window
51	Google Map Shapes - Polylines (vẽ đường thẳng)

5CÁC HÀM JAVASCRIPT
Array function
1	Hàm array map() trong Javascript
2	Cách dùng Array filter() trong Javascript
3	Hàm Array.toString() - Chuyển mảng thành chuỗi trong javascript
4	Hàm Array concat() trong Javascript
5	Hàm Array copyWithin() trong Javascript
6	Hàm array.every() trong Javascript
7	Hàm array.fill() trong Javascript
8	Hàm array.find() trong Javascript
9	Hàm Array findIndex() trong Javascript
10	Hàm forEach() trong Javascript
11	Hàm array.indexOf() trong javascript
12	isArray javascript - kiểm tra biến có phải là mảng hay không
13	Hàm array.join() trong Javascript
14	Hàm Array lastIndexOf() trong Javascript
15	Hàm array.reverse() trong Javascript
16	Hàm array.pop() trong Javascript
17	Hàm Array push() trong Javascript
18	Hàm Array reduce() trong Javascript
19	Array reduceRight() trong Javascript
20	Hàm array.shift() trong Javascript
21	Hàm array.slice() trong Javascript
22	Hàm array.some() trong Javascript
23	Hàm array.sort() trong Javascript
24	Hàm Array splice() trong Javascript
25	Hàm array.unshift() trong Javascript
26	Hàm array.valueOf() trong Javascript
Number function
27	Hàm Number.isFinite() trong Javascript
28	Hàm Number.isInteger() trong Javascript
29	Hàm Number.isNaN() trong Javascript
30	Hàm Number.isSafeInteger() trong Javascript
31	Hàm number.toExponential() trong Javascript
32	Hàm number.toFixed() trong Javascript
33	Hàm number.toPrecision() trong Javascript
34	Hàm number.toString() trong Javascript
35	Hàm number.valueOf() trong Javascript
String function
36	Hàm string.endsWith() trong Javascript
37	Hàm String.fromCharCode() trong Javascript
38	Hàm string.includes() trong Javascript
39	Hàm string.indexOf() trong Javascript
40	Hàm string.lastIndexOf() trong Javascript
41	Hàm string.localeCompare() trong Javascript
42	Hàm string.match() trong Javascript
43	Hàm string.repeat() trong Javascript
44	Hàm string.replace() trong Javascript
45	Hàm string.search() trong Javascript
46	Hàm string.slice() trong Javascript
47	Hàm string.split() trong Javascript
48	Hàm string.startsWith() trong Javascript
49	Hàm string.substr() trong Javascript
50	Hàm string.substring() trong Javascript
51	Hàm string.toLocaleLowerCase() trong Javascript
52	Hàm string.toLocaleUpperCase() trong Javascript
53	Hàm string.toLowerCase() trong Javascript
54	Hàm string.toString() trong Javascript
55	Hàm string.toUpperCase() trong Javascript
56	Hàm string.trim() trong Javascript
57	Hàm string.charAt() trong Javascript
58	Hàm string.charCodeAt() trong Javascript
59	Hàm string.concat() trong Javascript
Date / Time function
60	Hàm Date.getDate() trong Javascript
61	Hàm Date.getDay() trong Javascript
62	Hàm Date.getFullYear() trong Javascript
63	Hàm Date.getHours() trong Javascript
64	Hàm Date.getMilliseconds() trong Javascript
65	Hàm Date.getMinutes() trong Javascript
66	Hàm Date.getSeconds() trong Javascript
67	Hàm Date.getTime() trong Javascript
68	Hàm Date.getTimezoneOffset() trong Javascript
69	Hàm Date.getUTCDate() trong Javascript
70	Hàm Date.getUTCDay() trong Javascript
71	Hàm Date.getUTCFullYear() trong Javascript
72	Hàm Date.getUTCHours() trong Javascript
73	Hàm Date.getUTCMilliseconds() trong Javascript
74	Hàm Date.getUTCMinutes() trong Javascript
75	Hàm Date.getUTCMonth() trong Javascript
76	Hàm Date.getUTCSeconds() trong Javascript
77	Hàm Date.now() trong Javascript
78	Hàm Date.parse() trong Javascript
79	Hàm Date.setDate() trong Javascript
80	Hàm Date.setFullYear() trong Javascript
81	Hàm Date.setHours() trong Javascript
82	Hàm Date.setMilliseconds() trong Javascript
83	Hàm Date.setMinutes() trong Javascript
84	Hàm Date.setMonth() trong Javascript
85	Hàm Date.setSeconds() trong Javascript
86	Hàm Date.setTime() trong Javascript
87	Hàm Date.setUTCDate() trong Javascript
88	Hàm Date.setUTCFullYear() trong Javascript
89	Hàm Date.setUTCHours() trong Javascript
90	Hàm Date.setUTCMilliseconds() trong Javascript
91	Hàm Date.setUTCMinutes() trong Javascript
92	Hàm Date.setUTCMonth() trong Javascript
93	Hàm Date.setUTCSeconds() trong Javascript
94	Hàm Date.toDateString() trong Javascript
95	Hàm Date.toISOString() trong Javascript
96	Hàm Date.toJSON() trong Javascript
97	Hàm Date.toJSON() trong Javascript
98	Hàm Date.toLocaleDateString() trong Javascript
99	Hàm Date.toLocaleTimeString() trong Javascript
100	Hàm Date.toLocaleString() trong Javascript
101	Hàm Date.toString() trong Javascript
102	Hàm Date.toTimeString() trong Javascript
103	Hàm Date.toUTCString() trong Javascript
104	Hàm Date.UTC() trong Javascript
105	Hàm Date.valueOf() trong Javascript
Math function
106	Hàm Math.abs() trong Javascript
107	Hàm Math.acos() trong Javascript
108	Hàm Math.asin() trong Javascript
109	Hàm Math.atan() trong Javascript
110	Hàm Math.atan2() trong Javascript
111	Hàm Math.ceil() trong Javascript
112	Hàm Math.exp() trong Javascript
113	Hàm Math.floor() trong Javascript
114	Hàm Math.log() trong Javascript
115	Hàm Math.max() trong Javascript
116	Hàm Math.min() trong Javascript
117	Hàm Math.pow() trong Javascript
118	Hàm Math.random() trong Javascript
119	Hàm Math.round() trong Javascript
120	Hàm Math.sin() trong Javascript
121	Hàm Math.cos() trong Javascript
122	Hàm Math.sqrt() trong Javascript
123	Hàm Math.tan() trong Javascript
Global function
124	Hàm decodeURI() trong Javascript
125	Hàm decodeURIComponent() trong Javascript
126	Hàm encodeURI() trong Javascript
127	Hàm encodeURIComponent() trong Javascript
128	Hàm eval() trong Javascript
129	Hàm isFinite() trong Javascript
130	Hàm isNaN() trong Javascript
131	Hàm Number() trong Javascript
132	Hàm parseFloat() trong Javascript
133	Hàm parseInt() trong Javascript
134	Hàm String() trong Javascript
Boolean function
135	Hàm boolean.toString() trong Javascript
136	Hàm boolean.valueOf() trong Javascript
DOM function
137	Hàm appendChild trong Javascript - Thêm một node vào vị trí cuối cùng
138	Cách dùng parentElement trong Javascript
139	Cách dùng parentNode trong Javascript
140	Cách dùng insertAfter trong Javascript
141	Cách dùng insertBefore trong javascript
142	Cách dùng innerHTML trong Javascript
143	Cách dùng insertAdjacentHTML trong javascript
144	Cách dùng nextSibling trong javascript
145	Document activeElement trong Javascript
146	Document adoptNode() trong Javascript
147	Document anchors() trong Javascript
148	Document baseURI trong Javascript
149	Document.body trong Javascript
150	Document characterSet trong Javascript
151	Document createAttribute() trong Javascript
152	Hàm document.createComment() trong Javascript
153	Hàm document.createDocumentFragment() trong Javascript
154	Hàm document.createElement() trong Javascript
155	Hàm document.createTextNode() trong Javascript
156	Hàm document.doctype trong Javascript
157	Hàm document.documentElement trong Javascript
158	Hàm document.documentMode trong Javascript
159	Hàm document.documentURI trong Javascript
160	Hàm document.domain trong Javascript
161	Hàm document.embeds trong Javascript
162	Hàm document.forms trong Javascript
163	Hàm document.hasFocus() trong Javascript
164	Hàm document.head trong Javascript
165	Hàm document.images trong Javascript
166	Hàm document.implementation trong Javascript
167	Hàm document.importNode() trong Javascript
168	Hàm document.inputEncoding trong Javascript
169	Hàm document.lastModified trong Javascript
170	Hàm document.links trong Javascript
171	Hàm document.normalize() trong Javascript
172	Hàm document.scripts trong Javascript
173	Hàm document.querySelector() trong Javascript
174	Hàm document.readyState trong Javascript
175	Hàm document.removeEventListener() trong Javascript
176	Hàm document.querySelectorAll() trong Javascript
177	Hàm document.title trong Javascript
178	Hàm document.URL trong Javascript
179	Hàm document.write() trong Javascript
180	Hàm document.writeln() trong Javascript
181	Hàm document.getElementById() trong Javascript
182	Hàm document.getElementsByClassName() trong Javascript
183	Hàm document.getElementsByName() trong Javascript
184	Hàm document.getElementsByTagName() trong Javascript

Bài xem nhiều

Các hàm xử lý chuỗi trong Javascript (cắt / tách / nối chuỗi ..)

Bài trước chúng ta đã tìm hiểu về chuỗi trong javascript nhưng đó chỉ là…

Các sự kiện (Event) trong Javascript

Đáng lẽ bài này mình sẽ tiếp tục giới thiệu với các bạn DOM nhưng…

Hàm alert() - confirm() - prompt() trong javascript

Hôm nay chúng ta sẽ tìm hiểu đến hai hàm rất thông dụng và hữu…

Javascript là gì? Tìm hiểu ngôn ngữ lập trình javascript

Trong bài này chúng ta sẽ tìm hiểu khái niệm Javascript là gì ...

Các cách khai báo biến trong Javascript

Trong bài này ta sẽ tìm hiểu các khai báo biến và gán giá trị…

Hàm setTimeout() và setInterval() trong Javascript

Trong bài này chúng ta tìm hiểu hai hàm thường dùng để xử lý thời…

Function trong Javascript - cách tạo hàm và gọi hàm trong JS

Hàm là một phương pháp lập trình truyền thống và thường được ứng dụng trong…

Cách kiểm tra số nguyên dương trong javascript

Cách dùng thẻ img trong HTML và các thuộc tính của img

Có câu "một website đẹp phải có hình ảnh, bổ cục rõ ràng và nhiều…

Lệnh if else trong javascript (dùng để rẻ nhánh chương trình)

Câu lệnh if else dùng để kiểm tra một mệnh đề nào đó có đúng…

Khai báo và duyệt mảng trong javascript

Việc xử lý mảng trong javascript cũng quan trọng như xử lý mảng trong PHP…

Bài 02: Sử dụng @Media CSS tạo Responsive cho Website

Trong bài này mình sẽ giới thiệu tới các bạn một thuộc tính trong CSS3…

ReactJS là gì? Các khái niệm cần biết trước khi học React JS

Tìm hiểu về Props trong ReactJS

Cài đặt môi trường chạy ReactJS

Các toán tử trong Javascript

Bài này mình không trình bày các khái niệm như "toán tử là gì? biểu…

Thẻ a trong HTML và các thuộc tính của thẻ a thường dùng

Trong một website luôn tồn tại các link liên kết với ..

Xử lý chuỗi (string) trong Javascript

Như vậy là ta đã tìm hiểu các kiến thức riêng của javascript như DOM,…

Học Javascript