👉Khóa Học HTML CSS Pro tốt nhất bạn có thể tìm thấy:
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:
2. Thực hành BEM level 2:
3. Khi các Block lồng nhau thì đặt tên như thế nào?:
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:
2. Code giao diện trang web với HTML, CSS:
3. Xử lý hiển thị tốt giao diện trên nhiều thiết bị khác nhau (responsive):
4. Lập trình Javascript cơ bản:
5. Lập trình Javascript nâng cao:
6. Lập trình Backend với Node & ExpressJS:
—
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 thay vì Youtube. Lý do tại sao mời bạn bấm vào đây:
#hoclaptrinh #frontend #html-css #javascript #backend #devops
—————————————
☻ Phần mềm sử dụng trong video:
Công cụ dịch Tiếng Anh:
Công cụ đo đạc giao diện web:
Công cụ viết CV xin việc chuyên nghiệp:
☻ Tiện ích cho Visual Studio Code:
Gợi ý code: Tabnine Autocomplete AI (
Tự động đóng thẻ: Auto Close Tag (
Tự động đổi tên thẻ đóng/mở: Auto Rename Tag (
Thêm màu sắc cho các cặp ngoặc: Bracket Pair Colorizer (
Icon theme: Material Icon Theme (
Hiển thị thông tin Git (commit, author, …): Gitlens (
☻ 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:
HTML, CSS từ zero đến Hero:
Xây dựng web responsive:
Lập trình Javascript cơ bản:
Xây dựng web với Node & Express:
HTML, CSS tips:
Ứng dụng cảnh báo khi sờ lên mặt:
Xem thêm tại:
☻ 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
F8 Official
(c) Sơn Đặng
Website:
Facebook cá nhân:
Nhóm Học Lập Trình Web:
Email: sondnf8@gmail.com
© 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.
👉Khóa Học HTML CSS Pro tốt nhất bạn có thể tìm thấy: https://fullstack.edu.vn/landing/htmlcss
– BEM (Block – Element – Modifier)
– Ý nghĩa:
– Block: Khối
– Element: Thành phần trong khối
– Modifier: Bổ sung ý nghĩa cho block hoặc element (viết thêm 1 class, để bổ sung ý nghĩa)
– Cú pháp
– .block
– .block__element
– .block—modifier
– .block__element—modifier
> Nếu có nhiều block lồng nhau, có thể tách các block con, cháu thành block độc lập. Ví dụ:
.header
⇒ .navbar
⇒ header-search (⇒ header-search__input, header-search__btn)
>
ban oi cho minh hoi lam sao de co the go nhieu dong cung mot luc cung nhu la chon nhieu doi tuong mot luc nhu ban trong vid vay a
Mình ghi chú bằng file Word mà cũng đã 38 trang rồi đó @@
đẹp trai . giọng nói nge hay..sub & like thôi :))
hay qua anh
bổ ích quá, đúng cái em đang tìm
extension nào sửa một lúc nhiều cái vậy anh
khi thầy giáo bảo take note -_- (guilty)
em chao anh
E ms hk và toàn trên web của a chứ cũng hay hk trên youtube,e đag hk khoá html css hero-zero của a n hình như trên web k có mấy bài này phải k a nhỉ
4:03 – dự án thực tế có thể lên đến THẬM CHÍ là dòng code – 😀
Cảm ơn adminn.
Nghe giọng thích quá. Em iu anh
e cài visual sutudio code, nhưng không viết được dấu, a có video hướng dẫn viết dấu trong phần này ko ah
Tks f8 💖
Kênh này dạy hay thật. Bài nào cũng dễ hiểu
Anh có thể làm Về Bootsrap đc không anh?
E có xem một số video sau không biết làm sao anh :
1> Lấy cùng lúc các class có cùng block nhưng khác element or modifier
–>thế thui ak mong ah sớm phản hồi 🙂
sinh viên làm bài nhỏ nhỏ nộp đi xin việc làm thêm. cần thiết bem ko. Bem nên ở mấy bài code 100 dòng đổ lên thôi chứ nhỉ anh. Tại em sinh viên đọc này xong làm bài nhỏ nhỏ mà thấy mình tự nhiên sai sai. kakaka
Rất thích các video của anh. Mong a ra nhiều video nữa để mọi người dc học hỏi ạ.
Thanks f8 rất nhiều!!!!!!
Em có hai câu muốn hỏi ạ:
– Nếu mà tên của block, element hoặc modifier có nhiều hơn 1 kí tự thì mình nên ngăn cách bằng gì ạ, em đọc BEM trên mấy trang rồi mà k thấy nói về vấn đề này.
– Anh làm sao để cùng lúc cuộn ngang cuộn dọc trên editor vậy ạ.
cám ơn anh nhiều nhé
Hay quá, đúng phần em đang tìm hiểu 😀
Ui, sao anh tâm lý vậy ❤️
Nhưng mà viết Sass cũng khắc phục được kha khá việc đặt trùng tên class rồi
Cuối cùng cũng có video mong đợi đây rồi. Thank F8
Hay quá anh ơiii
Đúng chủ đề mn quan tâm luôn a, kênh dạy hay mà nd dạy còn chất lượng nữa
Còn thiếu trường hợp các block con nhỏ trong block__element nữa anh. Mong a sẽ giải thích trong các video sau Hehe :)))
phần này chưa thêm vào khóa học đúng ko anh?