Thiết kế Web với Flexbox, Bootstrap và Semantic UI

5 (1 rating)

0 learner

Last updates 08/2025

Course description

Trong khóa học này, bạn sẽ được học những bài học về thiết kế giao diện với Flexbox cùng với 2 framework rất nổi tiếng là Bootstrap và Semantic UI. Thực hiện các project đơn giản là thiết kế các layout website chuyên nghiệp và responsive.

This course is for?

Những người muốn bắt đầu con đường front-end hoặc full-stack web developer
Sinh viên ngành CNTT đi theo con đường web developer

What will you get if you sign up for this course?

Bạn sẽ biết cách sử dụng một số công cụ tuyệt vời nhất hiện nay để thiết kế nhanh chóng các giao diện website.
Bạn sẽ có được những kiến thức liên quan đến thiết kế web và các framework cần thiết để thực hiện điều này.
Bạn sẽ sở hữu kỹ năng cơ bản cần thiết để trở thành một designer chuyên nghiệp.
Bạn sẽ trở thành một designer chuyên nghiệp với những công cụ hiện đại.

Course contents

Giới thiệu về khóa học

1 bài học thử

1. Giới thiệu khóa học

CSS nâng cao với Flexbox

2 bài học thử

2. Giới thiệu phần 1 Flexbox
3. Giới thiệu Flexbox: Hiểu Flexbox, các khái niệm, công cụ sử dụng trong khóa học
4. Thiết lập phần tử chứa (phần tử cha)
5. Thiết lập Direction và Width
6. Thiết lập Wrap và flex-flow
7. Canh lề và khoảng cách giữa các phần tử con
8. Các thuộc tính của điều khiển việc thay đổi kích thước phần tử con
9. Xây dựng cấu trúc layout
10. Layout cho phần tiêu đề
11. Layout cho phần Giới thiệu
12. Layout cho phần các bài viết
13. Layout cho phần footer
14. Làm cho Layout trở nên responsive

Thiết kế Web với Bootstrap 5

15. Giới thiệu phần 2 - Bootstrap
16. Duyệt qua trang Web của Bootstrap
17. Cài đặt Bootstrap
18. Cơ bản về hệ thống Grid System
19. Grid System nâng cao
20. Làm việc với Column
21. Định dạng văn bản
22. Button và Card
23. Hình ảnh
24. Khoảng cách và một số tiện ích
25. Bảng (Table)
26. Alert và Toast

Thiết kế Web với Semantic UI

27. Giới thiệu phần 3 - Semantic UI
28. Duyệt qua Semantic UI Website
29. Cài đặt Semantic UI
30. Layout với Semantic UI
31. Giới thiệu các thành phần trong Semantic UI
32. Giới thiệu project sẽ thực hiện
33. Bắt đầu Xây dựng trang login
34. Trang trí trang login cho đẹp hơn
35. Thực hiện kiểm tra dữ liệu người dùng
36. Bắt đầu xây dựng trang Admin
37. Xây dựng cột các đơn hàng
38. Xây dựng cột các khách hàng
39. Xây dựng cột các sản phẩm
40. Trang trí trang Admin

Tổng kết

41. Tổng kết khóa học

Student reviews

5/5

1 Review and comment

100%
0%
0%
0%
0%

Phan Nguyễn Tường Individual customer

Student did not write any content

Course detail

41 Lesson
5.2 hour
Learn online anytime, anywhere
Study on computer, mobile phone

Đinh Nguyễn Trọng Nghĩa

5 (5 rating)