• Tinh thần chung
• Phạm vi
• Đầu ra
• Các tiêu chuẩn
• Công nghệ
• Quy trình
• Kiến thức cần học

Tóm tắt: bạn sẽ cần clone full source dự án (bao gồm cả source wordpress về), nhưng chỉ cần làm việc trong thư mục static.

Tinh thần chung

1. Frontend dev cần tự test khối giao diện của mình trước khi giao cho team backend
2. Khối giao diện phải giống chính xác như thiết kế, tối thiểu với độ rộng màn hình giống trong thiết kế (VD: thiết kế ở chiều rộng màn hình 1440px, thì khối giao diện cũng phải chính xác như vậy trên màn hình 1440px, các chiều rộng khác có thể tuỳ biến responsive)
3. Mọi công việc cần được quản lý thông qua task trên Bitrix, khi làm việc phải nhấn tracking giờ theo task.

Phạm vi

• Phát triển các block giao diện theo yêu cầu của team backend
• Sửa các lỗi phát sinh trên frontend

Đầu ra

Là các file PHP, CSS, JS theo cấu trúc quy định

Các tiêu chuẩn

1. Responsive: hiển thị tốt trên các view width: 480, 640, 768, 1024, 1280, 1366, 1440 trở lên
2. Micro interaction: cần có các hiệu ứng khi hover lên đối tượng, một số hiệu ứng sẽ được quy định trong file thiết kế
3. Không mắc lỗi CLS (Cumulative Layout Shift), xem thêm
4. Đặt đầy đủ các biến PHP

Công nghệ

• CSS: TailwindCSS V3
• JS: jQuery, AlpineJS

Quy trình

1. Frontend dev nhận yêu cầu từ backend (cần code những khối nào trên thiết kế)
2. Frontend dev clone source chuẩn về và bắt đầu code
3. Frontend dev push code vào cuối ngày vào repo & cập nhật tiến độ bằng cách comment vào task
4. Khi hoàn tất, frontend dev hoàn thành task tương ứng, nếu có ghi chú gì thì comment vào task.

Kiến thức cần học