Môn học mới
Kỹ thuật viên Thiết kế Website

Bạn đang tìm kiếm cơ hội để bước chân vào thế giới thiết kế website - nâng cao trải nghiệm người dùng? Khóa học Kỹ thuật viên thiết kế Website UX/UI của Trung Tâm sẽ là điểm khởi đầu hoàn hảo cho hành trình của bạn!

Với phương pháp học tập thực hành và sự hướng dẫn của các giáo viên đầy kinh nghiệm thiết kế thực tế, khóa học này sẽ trang bị cho bạn những kỹ năng cần thiết để bắt đầu sự nghiệp trong lĩnh vực thiết kế web đầy triển vọng, và đặc biệt hoàn toàn phù hợp với người mới bắt đầu làm quen với thiết kế web.

  • Nắm vững nguyên lý thiết kế layout UI/UX
  • Thành thạo các công cụ và ngôn ngữ thiết kế web cơ bản
  • Làm chủ kỹ thuật dựng web tối ưu CSS với SASS/SCSS
  • Tạo ra các trang web thích ứng trên mọi thiết bị
  • Hoàn thành một dự án thực tế, sẵn sàng cho portfolio của bạn

BẠN NHẬN ĐƯỢC GÌ KHI THAM GIA KHÓA HỌC?

  • Thiết kế được giao diện Web UXUI 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)
  • Thành thạo xử lý Javascript (DOM) và sử dụng các Plugin
  • Đủ khả năng ứng tuyển vị trí Front-End Developer
  • Có thể tự đảm nhiệm các dự án Freelancer
  • Thiết kế hoàn chỉnh Website tĩnh
  • Chứng nhận "Kỹ thuật viên Thiết kế Website" do Trung Tâm Tin Học Trường ĐH KHTN, ĐHQG-HCM cấp
  • Cơ hội được hỗ trợ về việc làm sau khi hoàn tất khóa học
  • Xem thêm: SẢN PHẨM HỌC VIÊN sau khóa học TẠI ĐÂY

CHƯƠNG TRÌNH HỌC

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

Môn 3: Ngôn ngữ SASS / SCSS – CSS nâng cao

- Tổng quan SASS

  • Cài đặt môi trường
  • Biến
  • Kiểu dữ liệu
  • Toán tử và nội suy

- Cấu trúc điều kiện và vòng lặp

  • Quy tắc Mixin
  • Cấu trúc điều kiện If else
  • Cấu trúc vòng lặp (While, Each)

- Toán tử

  • Gán
  • Toán học
  • Logic
  • Chuỗi
  • Color

- Nested Rules và Nested Properties

- Hàm trong SASS

- Biên dịch SASS

Môn 4: Thiết kế Web Responsive – Web cho Di động 

  • Khái niệm – Giải pháp thiết kế Web Responsive
  • Giới thiệu và cài đặt Bootstrap 
  • Grid, Utilities
  • Bootstrap  Components
  • JQuery UI - Ứng dụng xử lý Navbar, Dropdown, Accordion …
  • Ứng dụng xây dựng Website TMĐT hoàn chỉnh

Môn 5: Đồ án thiết kế Website Thương mại điện tử

  • Học viên chọn đề tài (tối thiểu 5 trang) và thiết kế giao diện (Figma)
  • Học viên thiết kế giao diện và Prototype
  • Xuất ảnh và Xây dựng Template
  • Xây dựng Trang chủ
  • Xây dựng trang Danh sách sản phẩm
  • Xây dựng trang Sản phẩm chi tiết
  • Xây dựng trang Tin tức và Tin tức chi tiết
  • Chỉnh sửa và hoàn chỉnh đồ án

MỨC ĐẦU TƯ CỦA BẠN DÀNH CHO KHÓA HỌC

  • Khóa học tiêu tốn của bạn 120 giờ và làm hao hụt 7.800.000Đ trong nguồn tài chính
  • Chúng tôi sẽ linh hoạt quỹ thời gian cho bạn trong trường hợp có sự gián đoạn khi tham gia khóa học
  • Hỗ trợ 1.100.000đ học phí khi bạn đăng ký online và hoàn tất ​trước hạn, học phí chính thức 6.700.000đ

​

 
LỊCH KHAI GIẢNG Xem thêm
Môn học mới

Học phí: 7.800.000đ - ƯU ĐÃI: chỉ còn 6.700.000đ trọn khóa học khi ghi danh online +  hoàn tất ​trước khai giảng 02 ngày

  • Cấp độ: Khóa học dành cho người mới bắt đầu
  • Môn học: (môn học phân bổ linh hoạt) Thiết kế giao diện Web UI/UX với Figma, Thiết kế web với ngôn ngữ HTML-CSS-Jquery, Ngôn ngữ SASS / SCSS – CSS nâng cao, Thiết kế Web Responsive – Web cho Di động, Đồ án thiết kế Website Thương mại điện tử 
LớpThời gianNgày khai giảngĐịa điểm học 
DHW1_303S24Thứ 2-4 (08:30 - 11:30)07/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
DHW1_303S357AThứ 3-5-7 (08:30 - 12:00)20/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
DHW1_303SCCNChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)11/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
DHW1_303T24Thứ 2-4 (18:00 - 21:00)07/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
DHW1_303T35Thứ 3-5 (18:00 - 21:00)08/05/202521-23 Nguyễn Biểu, Q.5Đăng ký
DHW1_303S24OThứ 2-4 (08:30 - 11:30)07/05/2025OnlineĐăng ký
DHW1_303S357AOThứ 3-5-7 (08:30 - 12:00)20/05/2025OnlineĐăng ký
DHW1_303SCCNOChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)11/05/2025OnlineĐăng ký
DHW1_303T24OThứ 2-4 (18:00 - 21:00)07/05/2025OnlineĐăng ký
DHW1_303T35OThứ 3-5 (18:00 - 21:00)08/05/2025OnlineĐăng ký
SẢN PHẨM HỌC VIÊN
Owl Image
CÁC MÔN HỌC LIÊN QUAN
Chuyên viên Thiết kế Đồ hoạ & Web
Combo Thiết kế Website (HTML-CSS-JQuery, SASS+SCSS+CSS nâng cao, Responsive)
Thiết kế Giao diện Website toàn phần (Layout UX/UI với Figma + HTML, CSS, JQuery)
Trụ sở chính:
 227 Nguyễn Văn Cừ, P4, Quận 5, Tp HCM
 (028) 38 351 056 (số máy nhánh 111)
Cơ sở:
 21-23 Nguyễn Biểu, P1, Quận 5, Tp HCM
 (028) 38 351 056 (số máy nhánh 222)
Chính sách và quy định chung
 Số ĐKKD 4109000014 cấp ngày 31/08/2010
Copyright © Trung Tâm Tin Học Trường Đại học khoa học Tự nhiên
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é.