Trang web tĩnh cơ bản 03

Code trang LP (Landing page) tĩnh mdm-design.

Ước tính thời gian làm việc	Thời gian làm việc (bao gồm chỉnh sửa)
-	52h

Files thiết kế

👉 mdm-design

PC	SP

Yêu cầu công việc

• Kiểm tra file design (AI) rồi mark up bằng EJS/SCSS. Website tham khảo:
  • EJS - Embedded JavaScript templates
  • Hướng dẫn học SCSS | Học web chuẩn
• Thiết kế CSS theo qui tắc của FLOCSS/BEM và lưu ý đến tính tái sử dụng khi code.
• Phần Youtube, Google map thì code bằng iframe.

Nhiệm vụ và các điểm quan trọng

• Khi xuất file ảnh cần lưu ý đến offset 1px. Đặc biệt, illustrator thường được sử dụng nhiều trong các thiết kế dùng để in ấn nên sẽ xảy ra trường hợp pixel grid không phù hợp (chỉ định bằng mm hoặc pt). Lúc đó, hãy sử dụng pixel preview và cẩn thận không để xảy ra việc chênh lệch "1px" trong file ảnh được xuất ra.
• Tuân thủ qui tắc của FLOCSS/ BEM và đặt tên class CSS sao cho không xảy ra xung đột về tên class trong trường hợp có thêm các trang con được tạo thêm sau này.
• Không lạm dụng properties display: flex trong lúc code. Đối với các phần tử block xếp ngang hàng thì nhiều lúc chỉ cần dùng display: inline-block hoặc float: left là đủ. Nên sử dụng những properties đó một cách hợp lý.