Click chuột lên hình để phóng to
Chia Sẻ Khóa Học Front End Cho Ui Ux Design Của Telos.
Mã sản phẩm:
9059358918982885199
Giới thiệu khóa học Chia Sẻ Khóa Học Front End Cho Ui Ux Design Của Telos. Khóa học Front-end cho designer là một khóa học hướng t...
Thông tin chi tiết
Giới thiệu khóa học
Chia Sẻ Khóa Học Front End Cho Ui Ux Design Của Telos.Khóa học Front-end 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 sẽ giúp bạnThay 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.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
Chia Sẻ Khóa Học Front End Cho Ui Ux Design Của Telos.
Khóa học Front-end 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 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 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.
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ọcTất cả ai có nhu cầu học
Ai nên tham gia khóa học
Tất cả ai có nhu cầu học
Nội dung khóa họcBuổ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ànhBUỔ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• ResponsiveBUỔ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ảnBUỔ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 HTMLBUỔ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
Nội dung khóa 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
Share Khóa Học Front End Cho Ui Ux Design Của Telos
 |
| Share Khóa Học Front End Cho Ui Ux Design Của Telos |