Thiết kế Web với Flexbox, Bootstrap và Semantic UI
Khóa học chỉ dành cho nội bộ doanh nghiệp
Mô tả khóa học
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.
Khóa học này dành cho
- 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
Bạn sẽ nhận được gì nếu đăng ký khóa học này
- 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.
Nội dung khoá học
Giới thiệu về khóa học
-
1. Giới thiệu khóa học
CSS nâng cao với Flexbox
-
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
Đánh giá của học viên
5/5
1 Đánh giá và nhận xét
-
100%
-
0%
-
0%
-
0%
-
0%
Phan Nguyễn Tường Khách hàng cá nhân
Khóa học chỉ dành cho nội bộ doanh nghiệp
Chi tiết khóa học
-
41 Bài giảng
-
5 giờ 11 phút
-
Học online mọi lúc, mọi nơi
-
Học trên máy tính, điện thoại
Đinh Nguyễn Trọng Nghĩa
English
3f5c.png)
Korean
d84a.png)
中文
fe06.png)
Japan
