KHÓA HỌC FRONT-END CHO DESIGNER
VÌ SAO LẠI PHẢI HỌC?
Thay vì phải bỏ chi phí và thời gian để hiểu hết về thế giới lập trình. Ở khóa học này chúng ta sẽ đi sâu vào loại hình công cụ cơ bản nhất để bạn có thể nhanh chóng tạo ra một sản phẩm “đủ xài” với một designer.
Khóa học cũng cung cấp cho bạn một lối tư duy lập trình thiết thực để hiểu rõ được bức tranh chung về xây dựng website, giúp bạn hiểu và đồng hành cùng coder trong các sản phẩm sau này.
Có thêm một kỹ năng khiến bạn có thêm lợi thế cạnh tranh, có thêm công cụ để hoàn thành những ý tưởng của mình.
NỘI DUNG KHOÁ HỌC
BUỔI 1
HTML
• Giới thiệu tổng quan kiến trúc Frontend, thuật ngữ
• Kiểm tra code trên trình duyệt
• Layout trên web
• Cú pháp HTML
• Cài đặt phần mềm
• Thực hành
BUỔI 2
CSS
• Cú pháp CSS
• Selector (class, id)
• Thuộc tính, độ ưu tiên
• Định kiểu cho các thành phần html
• Layout đơn giản từ Figma
• Responsive
BUỔI 3
Sử dụng CSS Framework
• Giới thiệu TailwindCSS
• Cài đặt TailwindCSS
• Dàn layout
• Định kiểu theo thiết kế
BUỔI 4
CSS Framework, hiệu ứng với CSS và Javascript
• Định kiểu theo thiết kế
• CSS animation
• Link javascript vào HTML
• Sử dụng javascript animation framework để tạo hiệu ứng đơn giản
BUỔI 5
Thực hành convert Figma sang HTML
• Convert thiết kế profile cá nhân (Figma) sang HTML, CSS, JS
• Convert một landing page sang HTML
BUỔI 6
Thực hành convert Figma sang HTML & Deploy lên online
• Convert một landing page sang HTML
• Tên miền và hosting
• Triển khai online
RỒI HỌC XONG ĐƯỢC GÌ?
• Học viên demo được sản phẩm thiết kế bằng HTML
• Hiểu rõ cách làm việc của HTML, CSS
• Có kiến thức căn bản về javascript, cách các hiệu ứng vận hành
• Dùng CSS để định kiểu các thành phần trên trang theo thiết kế đơn giản. Hình thành tư duy hệ thống cho thiết kế
• Tạo được một trang web mang tính cách cá nhân, hiện thực hóa được chính thiết kế của mình