Tìm hiểu về cú pháp BEM trong lập trình Website với CSS. Học về ngôn ngữ tiền xử lý SASS và SCSS, cách sử dụng SASS/SCSS và BEM
Thông Tin Tổng Quan Và Kiến Thức
Nội dung chi tiết, từ khóa liên quan đến kiến thức lập trình cụ thể và các thông tin về ngôn ngữ lập trình đã nhắc đến trong buổi học này gồm có:
- Hướng dẫn cách sử dụng cú pháp BEM.
- Giới thiệu ngôn ngữ tiền xử lý SASS và SCSS.
- Thực hành ví dụ: Cover, Sticky Footer, Sticky Footer NavBar.
- Học về position trong CSS.
- Học về CSS Border Radius.
- Sử dụng Icon với Font Awesome.
- Lập trình giao diện website sử dụng SASS/SCSS và cú pháp BEM.
Nguồn Tham Khảo Chính Trong Buổi Học
Tài liệu cần phải tham khảo để nắm được các thông tin đã học, dựa trên nguồn tài liệu cơ bản này để có thể tìm kiếm, tự nâng cao kiến thức lập trình.
Nguồn tài liệu, link tải phần mềm,… tương đối chính xác và hữu ích dựa trên sự tổng hợp của mình:
- Thông tin buổi học trước: Lập Trình Website với CSS Framework Bootstrap 4 – HTML 4 – https://namcoi.com/lap-trinh-website-voi-css-framework-bootstrap-4-html-4/
- Cú pháp BEM: http://getbem.com/
- Ngôn Ngữ tiền xử lý SASS và SCSS: https://sass-lang.com
- CSS Border Radius: https://www.w3schools.com/cssref/css3_pr_border-radius.asp
- Bootstrap 4 Cover example: https://getbootstrap.com/docs/4.3/examples/cover/
- Bootstrap 4 Sticky Footer: https://getbootstrap.com/docs/4.3/examples/sticky-footer/
- Bootstrap 4 Sticky Footer NavBar: https://getbootstrap.com/docs/4.3/examples/sticky-footer-navbar/
- Css Position: https://www.w3schools.com/css/css_positioning.asp
- Font Awesome: https://fontawesome.com/
Yêu Cầu Cần Thực Hiện Sau Buổi Học
Những yêu cầu, bài tập phải thực hiện và tìm hiểu thêm để đảm bảo chất lượng trong quá trình học lập trình website bao gồm:
- Thực hiện bài tập Sign-In: https://getbootstrap.com/docs/4.3/examples/sign-in/
- Thực hiện bài tập Checkout: https://getbootstrap.com/docs/4.3/examples/checkout/
- Đọc trước thông tin buổi học tiếp theo: Lập trình giao diện Website – Responsive Web Design – HTML 6 – https://namcoi.com/lap-trinh-giao-dien-website-responsive-web-design-html-6/
Kiến Thức Bổ Trợ
Kiến Thức Bổ Trợ Phải Tham Khảo Cho Lập Trình Viên Website
Phần này bao gồm các bài báo, bài viết, thông tin chia sẻ, kiến thức kèm theo, kiến thức bổ trợ cho quá trình học lập trình.
Các bài viết được chia sẻ bám sát với quá trình học và từ các nguồn thông tin có uy tín, đã được kiểm duyệt:
- Tìm hiểu về BEM trong 15 phút https://viblo.asia/p/tim-hieu-ve-bem-trong-15-phut-924lJOk65PM
- Tìm hiểu về BEM – Hiểu đúng nguyên tắc https://viblo.asia/p/tim-hieu-ve-bem-hieu-dung-nguyen-tac-gAm5y9bw5db
- SASS và SCSS- Bạn chọn gì? (Part 1) https://viblo.asia/p/sass-va-scss-ban-chon-gi-part-1-gAm5yR1XKdb
- Tìm hiểu thuộc tính position trong CSS https://viblo.asia/p/tim-hieu-thuoc-tinh-position-trong-css-jvElaPvoZkw
- Font Awesome là gì? Cách sử dụng Font Awesome https://freetuts.net/font-awesome-la-gi-cach-su-dung-font-awesome-510.html
Lập trình Website cần thời gian, óc sáng tạo và kỹ năng tìm kiếm.
Lập Trình Viên cần có sự cố gắng, kiên trì và không ngừng nỗ lực.
Chúc các bạn may mắn và thành công trong môn học Lập Trình Ứng Dụng Website với PHP & MySQL tại Softech Aptech Đà Nẵng.