DOM( document object model). Dom elements: lưu trữ các thành phần vào documents của website Dom HTML: có thể thay đổi thuộc tính nội dụng của tag html Dom css: có thể thay đổi định dạng css của tag html Dom events: nắm bắt các sự kiện onchange, onclick mà đc user trigger Dom listener: lắng nghe các sự kiện được tác động vào elements
em học mấy lần trước ko ghi chép lại nên cứ quên sạch, lần này em ghi lại hết tất cả những gì a Sơn lưu ý cho, chú thích từng chút mong sẽ nhớ lâu hơn ạ
Khi bạn truyền course vào component Course, component sẽ không hiểu course là một object chứa các thuộc tính, và sẽ không thể truy cập các thuộc tính đó. Khi bạn truyền course vào component như vậy, trong component Course, course sẽ là một prop chứa giá trị của đối tượng được truyền vào, nhưng không phải là một object. Do đó, bạn không thể lấy các thuộc tính của course ra và sử dụng chúng trong component. Khi bạn cố gắng lấy thuộc tính của course , bạn sẽ gặp lỗi vì course không phải là một object. Trong khi đó, khi bạn truyền {course } vào component Course, trong component Course, {course } sẽ được giải thích là một object chứa các thuộc tính của đối tượng được truyền vào. Vì vậy, bạn có thể sử dụng cú pháp destructuring để lấy các thuộc tính của course ra và sử dụng chúng trong component.
@@anhphuong1480 Mình nghĩ là có thể truyền thẳng từ course xuống app mà ko cần qua trung gian CourseItem. Còn map thì mình nghĩ không dùng được ở CourseItem vì hàm đó là hàm để khai báo các prop cần lấy ra để sử dụng. Các thuộc tính đó là duy nhất.
mình đang bị 1 lỗi là khi mình save code trong các dòng code sẽ tự động tràn theo hàng ngang và do đó jsx bị lỗi, mọi người cai biết cách fix lỗi này không cho mình xin cách với !
Vì expression thì nó sẽ thực thi ngay bạn. Đưa cho nó cái hàm thì ok bạn nhé, hàm đó sẽ được gọi khi click. Còn viết như bạn nếu thì log() nó được gọi luôn rồi
nói nôm na là khi chạy trên trình duyệt, nó sẽ đọc code của bạn từ trên xuống, thì đơn nhiên nó đọc đến đâu thì nó thực thi đến đấy. Nhưng riêng về hàm, thì nó sẽ không thực thi ngay cho đến khi được gọi. Việc click vào element thì nó mới gọi hàm, lúc đó nó mới chạy. Vì thế phải truyền vào nó là hàm chứ không phải code thẳng vào đó đâu
Bạn ơi đừng nặng lời, em ý còn đang đi học THPT, em ý đam mê nên tự mày mò học. Hỏi như vậy cũng vì em ý chưa có biết thôi, mong anh em nhẹ nhàng giải thích nhé. F8er nên biết thông cảm vì ai ai cũng đã từng là người chưa biết gì mà.
Video #2 mình sẽ đăng sớm sau khi render xong nhé, nhiều việc quá chưa làm kịp anh em ạ. Sorry anh em nha 😍😍
Coi video anh cứ xin lỗi hoài ngại quá 😳
ok anh
DOM( document object model).
Dom elements: lưu trữ các thành phần vào documents của website
Dom HTML: có thể thay đổi thuộc tính nội dụng của tag html
Dom css: có thể thay đổi định dạng css của tag html
Dom events: nắm bắt các sự kiện onchange, onclick mà đc user trigger
Dom listener: lắng nghe các sự kiện được tác động vào elements
ở Nhật bên Nhật vẫn theo dõi và học từng video của anh Sơn :))
em học mấy lần trước ko ghi chép lại nên cứ quên sạch, lần này em ghi lại hết tất cả những gì a Sơn lưu ý cho, chú thích từng chút mong sẽ nhớ lâu hơn ạ
Ủng hộ anh và tutorial này
thong thả thôi anh ơi, cảm ơn anh rất nhiều ạ
anh ơi cho e hỏi, xem tham số truyền vào eventHandler ở đâu ạ, ví dụ thẻ onChange thì tham số truyền vào hàm là gì, có những att nào aj
Hay quá !!!!
Anh làm về async await function và API đi ạ :'((
Bạn học khóa js cơ bản có ấy bạn.
@@ThienNguyen-ec7le async function await ấy, kiểu như chuyển function thành Promise mà không cần return new Promise ấy.
cũng dễ mà bạn
a Sơn đang đi từ từ mà bạn, có phải là thích làm về cái gì là ra cái đó đâu
2:24 thẻ img là thẻ "TỰ ĐÓNG"
chỗ phút 9: 57 a cóbảo là truyền callback là như nào v ạ
em làm với map được rồi nhưng em thử với forEach thì sao không được ạ mn
const Inf = ({ inf }) => (
{inf.name}
{inf.description}
);
//đổ dữ liệu
function Appl(){
return
{ara.map((props) => (
)
)}
}
đoạn này có nghĩa là sao anh? em chưa hiểu ạ. Mong anh reply
Cái code trong video chỗ hình lấy ở đây vậy F8
ok a ui
10:05 Dùng prettier cho đỡ lăng tăng 😂
biết config max-props-per-line kết hợp giữa prettier và eslint không bạn, chỉ mình với!
Lấy json này thì em làm đc còn việc call API online thì làm như nào vậy anh
cung cau hoi
cmt đầu :Awesome:
up
tại sao đối số không phải là course mà lại là {course} ạ
Khi bạn truyền course vào component Course, component sẽ không hiểu course là một object chứa các thuộc tính, và sẽ không thể truy cập các thuộc tính đó. Khi bạn truyền course vào component như vậy, trong component Course, course sẽ là một prop chứa giá trị của đối tượng được truyền vào, nhưng không phải là một object.
Do đó, bạn không thể lấy các thuộc tính của course ra và sử dụng chúng trong component. Khi bạn cố gắng lấy thuộc tính của course , bạn sẽ gặp lỗi vì course không phải là một object.
Trong khi đó, khi bạn truyền {course } vào component Course, trong component Course, {course } sẽ được giải thích là một object chứa các thuộc tính của đối tượng được truyền vào. Vì vậy, bạn có thể sử dụng cú pháp destructuring để lấy các thuộc tính của course ra và sử dụng chúng trong component.
function CourseItem({ data }) {
return (
alert(data.title)}>{data.title}
{data.description}
{data.students_count}
);
}
Cho em hỏi là mình dùng map ở trong function component CourseItem được k ạ
với cho em hỏi là thay vì bốc tách từng dữ liệu bằng map ở funnction App() mình truyền thẳng mảng Corses vào được ạ.
@@anhphuong1480 Mình nghĩ là có thể truyền thẳng từ course xuống app mà ko cần qua trung gian CourseItem. Còn map thì mình nghĩ không dùng được ở CourseItem vì hàm đó là hàm để khai báo các prop cần lấy ra để sử dụng. Các thuộc tính đó là duy nhất.
mình đang bị 1 lỗi là khi mình save code trong các dòng code sẽ tự động tràn theo hàng ngang và do đó jsx bị lỗi, mọi người cai biết cách fix lỗi này không cho mình xin cách với !
@Mr. Bug là sao vậy bạn nhỉ
tại sao viết như này nó lại k bắt sự kiện click mà nó log hết các element v ạ
hieu
Vì expression thì nó sẽ thực thi ngay bạn. Đưa cho nó cái hàm thì ok bạn nhé, hàm đó sẽ được gọi khi click. Còn viết như bạn nếu thì log() nó được gọi luôn rồi
@@F8VNOfficial hic em chưa hiểu lắm ạ
{console.log(123)}}>hieu. Thay thành như này nhé bạn
nói nôm na là khi chạy trên trình duyệt, nó sẽ đọc code của bạn từ trên xuống, thì đơn nhiên nó đọc đến đâu thì nó thực thi đến đấy. Nhưng riêng về hàm, thì nó sẽ không thực thi ngay cho đến khi được gọi. Việc click vào element thì nó mới gọi hàm, lúc đó nó mới chạy. Vì thế phải truyền vào nó là hàm chứ không phải code thẳng vào đó đâu
Anh ơi,em rất thích khóa học reactjs ,nhưng em đang học khóa html và css.Làm sao để học cả 2 hả anh?
Cứ từ từ, khoá JavaScript 1 năm trước tận bây giờ vẫn rất chất lượng, nên học từ từ thôi, ReactJS vài tháng sau cũng vẫn là thịnh hành, đừng lo
@dareTr cảm ơn bạn nhiều.
@@ndqitvn ok,cảm ơn bạn
Bạn ơi đừng nặng lời, em ý còn đang đi học THPT, em ý đam mê nên tự mày mò học. Hỏi như vậy cũng vì em ý chưa có biết thôi, mong anh em nhẹ nhàng giải thích nhé. F8er nên biết thông cảm vì ai ai cũng đã từng là người chưa biết gì mà.
@@F8VNOfficial Thầy có khác hahaha