CSS BEM Là Gì? Đặt Tên CSS Class Theo Tiêu Chuẩn BEM

Trong bài này chúng ta sẽ cùng tìm hiểu tiêu chuẩn BEM là gì và cách đặt tên class trong css/html như thế nào nhé. Sau khi xem xong video video này (Tiêu chuẩn CSS BEM là gì) các bạn hãy xem các videos thực hành dưới đây nhé:
1. Thực hành BEM level 1: https://youtu.be/k1ZH5Mlj3tw
2. Thực hành BEM level 2: https://youtu.be/7c7ABhaQJGM
3. Khi các Block lồng nhau thì đặt tên như thế nào?: https://youtu.be/IddL557icoc

Tham gia các khóa học MIỄN PHÍ tại F8 tại đây nhé (đã quyết định theo thì hãy cố gắng đến cùng):
1. Kiến thức & cái nhìn tổng quan về ngành: https://fullstack.edu.vn/courses/less…
2. Code giao diện trang web với HTML, CSS: https://fullstack.edu.vn/courses/html…
3. Xử lý hiển thị tốt giao diện trên nhiều thiết bị khác nhau (responsive): https://fullstack.edu.vn/courses/resp…
4. Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/java…
5. Lập trình Javascript nâng cao: https://fullstack.edu.vn/courses/java…
6. Lập trình Backend với Node & ExpressJS: https://fullstack.edu.vn/courses/nodejs
—

Phân đoạn trong video:
00:00 – Giới thiệu
01:00 – BEM là gì? Ý nghĩa BEM là gì?
03:34 – Tại sao phải dùng BEM?
04:32 – Cú pháp BEM như thế nào?
09:48 – Tính ứng dụng của BEM?
12:51 – Nhược điểm của BEM?
13:16 – Khi nào sử dụng BEM là phù hợp?
14:09 – Giới thiệu phần thực hành BEM

Bạn muốn học lập trình hiệu quả hơn không?
Hãy học tại trang web http://fullstack.edu.vn thay vì Youtube. Lý do tại sao mời bạn bấm vào đây: https://www.youtube.com/watch?v=f5hbmw7Ba7c

#hoclaptrinh #frontend #html-css #javascript #backend #devops
—————————————

☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh: http://bit.ly/2Wsuhet
Công cụ đo đạc giao diện web: http://bit.ly/3muevdD
Công cụ viết CV xin việc chuyên nghiệp: https://mycv.vn

☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (http://bit.ly/34rl0Yr)
Tự động đóng thẻ: Auto Close Tag (http://bit.ly/3mwoJue)
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (http://bit.ly/3nB0ADS)
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (http://bit.ly/37wgXfC)
Icon theme: Material Icon Theme (http://bit.ly/37ukU4b)
Hiển thị thông tin Git (commit, author, …): Gitlens (http://bit.ly/3gYlaf9)

☻ Khóa học lập trình web MIỄN PHÍ:
Kiến thức cơ bản, cốt lõi cho dân IT: https://fullstack.edu.vn/courses/lessons-for-newbie
HTML, CSS từ zero đến Hero: https://fullstack.edu.vn/courses/html-css
Xây dựng web responsive: https://fullstack.edu.vn/courses/responsive-web-design
Lập trình Javascript cơ bản: https://fullstack.edu.vn/courses/javascript-co-ban
Xây dựng web với Node & Express: https://fullstack.edu.vn/courses/nodejs
HTML, CSS tips: https://fullstack.edu.vn/courses/html-css-tutorials
Ứng dụng cảnh báo khi sờ lên mặt: https://fullstack.edu.vn/courses/tool-canh-bao-so-len-mat
Xem thêm tại: https://fullstack.edu.vn/courses

☻ Chú ý :
– Không văng tục chửi bậy, bình luận có văn hóa.
– Không hỏi khi chưa xem xong video.
Sai phạm sẽ được mời khỏi kênh.

☻ F8 là nơi học lập trình để đi làm!
Tại sao bạn nên học lập trình tại đây? Ở đây chúng tôi có:
– Nội dung bài học chỉn chu và chi tiết giúp học viên hiểu từ cái gốc
– Kỹ năng sư phạm khác biệt từ người dạy giúp học viên có thêm nhiều động lực
– Hình ảnh và âm thanh chất lượng cao giúp học viên thêm hứng thú

🍺 Buy me a beer
https://www.buymeacoffee.com/f8official

F8 Official
(c) Sơn Đặng
Website: https://fullstack.edu.vn
Facebook cá nhân: https://facebook.com/sondnmc
Nhóm Học Lập Trình Web: https://www.facebook.com/groups/f8official
Email: sondnf8@gmail.com