inflearn logo

Học CSS qua câu chuyện

Đây là khóa học dự án thực tế về việc trang trí đẹp mắt trang web quán cà phê được tạo bằng HTML với CSS. Bạn có thể học một cách tự nhiên tất cả các kiến thức cơ bản về CSS từ màu sắc, bố cục, typography đến Flexbox, Grid, animation, responsive design bằng cách theo dõi câu chuyện của Minji và thầy Code. Chỉ với 4 giờ học tập, ngay cả người mới bắt đầu cũng có thể hoàn thành thiết kế web chuyên nghiệp.

8 học viên đang tham gia khóa học này

Độ khó Nhập môn

Thời gian Không giới hạn

css
css
Responsive Web
Responsive Web
Flex
Flex
css-grids
css-grids
Web Design
Web Design
css
css
Responsive Web
Responsive Web
Flex
Flex
css-grids
css-grids
Web Design
Web Design

Bạn sẽ nhận được điều này sau khi học.

  • Bạn có thể nắm vững tất cả các thuộc tính cơ bản của CSS thông qua các dự án thực tế

  • Có thể hiểu được những kiến thức cơ bản về thiết kế như màu sắc, bố cục, typography và các yếu tố khác

  • Bạn có thể trang trí trang web quán cà phê được tạo bằng HTML một cách thực sự đẹp mắt

  • Bạn có thể học những kiến thức cơ bản về thiết kế web responsive thông qua thực hành

  • Bạn có thể phát triển kỹ năng áp dụng các xu hướng thiết kế web hiện đại

Học CSS qua câu chuyện - Thiết kế trang web quán cà phê của Minji

Đây là khóa học dự án thực tế về việc trang trí đẹp mắt trang web quán cà phê được tạo bằng HTML bằng CSS.

Từ màu sắc, bố cục, typography đến Flexbox, Grid, animation, responsive design

Bạn có thể học tất cả những kiến thức cơ bản về CSS một cách tự nhiên bằng cách theo dõi câu chuyện của Minji và thầy giáo Code!


✨ Điểm đặc biệt của khóa học này

🎭 Học tập Kể chuyện

Theo dõi câu chuyện của Minji và thầy Code để học CSS một cách tự nhiên. Học tập không phải là ghi nhớ máy móc mà là hiểu trong bối cảnh!

🏗️ Dự án Thực tế

Hoàn thành trang web của quán cà phê Code Brew từ đầu đến cuối. Áp dụng ngay lập tức những kiến thức đã học và hoàn thiện portfolio!

📱 Thiết kế responsive

Tạo ra website hiển thị hoàn hảo trên mọi thiết bị từ mobile đến desktop. Học hỏi kỹ năng thiết yếu trong thực tế!

Không chỉ có câu chuyện mà còn có thể gặp các câu hỏi dự kiến và câu trả lời về học tập lý thuyết, cũng như những mẹo hay từ thầy Code

Mini quiz và tóm tắt học tập cũng được tổ chức một cách có hệ thống

🎓 Bạn sẽ học được gì?

Phần 1: Bắt đầu với CSS

  • ✅ Cách kết nối CSS và bộ chọn

  • ✅ Tạo kiểu màu sắc và nền

  • ✅ Trang trí phông chữ và văn bản

Phần 2: Box Model và Layout

  • ✅ Hiểu hoàn hảo về Box Model

  • ✅ Điều chỉnh khoảng trắng và kích thước

  • ✅ Cơ bản về bố trí phần tử

Phần 3: Bố cục hiện đại

  • ✅ Làm chủ Flexbox

  • ✅ Tạo gallery bằng CSS Grid

  • ✅ Bố cục chuyên nghiệp

Phần 4: Tương tác và Hoạt ảnh

  • ✅ Hiệu ứng hover và thay đổi trạng thái

  • ✅ Hoạt ảnh CSS

  • ✅ Hiệu ứng chuyển đổi mượt mà

Phần 5: Thiết kế responsive

  • ✅ Sử dụng media query

  • ✅ Tối ưu hóa di động

  • ✅ Tương thích đa trình duyệt


🎯 Hiệu quả mong đợi sau khi học

Những gì bạn sẽ học được

Nắm vững tất cả các thuộc tính cơ bản của CSS thông qua các dự án thực tế

Hiểu biết cơ bản về thiết kế như màu sắc, bố cục, typography, v.v.

Trang chủ quán cà phê được tạo bằng HTML để trang trí đẹp mắt trong thực tế

Nắm vững kiến thức cơ bản về thiết kế web responsive thông qua thực hành

Khả năng áp dụng các xu hướng thiết kế web hiện đại

Những gì có thể làm sau khi hoàn thành

🚀 Dự án hoàn thiện cao có thể thêm vào portfolio

🚀 Thiết kế trực tiếp trang web cho nhiều ngành nghề khác nhau

🚀 Triển khai với GitHub Pages để vận hành website thực tế

🚀 Nền tảng vững chắc cho việc học bước tiếp theo (JavaScript)

📋 Kiến thức tiên quyết


Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Người mới bắt đầu đã học cơ bản HTML nhưng gặp khó khăn với thiết kế

  • Những người muốn tạo ra website đẹp bằng code

  • Những người muốn biến trang HTML đơn giản thành trang web chuyên nghiệp

  • Những người muốn học cơ bản về thiết kế web

  • Các ông chủ muốn trang trí trang web của quán cà phê, nhà hàng, doanh nghiệp nhỏ một cách đẹp mắt

Cần biết trước khi bắt đầu?

  • Cần có kiến thức cơ bản về HTML! Bạn cần biết cấu trúc cơ bản của thẻ HTML. Hãy học khóa "Học HTML qua câu chuyện" trước, hoặc ít nhất biết các thẻ cơ bản như div, h1, p, a, img là đủ rồi.

Xin chào
Đây là marvin2ai

Xác minh sự nghiệp

377

Học viên

63

Đánh giá

3

Trả lời

4.3

Xếp hạng

6

Các khóa học

Chúng tôi sẽ giúp bạn kiếm tiền bằng AI.

Chương trình giảng dạy

Tất cả

15 bài giảng ∙ (3giờ 51phút)

Tài liệu khóa học:

Tài liệu bài giảng
Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Chưa có đủ đánh giá.
Hãy trở thành tác giả của một đánh giá giúp mọi người!

Khóa học khác của marvin2ai

Hãy khám phá các khóa học khác của giảng viên!

Khóa học tương tự

Khám phá các khóa học khác trong cùng lĩnh vực!

Giảm 25% cho thành viên mới

174.886 ₫

25%

233.176 ₫