Nam Còi
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng
Không Có Kết Quả
Xem Tất Cả Kết Quả
Nam Còi
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng
Không Có Kết Quả
Xem Tất Cả Kết Quả
Nam Còi
Không Có Kết Quả
Xem Tất Cả Kết Quả
Trang Chủ Khóa Học Aptech PHP

Ngôn ngữ tiền xử lý SCSS và cú pháp BEM trong lập trình Website – HTML 5

bởi Nguyễn Hải Nam
28/04/2020
trong Aptech PHP
0 0
0
Nhập môn Lập Trình Website với HTML CSS và JavaScript

Nhập môn Lập Trình Website với HTML CSS và JavaScript

3
Chia Sẻ
720
Lượt Xem

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.
HTML 5, CSS 3, Bootstrap 4 Và Cắt Trang Web Từ File Thiết Kế

Khóa Học HTML 5, CSS 3, Bootstrap 4 Và Cắt Trang Web Từ File Thiết Kế

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.

Thẻ: aptechhtmlNhập Môn Lập Trình Web
Bài Trước Đó

Lập Trình Website với CSS Framework Bootstrap 4 – HTML 4

Bài Tiếp Theo

Lập trình giao diện Website – Responsive Web Design – HTML 6

Liên Quan

Khóa Học Lập Trình Website với PHP, MySQL và Laravel
Aptech PHP

Đồ Án Website PHP Framework Laravel và MySQL

05/05/2020
Lập Trình Ứng Dụng Web với PHP, MySQL và Laravel

Ôn Tập Môn Học Lập Trình Ứng Dụng Website Với PHP & MySQL – PHP 15

28/04/2020
Lập Trình Ứng Dụng Web với PHP, MySQL và Laravel

Xây dựng Website Với Blade Templates Trong Laravel – PHP 14

28/04/2020
Bài Tiếp Theo
Nhập môn Lập Trình Website với HTML CSS và JavaScript

Lập trình giao diện Website - Responsive Web Design - HTML 6

Discussion about this post

Hình Ảnh Logo Của Laravel PHP Framework

Tổng hợp câu lệnh trong Laravel PHP Framework

10/08/2021
Nhập môn Lập Trình Website với HTML CSS và JavaScript

Ngôn ngữ tiền xử lý SCSS và cú pháp BEM trong lập trình Website – HTML 5

28/04/2020
Hình Ảnh Logo Của Laravel PHP Framework

Cài đặt, khởi tạo dự án Laravel sử dụng Composer Create-Project

28/10/2019
Hình Ảnh CRUD Trong Lập Trình Website

CRUD Là Gì? Lập Trình Website CRUD? CRUD Database?

09/05/2020
logo composer

Composer là gì? Tải và cài đặt Composer trên Windows

03/10/2019
xampp-logo

Cài đặt XAMPP PHP 7.0 trên Windows 10

13/10/2019
ADVERTISEMENT

Nam Còi Website

Chia sẻ kiến thức và kinh nghiệm về Lập Trình Website & Lập Trình Mobile

Theo Dõi Nam Còi Tại:

  • Nguyễn Hải Nam CV

Bản Quyền © 2018 - 2020 | Nam Còi

Không Có Kết Quả
Xem Tất Cả Kết Quả
  • Trang chủ
  • Lập Trình Website
  • Khóa Học
  • Động Lực
  • Tuyển Dụng

Bản Quyền © 2018 - 2020 | Nam Còi

Welcome Back!

Login to your account below

Forgotten Password? Sign Up

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In