Responsive Web Design and UI/UX: From Figma to HTML, CSS, and Bootstrap (bằng tiếng Anh). — PickAClass
4.3 (7) ⏱ 2 giờ 54 phút 📚 29 bài 🎧 Phiên bản âm thanh

Responsive Web Design and UI/UX: From Figma to HTML, CSS, and Bootstrap (bằng tiếng Anh).

Học cách thiết kế giao diện người dùng đẹp trong Figma và chuyển chúng thành các trang web dễ tiếp cận, dễ tiếp xúc bằng HTML, CSS, JavaScript và Bootstrap.

  • 💬 Giảng viên AI
    Hỏi về bất kỳ bài học nào và nhận câu trả lời rõ ràng ngay lập tức, mọi lúc.
  • 🕐 Bắt đầu bất cứ lúc nào
    Không lịch trình hay hạn chót — học theo nhịp của bạn, bất cứ khi nào.
  • 🌐 Bằng tiếng Việt
    Bài học, bài tập và chứng chỉ — tất cả hoàn toàn bằng ngôn ngữ của bạn.

Về khóa học này

Đóng khoảng cách giữa thiết kế thị giác sáng tạo và mã phía trước sạch sẽ là một trong những kỹ năng có giá trị nhất trong phát triển web hiện đại. Chương trình này hướng dẫn bạn qua toàn bộ quá trình tạo ra giao diện người dùng tuyệt vời và biến chúng thành các trang web phản hồi. Bạn sẽ chuyển từ hiểu các nguyên tắc thiết kế cốt lõi sang viết mã có cấu trúc. Bằng cách học cách nghĩ như một nhà thiết kế và một nhà phát triển, bạn sẽ có thêm tự tin để khái niệm hóa các bố cục trong Figma và xây dựng chúng bằng các tiêu chuẩn web hiện đại. Bạn sẽ học được: - Hiểu các nguyên tắc thiết kế UI / UX cơ bản, typography, lý thuyết màu, và wireframing. - Tạo bố cục linh hoạt trong Figma bằng cách sử dụng các công cụ hiện đại như Auto Layout và thư viện thành phần. - Dịch các thiết kế thị giác thành HTML và CSS sạch sẽ, ngữ nghĩa bằng cách sử dụng Flexbox và Grid. - Tạo các bố cục hoàn toàn đáp ứng và di động đầu tiên sử dụng hệ thống lưới Bootstrap. - Apply cơ bản accessibility tiêu chuẩn để đảm bảo thiết kế và mã của bạn là bao gồm. - Thực hiện JavaScript cơ bản để xử lý các sự kiện DOM và thêm chuyển tiếp tương tác vào trang web của bạn. Chuyến đi bắt đầu với các khái niệm thiết kế cơ bản và kiến thức cơ bản về Figma trước khi tiến hành viết mã. Bạn sẽ đọc qua các lời giải thích chi tiết, nghiên cứu các đoạn mã rõ ràng, và thực hành xây dựng bố cục phản hồi từng bước một. Lớp học này được thiết kế đặc biệt cho người mới bắt đầu không có kinh nghiệm trước đó trong thiết kế hoặc mã hóa. Bắt đầu hành trình của bạn để trở thành một nhà thiết kế-nhà phát triển đa năng hôm nay.

Bạn sẽ nhận được

  • 📜 Chứng chỉ hoàn thành
    Thêm vào hồ sơ LinkedIn
  • 💬 Gia sư AI cá nhân
    Bí ở một bài học? Hỏi gia sư tích hợp của bạn bất cứ điều gì, bất cứ lúc nào.
  • 🎧 Bao gồm phiên bản âm thanh
    Học mọi lúc mọi nơi — không cần màn hình
  • ♾️ Truy cập trọn đời
    Quay lại bất cứ lúc nào, không hết hạn
  • 📱 Điện thoại hoặc máy tính
    Hoạt động mọi nơi, mọi thiết bị
  • 💸 Hoàn tiền 14 ngày
    Không cần lý do
  • Ngắn gọn, đi vào trọng tâm
    2 giờ 54 phút nội dung thực hành

Chứng chỉ hoàn thành

Mỗi khóa bạn hoàn thành trên PickAClass cấp một chứng chỉ như thế này — nguyên bản, có mã riêng, xác minh được qua URL và chi tiết về điều thực sự được thể hiện.

P
PickAClass
Hồ sơ kỹ năng · xác minh được
Tài liệu
Chứng nhận Thành thạo
Chứng nhận rằng
Họ và Tên
đã chứng minh thành công sự thành thạo về
Responsive Web Design and UI/UX: From Figma to HTML, CSS, and Bootstrap (bằng tiếng Anh).
Kỹ năng đã thể hiện
Phân tích mô hình hành vi
Nền tảng
1.2 giờ
Khung kiến trúc quyết định
Thành thạo
1.4 giờ
Thiết kế kiểm tra A/B
Thành thạo
1.7 giờ
Viết quảng cáo hành vi
Nâng cao
1.9 giờ
P
PickAClass — Họ và Tên
Responsive Web Design and UI/UX: From Figma to HTML, CSS, and Bootstrap (bằng tiếng Anh).
Trang 2/2
Chi tiết hiệu suất
Tóm tắt bài học
Bài học hoàn thành 14 / 14
Câu hỏi luyện tập 26 / 28
Bài tập đã nộp 4 (TB 4,5 / 5)
Dự án capstone Đã đánh giá — 4,6 / 5
Tổng luyện tập 6.2 giờ
Mốc hiệu suất
Hạng trong nhóm Top 12% trong 1,625
Thời gian hoàn thành 11 ngày (trung vị: 22)
Điểm thành thạo 91 / 100
Điểm câu hỏi luyện tập 94%
Xác minh kỹ năng Lộ trình Kỹ năng đã xác minh
Xác minh chứng chỉ này
pickaclass.com/certificates/PCC-2026-X4F7-AP19
Cấp theo chuẩn học thuật của PickAClass. Cấp độ kỹ năng phản ánh hiệu suất được đánh giá theo khung năng lực của khóa. Đây là chứng chỉ gốc của nền tảng này.

Đánh giá (7)

Katerina Petridou GR Học viên đã xác minh
★ 3 · 17.07.2026

Wow, tôi ấn tượng. Các ứng dụng thực tế được trình bày thực sự hữu ích. Làm cho các ý tưởng trừu tượng trở nên hữu hình. Giá trị tuyệt vời!

إبراهيم الغانم KW Học viên đã xác minh
★ 5 · 01.07.2026

Đây chính xác là những gì tôi cần. Cách tiếp cận từng bước đã mang lại hiệu quả tuyệt vời cho phong cách học tập của tôi. Cảm thấy đầy cảm hứng!

Niamh Doyle IE Học viên đã xác minh
★ 4 · 15.06.2026

Giới thiệu tốt. Tôi đánh giá cao các bước rõ ràng, mặc dù một số mô-đun sau có thể cần thêm ví dụ.

Gila Stern IL Học viên đã xác minh
★ 5 · 12.06.2026

Đúng cái mình cần luôn. Thích các ví dụ thực tế, chúng thực sự giúp củng cố các khái niệm.

خديجة DZ Học viên đã xác minh
★ 5 · 10.06.2026

Tài liệu hữu ích. Cấu trúc phần lớn là logic. Có thể không dành cho người mới bắt đầu hoàn toàn.

Claudia Guerrero PE
★ 3 · 08.06.2026

Đây là một phần giới thiệu khá ổn. Có thể thêm nhiều ví dụ đa dạng hơn và cải thiện luồng giữa các mô-đun một chút.

Александр Кузнецов RU Học viên đã xác minh
★ 5 · 29.05.2026

Thiết kế khóa học xuất sắc. Cách các khái niệm xây dựng lẫn nhau rất liền mạch. Rất thực tế và giải thích rõ ràng.

Viết đánh giá

Sau khi gửi, chúng tôi sẽ yêu cầu đăng nhập — bản nháp được lưu.

Học viên cũng học

Câu hỏi thường gặp

Tôi cần gì để học khóa này? +

Chỉ cần điện thoại hoặc máy tính có kết nối internet. Không cần cài đặt hay thiết bị đặc biệt.

Tôi thanh toán bằng cách nào? +

Bằng thẻ qua Stripe. Chúng tôi không lưu thông tin thẻ — Stripe xử lý an toàn.

Tôi có thể được hoàn tiền không? +

Có — hoàn tiền đầy đủ trong 14 ngày, không cần lý do.

Tôi sẽ có quyền truy cập trong bao lâu? +

Mãi mãi. Sau khi mua, khóa học là của bạn để xem lại bất cứ lúc nào.

Tôi có nhận được chứng chỉ không? +

Có. Sau khi hoàn thành, bạn sẽ nhận được chứng chỉ và có thể thêm vào hồ sơ LinkedIn.

Dành cho người học trong
Công nghệ Thiết kế Tài chính Marketing Y tế Giáo dục Khách sạn-Dịch vụ Sản xuất