Share Khóa Học Front End Telos Cho Ui Ux Design

Giới thiệu khóa học Front End Telos

Minutop xin Chia Sẻ Khóa Học Front End TelosCho Ui Ux Design Của Telos.
Khóa học Front End Telos cho designer là một khóa học hướng tới việc giúp người học có những kiến thức thiết thực nhất để có thể biến ý tưởng thiết kế của mình thành một sản phẩm cụ thể bằng việc lập trình. Dù bạn là designer bay bổng, thì coding, developing không hề là một công cụ gì quá xa vời mà rất dễ tiếp thu và nắm bắt.

Khóa học Front End Telos sẽ giúp bạn

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 Front End Telos 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 Front End Telos 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.
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

Ai nên tham gia khóa học Front End Telos

Tất cả ai có nhu cầu học

Nội dung khóa học Front End Telos

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