Please enable JavaScript.
Coggle requires JavaScript to display documents.
Javascript (How (Học javascript thay thế cho jquery (mục đích để hiểu sâu…
Javascript
How
Học từ đầu
Cài đặt:
Cài 1 editor
sublime text
plugin hỗ trợ
emmet
view in browser
javascritp snippets
Cài đặt 1 template
Học qua bài tập
Học javascript thay thế cho jquery
mục đích để hiểu sâu về javascript
hiểu cách viết hàm
hiêu logic của javascritp
RESEARCH
ARRAY
Creating Arrays
var numbers = [1,2,3,4];
var numbers = new Array();
var numbers = new Array(1,2,3,4);
var numbers = [];
check is an Array
Array.isArray(numbers);
String - Array
Searching for a Value
var names = ["David", "Cynthia", "Raymond", "Clayton"];
var position = names.indexOf(name);
combine 2 Array to new Array
newArray = Array1.concat(Array2);
split 1 Array with splice();
Array = ["Mike", "Clayton", "Terrill", "Raymond", "Cynthia", "Danny", "Jennifer"];
var newArray = Array.splice(3,3);
// newArray: Mike, Clayton, Terrill, Jennifer.
Adding and Removing Elements in an Array
Add +
unshift()
==> + Array[0]
at the first of the Array
push()
==> + Array(last)
at the last of the Array
Remove -
pop()
shift()
LocalStorage
HOW
method() ;
localStorage.getItem()
lấy giá trị ra phải có thêm JSON.parse để convert lại dữ liệu mà sử dụng: JSON.parse(localStorage.getItem('key'));
localStorage.remove()
localStorage.clear()
localStorage.setItem()
vì localStorage chỉ làm việc với String nên khi setItem phải có JSON.stringify(localStorage.setItem('key', value)
localStorage.... : :(key, value)
'key' có dấu nháy là chỉ định chính xác key nào trong bộ key của localStorage. key (không có dấu nháy) là bộ key, khi đó sử dụng vòng lặp for để duyệt key.
WHAT
remembering shopping cart items
remembering a user is logged
DOM
document.querySelector() --> lấy dc 1 mảng.
document.querySelectorAll
gọi được bất kỳ phần tử nào theo kiểu cha - con. Rất mạnh.
mạnh hơn document.getElementsByClassName
document.getElementsByTagName
document ready: mục đích để nội dung html load OK hoàn toàn rồi mới tới các Events(load javascript): click chuột, di chuyển chuột, cuộn chuột ... để không bị lỗi.
document.getElementById('test') ==> cũng sẽ trả về 1 mảng dù ID chỉ là 1.
what
khóa học này là gì
Học từ đầu ngôn ngữ javascript
coi như đã biết cơ bản về html/css/bootrap
Học phần lý thuyết
Học qua các bài tập để hiểu lý thuyết
Học Javascript cho phần frontend thay thế cho jquery
why
javascript là nền tảng cho các công nghệ mới hiện nay
javascript viết cho front end
angular js (Google)
jquery
...
javascript cho backend
react js (Facebook)
node js