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

  • Chương trình học thiết kế ứng dụng web UX/UI thực tế với các sản phẩm minh họa trực quan, sinh động. Học lý thuyết song song với việc thực hành thiết kế liên tục và trao đổi với Giảng viên để học hỏi kinh nghiệm thực tế:
  • Thiết kế giao diện web (layout web) tích hợp trải nghiệm người dùng (UI/UX)

  • 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

  • Thiết kế hoàn chỉnh Website tĩnh

  • Cập nhật xu hướng thiết kế Web mới: Responsive Web với Bootstrap

  • Phù hợp cho người mới bắt đầu

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đ khi ghi danh online +  hoàn tất ​trước ngày 30/11/2023

  • Cấp độ: Khóa học dành cho người mới bắt đầu
  • Môn học: 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_290SCCNChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)03/12/202321-23 Nguyễn Biểu, Q.5Đăng ký
DHW1_290S246AThứ 2-4-6 (08:30 - 12:00)11/12/202321-23 Nguyễn Biểu, Q.5Đăng ký
DHW1_290T24Thứ 2-4 (18:00 - 21:00)29/11/2023227 Nguyễn Văn Cừ, Q.5Đăng ký
DHW1_290SCCNOChủ Nhật (08:30 - 11:30) & (13:30 - 16:30)03/12/2023OnlineĐăng ký
DHW1_290S35OThứ 3-5 (08:30 - 11:30)30/11/2023OnlineĐă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