CSS module là gì? | Sử dụng CSS module như thế nào?
HTML-код
- Опубликовано: 11 фев 2025
- 👉 Xem Lộ Trình Học: fullstack.edu....
👉 Đăng Ký Học Offline Tại F8: short.f8team.d...
Trong video này chúng ta sẽ tìm hiểu CSS module là gì? | Sử dụng CSS module như thế nào?
#hoclaptrinh #hoclaptrinhmienphi #javascript #reactjs #frontend #backend #devops #f8
-------
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: s.net.vn/D8kL
Công cụ viết CV xin việc chuyên nghiệp: mycv.vn
--------------
☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức nhập môn: fullstack.edu....
Xây dựng giao diện với HTML, CSS: fullstack.edu....
Xây dựng web responsive: fullstack.edu....
Lập trình Javascript cơ bản: fullstack.edu....
Lập trình Javascript nâng cao: fullstack.edu....
Làm việc với Terminal & Ubuntu: fullstack.edu....
Xây Dựng Website với ReactJS: fullstack.edu....
Xây dựng web với Node & Express: fullstack.edu....
HTML, CSS tips: fullstack.edu....
Ứng dụng cảnh báo khi sờ lên mặt: fullstack.edu....
Xem thêm tại: fullstack.edu....
-------------------------------------
F8 Official
(c) Sơn Đặng
Website: fullstack.edu.vn
Facebook cá nhân: / sondnf8
Nhóm Học Lập Trình Web: / f8official
Email: contact@fullstack.edu.vn
© Bản quyền thuộc về Channel F8 Official ☞ Do not Reup
© Nghiêm cấm sử dụng video nhằm mục đích thương mại dưới mọi hình thức. 
Наука
Thường toàn nói là "CSS mô đun", nay tập gãy lưỡi mà vẫn bị sai 🤣🤣. Anh em tập dùng cho quen để bài sau học sử dụng thư viện classnames và clsx nhé 😘
líu quá anh ơi :>
Đúng tác phong Sơn mọi thứ là phải chuẩn
Bài này đối với e hay quá anh Sơn ạ ... trước toàn mải code mấy cái logic component, lười tìm hiểu về CSS-module quá.
Giờ xem được video này của anh đúng là được khai thông .... thank kiu anh nhiều lắm
Mình tạo ra 2 file components, 1 cái là Paragraph và 1 cái là Heading, sau đó import và component App. Mình đặt trùng tên className cho 2 file ví dụ là "heading". Sau đó mình "css" cho cho cả 2 component và cả App, mỗi cái 1 màu khác nhau, vậy khi xuất ra giao diện thì nó sẽ là màu nào??? Sau khi thay đổi đủ các kiểu mình thấy rằng, khi import file css vào file App, thì cái nào được import sau cùng thì file css của màu đó xuất hiện ra giao diện. Đúng là khi học phải mày mò, làm đủ các kiểu, thay đổi tất cả các trường hợp có thể để hiểu nó chạy như thế nào. Hay!!!
Mọi thứ đang rất tuyệt vời cho đến khi anh nói "mình sẽ tách ra video sau để hướng dẫn các bạn nhớ"
Hic anh sợ dài nhiều bạn ko load kịp ấy. Sorry em nha
@@F8VNOfficial Em cảm ơn anh còn không hết, anh lại còn sorry em.
@@F8VNOfficial Sẵn qua comment em cảm ơn anh vì tất cả những gì anh đã làm cho cộng đồng. Chân thành cảm ơn anh, chúc anh mạnh khỏe và vui vẻ!!!
đoạn đầu cute xỉu nha a =))
Cảm ơn anhh Sơn!
Cảm ơn anh Sơn.
cảm ơn a!
Sao class của mình nó không được đổi lại như trên video mà lại mã hoá hết như thế này "Ntm6Y_jZKK1UZ15YcDml" có cách nào cấu hình config của webpack để class được đổi tên như này không "Button_disabled_6gUj7"
Anh ơi vậy nếu mình dùng bootstrap ví dụ phần tab của bootstrap chẳng hạng khi click vào tab item nó xẽ add class active vào tab item đó. Vậy làm sao style cho class active đó ạ. Chẳng lẽ mình lại phải tự viết lại logic thêm class active. Mong anh giải đáp
mọi người cho mình hỏi đoạn 5:20 nếu tên class có chứa dấu gạch ngang (vd: paragraph-abc) thì truy vấn đến nó kiểu gì nhỉ classname={styles. ? }
Bạn áp dụng kiến thức sử dụng object cơ bản bạn nhé. Bạn có 2 cách để truy cập property của object là object.property hoặc object["property"] bạn nhé.
@@F8VNOfficial Vâng em cảm ơn anh ạ!
em muốn học fullstack ,a có khóa nào dạy ko ạ ,em học online đc ko ạ
Cê ét ét mô đun a ơi :)))
Dùng cách này thì tên class quá dài khiến dung lượng file css tăng lên đáng kể.
Cannot find module './Register.module.css' or its corresponding type declarations
mình bị như này có ai biết không chỉ mình với ạ
Bạn xem lại tên file hoặc đường dẫn file có đúng ko nhé
Anh ơi tách riêng file css như này thì khi responsive cũng làm với từng thành phần hả anh?
cùng câu hỏi, b làm dc chưa chỉ mình với
xem xong vid này của F8 kiểu khai thông thế bế tắc. :))
A ơi web bị die rồi fix sớm đi a
ok anh ma jùuuu
thôi đọc mô đun cho nó nhanh anh ạ :))
Nhưng vấn đề là người xem giờ khó tính em ạ. Đọc sai nhiều người comment rồi, mình cũng nên khó tính để tạo ra được thứ ngày càng chất lượng hơn em.
Ko biết cách phát âm tiếng Anh sao cho đúng thì nên đọc theo kiểu Việt là mô-đun cho mọi người dễ hiểu!
Vâng em cảm ơn góp ý ạ
Nếu dùng BEM thì có cần dùng cái này ko ạ
Không em nhé. CSS module rồi mà còn BEM thì cồng kềnh lắm
quen đặt tên theo bem rồi thì k lo bị trùng tên nữa