Môn học mới
Thiết kế Giao diện Website toàn phần (Layout UX/UI với Figma + HTML, CSS, JQuery)

  • Sử dụng Figma là công cụ chính để thiết kế giao diện cho Website (cá nhân hoặc doanh nghiệp) chuẩn UI/UX, kết hợp thêm vài lợi ích từ phần mềm Photoshop để gia tăng trải nghiệm người dùng, và luôn cập nhật xu hướng thiết kế web theo phong cách sáng tạo kết hợp với ngôn ngữ HTML5, CSS3 tạo nên giao diện web bắt mắt, chuẩn hiện đại
  • Khóa học luôn cập nhật các xu hướng thiết kế giao diện mới hiện nay trên thế giới, cũng như ứng dụng thiết kế giao diện (layout web) tích hợp trải nghiệm người dùng (UI/UX) mới nhất
  • Nắm được khái niệm và cách ứng dụng hình ảnh vào việc sắp xếp bố cục, lựa chọn màu sắc, hình ảnh chủ đạo cho giao diện Web,…
  • Thiết kế được giao diện Web UXUI bằng Figma hoàn chỉnh
  • Sử dụng thành thạo ngôn ngữ thiết kế Web (HTML – CSS - JQuery)
  • Sử dụng thành thạo CSS FrameWork (Bootstrap)
  • Khóa học layout Figma là nền tảng cho quá trình thiết kế web sau này.
  • Chứng nhận khóa học do Trung Tâm Tin Học Trường ĐH KHTN, ĐHQG-HCM cấp.

Môn 1: Thiết kế giao diện Web UI/UX với Figma:

- Giới thiệu Figma – Các công cụ cơ bản

  • Giới thiệu và cài đặt
  • Công cụ Shape tool
  • Công cụ Text Tool
  • Tô màu đơn sắc
  • Tô màu chuyển sắc
  • Effect

- Pen Tool trong Figma

- Grid và Component

  • Giới thiệu và cách thiết lập Grid
  • Giới thiệu Component
  • Variant
  • Boolean
  • Instant Swap
  • Text

- Constraints và Auto Layout

  • Cách thiết lập và sử dụng Constraints
  • Cách thiết lập và sử dụng Auto Layout

- Màu sắc và Text trong thiết kế Web

  • Khái niệm màu và các phối màu
  • Tỷ lệ màu trong thiết kế Web
  • Color Style
  • Khái niệm và cách kết hợp font chữ
  • Typescale – Tỷ lệ font chữ
  • Text style

- Sitemap và WireFrame

- Prototype

  • Interaction
  • Overlay

- Animation web

- Smart Animate

- Thực hành thiết kế Ứng dụng Web

Môn 2: Thiết kế Web với DreamWeaver (HTML5, CSS3)
 
- Giới thiệu ngôn ngữ HTML – các thẻ cơ bản
  • Ngôn ngữ HTML
  • Cấu trúc trang HTML
  • Các thẻ cơ bản (p, heading, div, a, img, ul, ol, section, article, aside)

- Định dạng CSS

  • Inline Style
  • Internal
  • External
  • Class
  • Id

- Thuộc tính CSS3

  • Transition
  • Animation
  • Flexbox
  • Shadow

- Grid và xây dựng Grid

  • Khái niệm Grid
  • Thiết lập Grid

- Thực hành: Thiết kế giao diện Trang chủ

- Form

  • Input
  • Thiết kế Form đăng ký
  • Thiết kế Form đăng nhập
  • Thiết kế Form nhập liệu

- Ngôn ngữ Javascript

- Ngôn ngữ Jquery

 

  • Thời gian học: ~ 3 tháng (64 giờ)
  • Học phí: 3.900.000Đ
 
LỊCH KHAI GIẢNG Xem thêm
Môn học mới

Học phí: 3.900.000đ - Nhận ƯU ĐÃI HỌC PHÍ khi ghi danh online +  hoàn tất ​trước khai giảng 02 ngày

 

  • Cấp độ: cho người mới bắt đầu
  • Môn học: Layout web UI/UX với Figma + HTML 5, CSS3, JQuery
LớpThời gianNgày khai giảngĐịa điểm học 
MTWTP_294S246Thứ 2-4-6 (08:30 - 11:30)13/05/202421-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_294S357AThứ 3-5-7 (08:30 - 12:00)28/05/202421-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_294SCCNChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)19/05/202421-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_294T24Thứ 2-4 (18:00 - 21:00)13/05/202421-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_294T35Thứ 3-5 (18:00 - 21:00)14/05/202421-23 Nguyễn Biểu, Q.5Đăng ký
MTWTP_294S246OThứ 2-4-6 (08:30 - 11:30)13/05/2024OnlineĐăng ký
MTWTP_294S357AOThứ 3-5-7 (08:30 - 12:00)28/05/2024OnlineĐăng ký
MTWTP_294SCCNOChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)19/05/2024OnlineĐăng ký
MTWTP_294T35OThứ 3-5 (18:00 - 21:00)14/05/2024OnlineĐăng ký
CÁC MÔN HỌC LIÊN QUAN
ai
Trung Tâm Tin Học
ai
Trung Tâm Tin Học
Chào mừng bạn đến với Trung Tâm Tin Học.
Bạn đang cần hỗ trợ thông tin gì ạ? Hãy Chat ngay với chúng tôi nhé.