Gitiho contest
Cùng gitiho contest chinh phục kiến thức, khẳng định bản thân với hệ thống bài test phong phú, đầy đủ các chủ đề để bạn khám phá.
Gitiho for leading business
Tối ưu và đơn giản hóa hoạt động đào tạo tại doanh nghiệp. Sẵn sàng nền tảng, nội dung đào tạo cho tất cả các vị trí, bộ phận. Ứng dụng MIỄN PHÍ ngay vào doanh nghiệp chỉ với MỘT click.
Đã được tin tưởng sử dụng bởi các doanh nghiệp
Thiết kế Web với Flexbox, Bootstrap và Semantic UI
-
-
Ngày update
09/2023 -
Học viên đăng ký
9
Top doanh nghiệp đã đăng ký cho nhân viên
Bạn sẽ học được gì?
Khoá học này sẽ có:
Video
5h 11m giờ học
Article
0 bài viết chuyên môn
Material
1 tài liệu đính kèm
Exam questions
0 đề thi ghi nhớ kiến thức
Nội dung khoá học
5 Chương . 41 bài giảng . 5h 11m giờ học
Mở rộng tất cả các phầnGiới thiệu về khóa học
-
1. Giới thiệu khóa họcXem trước03:33
CSS nâng cao với Flexbox
-
2. Giới thiệu phần 1 FlexboxXem trước05:28
-
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ọcXem trước05:27
-
4. Thiết lập phần tử chứa (phần tử cha)06:24
-
5. Thiết lập Direction và Width07:24
-
6. Thiết lập Wrap và flex-flow05:23
-
7. Canh lề và khoảng cách giữa các phần tử con05:28
-
8. Các thuộc tính của điều khiển việc thay đổi kích thước phần tử con09:20
-
9. Xây dựng cấu trúc layout05:44
-
10. Layout cho phần tiêu đề07:40
-
11. Layout cho phần Giới thiệu08:46
-
12. Layout cho phần các bài viết06:04
-
13. Layout cho phần footer06:50
-
14. Làm cho Layout trở nên responsive07:46
Thiết kế Web với Bootstrap 5
-
15. Giới thiệu phần 2 - Bootstrap04:29
-
16. Duyệt qua trang Web của Bootstrap07:00
-
17. Cài đặt Bootstrap05:33
-
18. Cơ bản về hệ thống Grid System12:06
-
19. Grid System nâng cao09:03
-
20. Làm việc với Column06:03
-
21. Định dạng văn bản05:34
-
22. Button và Card09:51
-
23. Hình ảnh06:29
-
24. Khoảng cách và một số tiện ích10:22
-
25. Bảng (Table)07:20
-
26. Alert và Toast09:00
Thiết kế Web với Semantic UI
-
27. Giới thiệu phần 3 - Semantic UI04:59
-
28. Duyệt qua Semantic UI Website08:08
-
29. Cài đặt Semantic UI08:25
-
30. Layout với Semantic UI10:28
-
31. Giới thiệu các thành phần trong Semantic UI11:52
-
32. Giới thiệu project sẽ thực hiện06:14
-
33. Bắt đầu Xây dựng trang login09:53
-
34. Trang trí trang login cho đẹp hơn06:31
-
35. Thực hiện kiểm tra dữ liệu người dùng15:06
-
36. Bắt đầu xây dựng trang Admin05:30
-
37. Xây dựng cột các đơn hàng08:22
-
38. Xây dựng cột các khách hàng09:44
-
39. Xây dựng cột các sản phẩm07:15
-
40. Trang trí trang Admin09:40
Tổng kết
-
41. Tổng kết khóa học05:11
Mô tả khoá 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.
Giảng viên:
-
5 điểm đánh giá
-
3 đánh giá
-
87 học viên
-
9 khóa học
Xin chào, Tôi là Trọng Nghĩa. Tôi thích viết code và cũng thích giúp mọi người viết được code. Tôi đã có hơn 10 năm kinh nghiệm lập trình và giảng dạy. Hiện đang giảng dạy tại bộ môn Khoa học dữ liệu và Trí tuệ nhân tạo.
Tôi có thể hỗ trợ các bạn về các vấn đề liên quan đến AI, Data Science và Full-stack Web developer, với các ngôn ngữ lập trình như python, JavaScript, PHP, C#, java, cùng với các thư viện để thực hiện công việc như Flask, Django, React, Nodejs, …
Hy vọng được kết nối với các bạn ❤️❤️❤️
Học viên cũng mua
Hỏi đáp khóa học
Thảo luận về bài học
2 thảo luận
Nguyễn Thị Mỹ Hậu 16 Jul 2023
Đinh Nguyễn Trọng Nghĩa [Giảng viên] 18 Jul 2023
flexbox là một thành phần của CSS, mình không cần cài thêm phần mềm nào khác. Thông tin đến bạn ^^
Giá ưu đãi chỉ còn 1 ngày
419,000đ
699,000đ
Hoàn tiền nếu không hài lòng
41 bài giảng, 6 giờ học
Học online, mọi lúc mọi nơi
Học trên máy tính, điện thoại
Sở hữu khóa học trọn đời
Đăng ký cho doanh nghiệp
Giúp nhân viên của bạn truy cập không giới hạn 450 khoá học, mọi lúc, mọi nơi
Top
Giấy chứng nhận Đăng ký doanh nghiệp số: 0109077145, cấp bởi Sở kế hoạch và đầu tư TP. Hà Nội
Giấy phép mạng xã hội số: 588, cấp bởi Bộ thông tin và truyền thông