{"id":469284,"date":"2020-12-15T13:30:13","date_gmt":"2020-12-15T13:30:13","guid":{"rendered":"https:\/\/www.wacoca.com\/anime\/469284\/"},"modified":"2020-12-15T13:30:13","modified_gmt":"2020-12-15T13:30:13","slug":"css-bem-la-gi-dat-ten-css-class-theo-tieu-chuan-bem","status":"publish","type":"post","link":"https:\/\/www.wacoca.com\/anime\/469284\/","title":{"rendered":"CSS BEM L\u00e0 G\u00ec? \u0110\u1eb7t T\u00ean CSS Class Theo Ti\u00eau Chu\u1ea9n BEM"},"content":{"rendered":"<p><iframe loading=\"lazy\"  width=\"580\" height=\"385\" src=\"https:\/\/www.youtube.com\/embed\/v1hSncGZg24\" frameborder=\"0\" allowfullscreen><\/iframe><br \/>\n<br \/>\nTrong b\u00e0i n\u00e0y ch\u00fang ta s\u1ebd c\u00f9ng t\u00ecm hi\u1ec3u ti\u00eau chu\u1ea9n BEM l\u00e0 g\u00ec v\u00e0 c\u00e1ch \u0111\u1eb7t t\u00ean class trong css\/html nh\u01b0 th\u1ebf n\u00e0o nh\u00e9. Sau khi xem xong video video n\u00e0y (Ti\u00eau chu\u1ea9n CSS BEM l\u00e0 g\u00ec) c\u00e1c b\u1ea1n h\u00e3y xem c\u00e1c videos th\u1ef1c h\u00e0nh d\u01b0\u1edbi \u0111\u00e2y nh\u00e9:<br \/>\n1. Th\u1ef1c h\u00e0nh BEM level 1: https:\/\/youtu.be\/k1ZH5Mlj3tw<br \/>\n2. Th\u1ef1c h\u00e0nh BEM level 2: https:\/\/youtu.be\/7c7ABhaQJGM<br \/>\n3. Khi c\u00e1c Block l\u1ed3ng nhau th\u00ec \u0111\u1eb7t t\u00ean nh\u01b0 th\u1ebf n\u00e0o?: https:\/\/youtu.be\/IddL557icoc<\/p>\n<p>Tham gia c\u00e1c kh\u00f3a h\u1ecdc MI\u1ec4N PH\u00cd t\u1ea1i F8 t\u1ea1i \u0111\u00e2y nh\u00e9 (\u0111\u00e3 quy\u1ebft \u0111\u1ecbnh theo th\u00ec h\u00e3y c\u1ed1 g\u1eafng \u0111\u1ebfn c\u00f9ng):<br \/>\n1. Ki\u1ebfn th\u1ee9c &#038; c\u00e1i nh\u00ecn t\u1ed5ng quan v\u1ec1 ng\u00e0nh: https:\/\/fullstack.edu.vn\/courses\/less&#8230;<br \/>\n2. Code giao di\u1ec7n trang web v\u1edbi HTML, CSS: https:\/\/fullstack.edu.vn\/courses\/html&#8230;<br \/>\n3. X\u1eed l\u00fd hi\u1ec3n th\u1ecb t\u1ed1t giao di\u1ec7n tr\u00ean nhi\u1ec1u thi\u1ebft b\u1ecb kh\u00e1c nhau (responsive): https:\/\/fullstack.edu.vn\/courses\/resp&#8230;<br \/>\n4. L\u1eadp tr\u00ecnh Javascript c\u01a1 b\u1ea3n: https:\/\/fullstack.edu.vn\/courses\/java&#8230;<br \/>\n5. L\u1eadp tr\u00ecnh Javascript n\u00e2ng cao: https:\/\/fullstack.edu.vn\/courses\/java&#8230;<br \/>\n6. L\u1eadp tr\u00ecnh Backend v\u1edbi Node &#038; ExpressJS: https:\/\/fullstack.edu.vn\/courses\/nodejs<br \/>\n&#8212;<\/p>\n<p>Ph\u00e2n \u0111o\u1ea1n trong video:<br \/>\n00:00 &#8211; Gi\u1edbi thi\u1ec7u<br \/>\n01:00 &#8211; BEM l\u00e0 g\u00ec? \u00dd ngh\u0129a BEM l\u00e0 g\u00ec?<br \/>\n03:34 &#8211; T\u1ea1i sao ph\u1ea3i d\u00f9ng BEM?<br \/>\n04:32 &#8211; C\u00fa ph\u00e1p BEM nh\u01b0 th\u1ebf n\u00e0o?<br \/>\n09:48 &#8211; T\u00ednh \u1ee9ng d\u1ee5ng c\u1ee7a BEM?<br \/>\n12:51 &#8211; Nh\u01b0\u1ee3c \u0111i\u1ec3m c\u1ee7a BEM?<br \/>\n13:16 &#8211; Khi n\u00e0o s\u1eed d\u1ee5ng BEM l\u00e0 ph\u00f9 h\u1ee3p?<br \/>\n14:09 &#8211; Gi\u1edbi thi\u1ec7u ph\u1ea7n th\u1ef1c h\u00e0nh BEM<\/p>\n<p>B\u1ea1n mu\u1ed1n h\u1ecdc l\u1eadp tr\u00ecnh hi\u1ec7u qu\u1ea3 h\u01a1n kh\u00f4ng?<br \/>\nH\u00e3y h\u1ecdc t\u1ea1i trang web http:\/\/fullstack.edu.vn thay v\u00ec Youtube. L\u00fd do t\u1ea1i sao m\u1eddi b\u1ea1n b\u1ea5m v\u00e0o \u0111\u00e2y: https:\/\/www.youtube.com\/watch?v=f5hbmw7Ba7c<\/p>\n<p>#hoclaptrinh #frontend #html-css  #javascript #backend #devops<br \/>\n&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;<\/p>\n<p>\u263b Ph\u1ea7n m\u1ec1m s\u1eed d\u1ee5ng trong video:<br \/>\nC\u00f4ng c\u1ee5 d\u1ecbch Ti\u1ebfng Anh: http:\/\/bit.ly\/2Wsuhet<br \/>\nC\u00f4ng c\u1ee5 \u0111o \u0111\u1ea1c giao di\u1ec7n web: http:\/\/bit.ly\/3muevdD<br \/>\nC\u00f4ng c\u1ee5 vi\u1ebft CV xin vi\u1ec7c chuy\u00ean nghi\u1ec7p: https:\/\/mycv.vn<\/p>\n<p>\u263b Ti\u1ec7n \u00edch cho Visual Studio Code:<br \/>\nG\u1ee3i \u00fd code: Tabnine Autocomplete AI (http:\/\/bit.ly\/34rl0Yr)<br \/>\nT\u1ef1 \u0111\u1ed9ng \u0111\u00f3ng th\u1ebb: Auto Close Tag (http:\/\/bit.ly\/3mwoJue)<br \/>\nT\u1ef1 \u0111\u1ed9ng \u0111\u1ed5i t\u00ean th\u1ebb \u0111\u00f3ng\/m\u1edf: Auto Rename Tag (http:\/\/bit.ly\/3nB0ADS)<br \/>\nTh\u00eam m\u00e0u s\u1eafc cho c\u00e1c c\u1eb7p ngo\u1eb7c: Bracket Pair Colorizer (http:\/\/bit.ly\/37wgXfC)<br \/>\nIcon theme: Material Icon Theme (http:\/\/bit.ly\/37ukU4b)<br \/>\nHi\u1ec3n th\u1ecb th\u00f4ng tin Git (commit, author, &#8230;): Gitlens (http:\/\/bit.ly\/3gYlaf9)<\/p>\n<p>\u263b Kh\u00f3a h\u1ecdc l\u1eadp tr\u00ecnh web MI\u1ec4N PH\u00cd:<br \/>\nKi\u1ebfn th\u1ee9c c\u01a1 b\u1ea3n, c\u1ed1t l\u00f5i cho d\u00e2n IT: https:\/\/fullstack.edu.vn\/courses\/lessons-for-newbie<br \/>\nHTML, CSS t\u1eeb zero \u0111\u1ebfn Hero: https:\/\/fullstack.edu.vn\/courses\/html-css<br \/>\nX\u00e2y d\u1ef1ng web responsive: https:\/\/fullstack.edu.vn\/courses\/responsive-web-design<br \/>\nL\u1eadp tr\u00ecnh Javascript c\u01a1 b\u1ea3n: https:\/\/fullstack.edu.vn\/courses\/javascript-co-ban<br \/>\nX\u00e2y d\u1ef1ng web v\u1edbi Node &#038; Express: https:\/\/fullstack.edu.vn\/courses\/nodejs<br \/>\nHTML, CSS tips: https:\/\/fullstack.edu.vn\/courses\/html-css-tutorials<br \/>\n\u1ee8ng d\u1ee5ng c\u1ea3nh b\u00e1o khi s\u1edd l\u00ean m\u1eb7t: https:\/\/fullstack.edu.vn\/courses\/tool-canh-bao-so-len-mat<br \/>\nXem th\u00eam t\u1ea1i: https:\/\/fullstack.edu.vn\/courses<\/p>\n<p>\u263b Ch\u00fa \u00fd :<br \/>\n&#8211; Kh\u00f4ng v\u0103ng t\u1ee5c ch\u1eedi b\u1eady, b\u00ecnh lu\u1eadn c\u00f3 v\u0103n h\u00f3a.<br \/>\n&#8211; Kh\u00f4ng h\u1ecfi khi ch\u01b0a xem xong video.<br \/>\nSai ph\u1ea1m s\u1ebd \u0111\u01b0\u1ee3c m\u1eddi kh\u1ecfi k\u00eanh.<\/p>\n<p>\u263b F8 l\u00e0 n\u01a1i h\u1ecdc l\u1eadp tr\u00ecnh \u0111\u1ec3 \u0111i l\u00e0m!<br \/>\nT\u1ea1i sao b\u1ea1n n\u00ean h\u1ecdc l\u1eadp tr\u00ecnh t\u1ea1i \u0111\u00e2y? \u1ede \u0111\u00e2y ch\u00fang t\u00f4i c\u00f3:<br \/>\n&#8211; N\u1ed9i dung b\u00e0i h\u1ecdc ch\u1ec9n chu v\u00e0 chi ti\u1ebft gi\u00fap h\u1ecdc vi\u00ean hi\u1ec3u t\u1eeb c\u00e1i g\u1ed1c<br \/>\n&#8211; K\u1ef9 n\u0103ng s\u01b0 ph\u1ea1m kh\u00e1c bi\u1ec7t t\u1eeb ng\u01b0\u1eddi d\u1ea1y gi\u00fap h\u1ecdc vi\u00ean c\u00f3 th\u00eam nhi\u1ec1u \u0111\u1ed9ng l\u1ef1c<br \/>\n&#8211; H\u00ecnh \u1ea3nh v\u00e0 \u00e2m thanh ch\u1ea5t l\u01b0\u1ee3ng cao gi\u00fap h\u1ecdc vi\u00ean th\u00eam h\u1ee9ng th\u00fa<\/p>\n<p>\ud83c\udf7a Buy me a beer<br \/>\nhttps:\/\/www.buymeacoffee.com\/f8official<\/p>\n<p>F8 Official<br \/>\n(c) S\u01a1n \u0110\u1eb7ng<br \/>\nWebsite: https:\/\/fullstack.edu.vn<br \/>\nFacebook c\u00e1 nh\u00e2n: https:\/\/facebook.com\/sondnmc<br \/>\nNh\u00f3m H\u1ecdc L\u1eadp Tr\u00ecnh Web: https:\/\/www.facebook.com\/groups\/f8official<br \/>\nEmail: sondnf8@gmail.com<\/p>\n<p>\u00a9 B\u1ea3n quy\u1ec1n thu\u1ed9c v\u1ec1 Channel F8 Official \u261e Do not Reup<br \/>\n\u00a9 Nghi\u00eam c\u1ea5m s\u1eed d\u1ee5ng video nh\u1eb1m m\u1ee5c \u0111\u00edch th\u01b0\u01a1ng m\u1ea1i d\u01b0\u1edbi m\u1ecdi h\u00ecnh th\u1ee9c.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trong b\u00e0i n\u00e0y ch\u00fang ta s\u1ebd c\u00f9ng t\u00ecm hi\u1ec3u ti\u00eau chu\u1ea9n BEM l\u00e0 g\u00ec v\u00e0 c\u00e1ch \u0111\u1eb7t t\u00ean class trong css\/html nh\u01b0 th\u1ebf n\u00e0o <\/p>\n","protected":false},"author":4,"featured_media":469285,"comment_status":"","ping_status":"","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[37524,143614,143615,237363,365918,365919,174860,365916,365917,365921,365915,365922,365923,174859,365926,365928,365920,365925,365927,365924,365914],"class_list":{"0":"post-469284","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-japanese-anime","8":"tag-bem","9":"tag-bem-css","10":"tag-bem-css-tutorial","11":"tag-bem-la-gi","12":"tag-cach-dat-ten-class-trong-css","13":"tag-cach-dat-ten-class-trong-html","14":"tag-css","15":"tag-css-theo-chuan-bem","16":"tag-dat-ten-class-theo-tieu-chuan-bem","17":"tag-dat-ten-class-trong-css-html-nhu-the-nao","18":"tag-dat-ten-css-chuan-bem","19":"tag-f8-official","20":"tag-hoc-lap-trinh","21":"tag-html","22":"tag-html-css-thuc-te","23":"tag-lam-giao-dien-web","24":"tag-lam-sao-dat-ten-class-trong-html-css","25":"tag-lap-trinh-back-end","26":"tag-lap-trinh-co-ban","27":"tag-lap-trinh-front-end","28":"tag-tieu-chuan-bem"},"share_on_mastodon":{"url":"","error":""},"_links":{"self":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/posts\/469284","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/comments?post=469284"}],"version-history":[{"count":0,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/posts\/469284\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/media\/469285"}],"wp:attachment":[{"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/media?parent=469284"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/categories?post=469284"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wacoca.com\/anime\/wp-json\/wp\/v2\/tags?post=469284"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}