=====================JAVASCRIPT==================

bUỔI 1: 1 số hàm built-in

1. Alert. hiển thị cửa sổ nhỏ.
2. Console
3. Confirm: hiển thị ra cửa sổ
4. Prompt: kiểu điền giá trị vào cửa sổ
5. Set timeout: gía trị truyền vào là 1 funtion, truyền time
vào để sau 1 khoảng thời gian thì chạy, chạy 1 lần.
6. Set Interval:

break; thoát khỏi vòng lặp

continue: thoát khỏi lần lặp đó

==========Buổi 13=========
- Bất đồng bộ trong JS
- Đồng bộ: chạy lần lượt
- Bất đồng bộ: tạm gác lại chạy thằng khác
===> đáp vào hàng chờ
==> câu lệnh cơ bản chạy trước, câu lệnh phức tạp chạy sau.
-Xử lý bất đồng bộ: callback, promise, asyn-await
==> promise ứng vs ES5
==> asyn ứng vs ES6
==> callback: function truyền vào function khác đóng như 1 params

=========Buổi 14============
Xử lý callback hell
// calback hell => promise, async await

Promise: lời hứa

=> thành công gọi đến resolve, ngước lại là reject
==> bao gồm 2 thuộc tính then và catch

--Dến phần async await 1:29:30

async await
- chỉ await được function return ra 1 promise
- async await không handle được lỗi nên phải sử dụng try catch để handle lỗi
===API là cục data bên server trả về

--------Class--------
contructor: hàm khởi tạo
new nhảy vào contructor
this là thg class
------Kế thừa(extend)---------
super
instanceof check xem có kế thừa k

========Buổi 15 =================
DOM trong JS, html
Dom listener và dom event khác nhau
click: cliock vào 1 button thì làm 1 việc gì đó.

innerHTML: thay thế giá trị ban đầu

Đến 1:08
local Storage: để lưu dữ liệu có key vào value
key lafd Newtodo
ghi dữ liệu vào local thì set, lấy ra thì get

=======bUỔI 16======
ReactJS là library, phá vỡ giao diện thành các component,
sử dụng Dom ảo tránh tỉa lại trang, react có trigger chỉ xóa 1 phần tử
không cần tải lại toàn bộ phần tử.
- Sử dụng JSX( javascript xml)
xử lý client ===== xử lý server
Library # Framework
library: ngta chỉ xây dựng 1 cái khung thô sơ, nhắm vào jsx và dom ảo, phải add
thêm thư viện
framework gần như là project cover đủ các tính năng của 1 trang cơ bản

--Đường link: development dành cho developer, chỉnh sửa, debug

- Đường link: production khi deloy cho khách hàng xử dụng

babel: công cụ chuyển đổi code

1:50

--Tạo project
npm create-react-app test
cd test
npm start

----JSX-----
// dynamic data được sử dụng trong cặp dấu {}
// get data tư function, biến {}
// thay đổi data => sử dụng event và state
// State là data trong component
// state có thể thay đổi được.

------useState------
thay đổi biến nếu như đó là biến cục bộ
chưá biến và hàm set để thay đổi biến
khi dùng thì sử dụng biến
khi muốn thay đổi thì dùng hàm

===========Buổi 17===========
cài hệ điều hành linux
cấu trúc project
public chứa resources nguồn
======> tạo asserts để chứa ảnh
src chứa source gốc

index.js đang trỏ đến rootcuar index.html==> tức là nó trỏ đến root trong
html để đưa code js vào html==> chỉ đồ source code vào đúng index.html
index.css để chứa code

trong react không dùng class mà dùng className

========import và export=========
export là để cho suất component và có 2 loại là default và const
import là cho phép nhúng vào js nếu default thì khi import đặt tên gì cx dc
nếu là const thì đặt đúng theo tên function

=========Lifecycle================
là thời gian từ lúc component tồn tại cho đến lúc mất đi
Initialization: khi khởi tạo
mounting: call api hoặc làm tất cả những tác vụ khi vừa bắt đầu trang web
updation: khi 1 state thay đổi sẽ làm gì đó
unmounting: khi xóa bỏ

=============Buổi 18=======
style trong JS
style quy hết global
bảo vệ từng component ==> đặt tên import riêng
add thư viện( k nên dùng)

2:08