prompts.chatprompts.chatprompts.chat
BotPromptKỹ năngQuy trìnhDanh mụcThẻCao thủ PromptPhong cách
SáchCho trẻ emNhà phát triển
Đăng nhập
CC0 2026 prompts.chat
DeepWikiHướng dẫn...Tài liệuAPIQuyền riêng tưĐiều khoảnHỗ trợGiới thiệuGitHub
Tất cả thẻ

Prompt CSS

42 prompt
Trò chơi Thám hiểm Không gian 3D
Văn bản

Xây dựng một trò chơi thám hiểm không gian 3D sống động

Xây dựng một trò chơi thám hiểm không gian 3D sống động sử dụng Three.js và JavaScript. Tạo một vũ trụ bao la với các hành tinh, ngôi sao và tinh vân được khởi tạo tự động theo thuật toán (procedurally generated). Triển khai hệ thống điều khiển tàu vũ trụ chân thực tuân theo vật lý Newton. Thêm bề mặt hành tinh chi tiết với tính năng tự sinh địa hình và hiệu ứng khí quyển. Tạo các trạm không gian và tiền đồn để giao thương và nhận nhiệm vụ. Triển khai hệ thống thu thập tài nguyên và quản lý khoang hàng hóa. Thêm các chủng tộc người ngoài hành tinh với hành vi và tương tác độc đáo. Tạo hiệu ứng du hành xuyên qua lỗ sâu (wormhole) giữa các hệ sao. Bao gồm hệ thống tùy chỉnh và nâng cấp tàu vũ trụ chi tiết. Triển khai cơ chế khai thác khoáng sản và chiến đấu kèm hiệu ứng vũ khí. Thêm hệ thống nhiệm vụ gắn liền với các yếu tố cốt truyện và mục tiêu cụ thể.
JavaScriptHTMLCSS+1
F@f
0
Trò chơi Bắn súng Góc nhìn Thứ nhất (FPS) 3D
Văn bản

Phát triển một trò chơi bắn súng góc nhìn thứ nhất

Phát triển một trò chơi bắn súng góc nhìn thứ nhất (FPS) sử dụng Three.js và JavaScript. Tạo các mô hình vũ khí chi tiết với hoạt ảnh và hiệu ứng chân thực. Triển khai hệ thống phát hiện va chạm đạn chính xác và tính toán sát thương. Thiết kế nhiều màn chơi với các môi trường và mục tiêu nhiệm vụ đa dạng. Thêm kẻ địch máy (AI) có khả năng tìm đường (pathfinding) và hành vi chiến đấu thông minh. Tạo hiệu ứng hạt cho tia lửa đầu nòng, vết đạn va chạm và các vụ nổ. Triển khai chế độ nhiều người chơi với các mục tiêu theo đội. Bao gồm hệ thống nhặt vũ khí và quản lý túi đồ (inventory). Thêm hiệu ứng âm thanh cho vũ khí, tiếng bước chân và âm thanh môi trường. Tạo hệ thống tính điểm và theo dõi thống kê chi tiết. Triển khai hệ thống phát lại cho camera quay chậm pha hạ gục (kill cams) và những khoảnh khắc nổi bật của trận đấu.
JavaScriptHTMLCSS+1
F@f
0
Trò chơi Đua xe 3D
Văn bản

Tạo một trò chơi đua xe 3D kịch tính

Tạo một trò chơi đua xe 3D kịch tính sử dụng Three.js và JavaScript. Triển khai vật lý phương tiện chân thực với hệ thống giảm xóc (suspension), độ ma sát lốp xe và khí động học. Tạo các mô hình xe hơi chi tiết với màu sơn và các gói nâng cấp có thể tùy chỉnh. Thiết kế nhiều đường đua với địa hình và chướng ngại vật đa dạng. Thêm các đối thủ máy (AI) với các cấp độ khó và hành vi lái xe khác nhau. Triển khai chế độ nhiều người chơi chia đôi màn hình để đua cục bộ trên cùng một máy. Bao gồm giao diện thông số (HUD) toàn diện hiển thị tốc độ, thời gian hoàn thành vòng đua, thứ hạng và bản đồ thu nhỏ. Tạo hiệu ứng hạt cho khói lốp xe, hiệu ứng động cơ và thời tiết. Thêm chu kỳ ngày/đêm động với ánh sáng chân thực. Triển khai các chế độ đua bao gồm đua tính giờ (time trial), giải vô địch (championship) và đua loại trực tiếp (elimination). Bao gồm hệ thống phát lại (replay) với nhiều góc máy quay khác nhau.
JavaScriptHTMLCSS+1
F@f
0
Trò chơi Lật Thẻ bài Trí nhớ
Văn bản

Phát triển một trò chơi lật thẻ bài ghép cặp rèn luyện trí nhớ

Phát triển một trò chơi lật thẻ bài ghép cặp rèn luyện trí nhớ sử dụng HTML5, CSS3 và JavaScript. Tạo các thiết kế mặt thẻ bắt mắt với hiệu ứng lật bài mượt mà. Triển khai các cấp độ khó với kích thước lưới và số lượng thẻ bài khác nhau. Thêm đồng hồ tính giờ và bộ đếm số lượt lật để tính điểm. Bao gồm hiệu ứng âm thanh khi lật thẻ và khi ghép trúng cặp. Triển khai bảng xếp hạng có lưu giữ điểm số bền vững. Thêm tính năng chọn chủ đề với các bộ thiết kế thẻ bài khác nhau. Bao gồm chế độ nhiều người chơi để thi đấu đối kháng. Tạo bố cục đáp ứng tự thích nghi với kích thước màn hình. Thêm các tính năng hỗ trợ tiếp cận để điều hướng bằng bàn phím. Triển khai cơ chế tăng dần độ khó theo tiến trình chơi.
JavaScriptHTMLCSS
F@f
0
Kiểm tra Tốc độ Gõ phím
Văn bản

Xây dựng một bài kiểm tra tốc độ gõ phím tương tác

Xây dựng một bài kiểm tra tốc độ gõ phím tương tác sử dụng HTML5, CSS3 và JavaScript. Tạo giao diện gọn gàng với vùng hiển thị văn bản mẫu và khu vực nhập liệu. Triển khai tính toán số từ mỗi phút (WPM) và độ chính xác theo thời gian thực. Thêm các cấp độ khó với việc lựa chọn văn bản phù hợp. Bao gồm tính năng tô sáng lỗi sai và theo dõi số lần sửa lỗi. Triển khai lịch sử các lần kiểm tra kèm biểu đồ hiệu suất. Thêm tính năng tự tạo bài kiểm tra tùy chỉnh bằng cách nhập văn bản bên ngoài vào. Bao gồm hiển thị bàn phím ảo mô phỏng các phím đang được nhấn. Hỗ trợ nhiều ngôn ngữ và bố cục bàn phím khác nhau. Tạo thiết kế đáp ứng cho mọi thiết bị. Thêm chế độ thi đấu kèm bảng xếp hạng.
JavaScriptHTMLCSS
F@f
0
Trình Rút gọn URL
Văn bản

Xây dựng giao diện frontend cho dịch vụ rút gọn URL

Xây dựng giao diện frontend cho dịch vụ rút gọn URL sử dụng HTML5, CSS3, JavaScript và một API phía backend. Tạo giao diện gọn gàng với ô nhập đường dẫn nổi bật. Triển khai xác thực và làm sạch đường dẫn URL. Thêm tính năng tạo mã QR cho các URL đã rút gọn. Bao gồm bảng điều khiển theo dõi lượt nhấp chuột và phân tích số liệu thống kê. Hỗ trợ tạo tên định danh rút gọn tùy chỉnh (custom alias) cho các URL. Triển khai thiết lập ngày hết hạn cho các liên kết. Thêm tùy chọn bảo vệ bằng mật khẩu đối với các URL nhạy cảm. Bao gồm chức năng sao chép vào bộ nhớ tạm (clipboard) có thông báo xác nhận. Tạo thiết kế đáp ứng cho mọi thiết bị. Thêm lịch sử các URL đã rút gọn kèm tính năng tìm kiếm và lọc.
APIJavaScriptHTML+1
F@f
0
Trò chơi Cờ vua
Văn bản

Phát triển một trò chơi cờ vua giàu tính năng

Phát triển một trò chơi cờ vua giàu tính năng sử dụng HTML5, CSS3 và JavaScript. Tạo bàn cờ chân thực với việc kết xuất hình ảnh quân cờ chuẩn xác. Triển khai đầy đủ luật cờ vua tiêu chuẩn kèm kiểm tra nước đi hợp lệ. Thêm tính năng làm nổi bật nước đi gợi ý và hoạt ảnh di chuyển quân cờ. Bao gồm đồng hồ thi đấu cờ vua với nhiều tùy chọn kiểm soát thời gian. Triển khai ghi chép biên bản ván đấu kèm tính năng xuất tệp định dạng PGN. Thêm tính năng phân tích ván đấu với việc đánh giá chất lượng từng nước đi. Bao gồm đối thủ máy (AI) với các cấp độ khó có thể điều chỉnh. Hỗ trợ chơi trực tuyến qua mạng bằng WebRTC hoặc WebSocket. Thêm thư viện khai cuộc (opening book) và nhận diện các thế cờ phổ biến. Triển khai chế độ giải đấu với nhánh đấu (brackets) và hệ thống tính điểm.
JavaScriptHTMLCSS
F@f
0
Trò chơi Sudoku
Văn bản

Tạo một trò chơi Sudoku tương tác

Tạo một trò chơi Sudoku tương tác sử dụng HTML5, CSS3 và JavaScript. Xây dựng bàn chơi gọn gàng, dễ tiếp cận với các nút điều khiển trực quan. Triển khai nhiều cấp độ khó với các thuật toán khởi tạo câu đố phù hợp. Thêm hệ thống gợi ý với nhiều mức độ trợ giúp khác nhau. Bao gồm chức năng ghi chú nháp cho các con số ứng viên trong từng ô. Triển khai đồng hồ bấm giờ có tính năng tạm dừng và tiếp tục. Thêm kiểm tra lỗi với tùy chọn phản hồi báo sai ngay lập tức. Bao gồm lưu và tải ván chơi với nhiều ô lưu trữ (slots). Tạo tính năng theo dõi thống kê cho số trận thắng, thời gian hoàn thành và các cấp độ khó. Thêm tính năng tạo bản in câu đố ra giấy. Triển khai điều khiển bằng bàn phím và các tính năng hỗ trợ tiếp cận (accessibility).
JavaScriptHTMLCSS
F@f
0
Công cụ Phân tích Văn bản
Văn bản

Xây dựng một công cụ phân tích văn bản toàn diện

Xây dựng một công cụ phân tích văn bản toàn diện sử dụng HTML5, CSS3 và JavaScript. Tạo giao diện gọn gàng với vùng nhập văn bản và bảng điều khiển kết quả. Triển khai đếm số từ, đếm số ký tự và ước tính thời gian đọc. Thêm tính năng chấm điểm mức độ dễ đọc (readability scoring) bằng nhiều thuật toán (Flesch-Kincaid, SMOG, Coleman-Liau). Bao gồm phân tích mật độ từ khóa kèm biểu đồ trực quan hóa. Triển khai phân tích cảm xúc (sentiment analysis) với khả năng nhận diện tông cảm xúc của văn bản. Thêm kiểm tra ngữ pháp và chính tả kèm các gợi ý sửa lỗi. Bao gồm chức năng so sánh văn bản để phát hiện mức độ tương đồng. Hỗ trợ nhiều ngôn ngữ với tính năng tự động nhận diện ngôn ngữ. Thêm chức năng xuất các báo cáo phân tích. Triển khai các công cụ định dạng và làm sạch văn bản.
JavaScriptHTMLCSS
F@f
0
Trình Chỉnh sửa Hình ảnh
Văn bản

Phát triển một trình chỉnh sửa hình ảnh trên nền tảng web

Phát triển một trình chỉnh sửa hình ảnh trên nền tảng web sử dụng HTML5 Canvas, CSS3 và JavaScript. Tạo giao diện chuyên nghiệp với các bảng công cụ và khu vực xem trước. Triển khai các tùy chỉnh cơ bản bao gồm độ sáng, độ tương phản, độ bão hòa màu và độ sắc nét. Thêm các bộ lọc màu với thông số có thể tùy chỉnh và khung xem trước. Bao gồm tính năng cắt cúp (cropping) và thay đổi kích thước với các điều khiển khóa tỷ lệ khung hình. Triển khai tính năng chèn lớp chữ (text overlay) với lựa chọn phông chữ và tạo kiểu. Thêm các công cụ vẽ hình khối với tùy chọn tô màu nền (fill) và đường viền (stroke). Bao gồm quản lý lớp ảnh (layers) với các chế độ hòa trộn. Hỗ trợ xuất hình ảnh ở nhiều định dạng và mức chất lượng khác nhau. Tạo thiết kế đáp ứng thích nghi với kích thước màn hình. Thêm chức năng hoàn tác/làm lại (undo/redo) với lịch sử các trạng thái.
JavaScriptHTMLCSS
F@f
0
Trình Theo dõi Thói quen (Habit Tracker)
Văn bản

Tạo một ứng dụng theo dõi thói quen

Tạo một ứng dụng theo dõi thói quen sử dụng HTML5, CSS3 và JavaScript. Xây dựng giao diện gọn gàng hiển thị các khung nhìn theo ngày, tuần và tháng. Triển khai tính năng tạo thói quen với tần suất thực hiện, lời nhắc nhở và mục tiêu. Thêm tính năng theo dõi chuỗi ngày liên tiếp (streak) với các chỉ báo trực quan và hiệu ứng chúc mừng khi đạt cột mốc. Bao gồm thống kê chi tiết và biểu đồ tiến độ. Hỗ trợ phân loại thói quen theo danh mục và thẻ gắn để dễ quản lý. Triển khai tích hợp lịch để lên thời gian biểu. Thêm trực quan hóa dữ liệu hiển thị các khuôn mẫu hành vi và xu hướng. Tạo thiết kế đáp ứng cho mọi thiết bị. Bao gồm chức năng xuất và sao lưu dữ liệu. Thêm các yếu tố trò chơi hóa (gamification) với hệ thống thành tựu và phần thưởng.
JavaScriptHTMLCSS
F@f
0
Hệ thống Học tập bằng Thẻ ghi nhớ (Flashcard)
Văn bản

Phát triển một hệ thống học tập bằng thẻ ghi nhớ toàn diện

Phát triển một hệ thống học tập bằng thẻ ghi nhớ (flashcard) toàn diện sử dụng HTML5, CSS3 và JavaScript. Tạo giao diện trực quan để tạo thẻ và ôn tập. Triển khai thuật toán lặp lại ngắt quãng (spaced repetition) để tối ưu hóa hiệu quả ghi nhớ. Thêm hỗ trợ chèn văn bản, hình ảnh và âm thanh lên thẻ. Bao gồm phân loại thẻ theo các bộ thẻ (decks) và thẻ gắn (tags). Triển khai các phiên học tập có theo dõi hiệu suất. Thêm tính năng tự đánh giá mức độ thuộc bài theo thang độ tự tin. Tạo bảng điều khiển thống kê hiển thị tiến độ học tập. Hỗ trợ nhập/xuất các bộ thẻ ở những định dạng tiêu chuẩn. Triển khai các phím tắt bàn phím để ôn tập nhanh chóng, hiệu quả. Thêm chế độ nền tối (dark mode) và các chủ đề giao diện có thể tùy chỉnh.
JavaScriptHTMLCSS
F@f
0
Bảng Quản lý Dự án Kanban
Văn bản

Xây dựng bảng quản lý dự án theo phương pháp Kanban

Xây dựng một bảng quản lý dự án Kanban sử dụng HTML5, CSS3 và JavaScript. Tạo bố cục bảng linh hoạt với các cột có thể tùy chỉnh (Cần làm, Đang thực hiện, Đã xong, v.v.). Triển khai tính năng kéo và thả để di chuyển thẻ công việc giữa các cột với hiệu ứng động mượt mà. Thêm tính năng tạo thẻ với định dạng văn bản phong phú, nhãn màu, ngày đến hạn và mức độ ưu tiên. Bao gồm tính năng giao việc cho người dùng kèm ảnh đại diện (avatars) và lọc theo người được giao. Triển khai phần bình luận trong thẻ và lịch sử hoạt động. Thêm khả năng tùy chỉnh bảng với việc sắp xếp lại thứ tự cột và đổi chủ đề màu sắc. Hỗ trợ nhiều bảng dự án với khả năng chuyển đổi nhanh chóng. Triển khai lưu trữ dữ liệu bền vững bằng localStorage kèm chức năng xuất/nhập dữ liệu. Tạo thiết kế đáp ứng thích nghi với các kích thước màn hình khác nhau. Thêm các phím tắt bàn phím cho những thao tác phổ biến.
JavaScriptHTMLCSS
F@f
0
Trình Quản lý Đoạn mã (Code Snippet Manager)
Văn bản

Xây dựng một trình quản lý đoạn mã tập trung vào lập trình viên

Xây dựng một trình quản lý đoạn mã (code snippet manager) hướng tới lập trình viên bằng HTML5, CSS3 và JavaScript. Tạo giao diện gọn gàng giống môi trường IDE với tính năng tô sáng cú pháp cho hơn 30 ngôn ngữ lập trình. Triển khai hệ thống gắn thẻ (tagging) và phân loại để tổ chức các đoạn mã. Thêm chức năng tìm kiếm mạnh mẽ có hỗ trợ biểu thức chính quy (regex) và lọc theo ngôn ngữ/thẻ gắn. Bao gồm trình chỉnh sửa mã có đánh số dòng, đường kẻ căn lề (indentation guides) và làm nổi bật cặp dấu ngoặc khớp nhau. Hỗ trợ cài đặt chế độ hiển thị công khai/riêng tư cho từng đoạn mã. Triển khai chức năng xuất/nhập ở định dạng JSON và GitHub Gist. Thêm các phím tắt bàn phím cho những thao tác phổ biến. Tạo thiết kế đáp ứng hoạt động tốt trên mọi thiết bị. Bao gồm tính năng tự động lưu kèm lịch sử phiên bản. Thêm chức năng sao chép vào bộ nhớ tạm (clipboard) giữ nguyên định dạng cú pháp.
JavaScriptHTMLCSS
F@f
0
Công cụ Mã hóa Tệp
Văn bản

Tạo một công cụ mã hóa tệp chạy ở phía trình khách (client-side)

Tạo một công cụ mã hóa tệp ở phía trình khách sử dụng HTML5, CSS3 và JavaScript kết hợp với Web Crypto API. Xây dựng giao diện kéo và thả để chọn tệp kèm thanh chỉ báo tiến độ. Triển khai thuật toán mã hóa AES-256-GCM với cơ chế dẫn xuất khóa an toàn từ mật khẩu (PBKDF2). Thêm hỗ trợ mã hóa đồng thời nhiều tệp cùng lúc với tính năng xử lý hàng loạt. Bao gồm việc kiểm tra bắt buộc độ mạnh mật khẩu kèm tính toán độ entropy. Tạo các tệp đã mã hóa có thể tải xuống với phần mở rộng tệp tùy chỉnh. Tạo giao diện giải mã có bước xác minh mật khẩu. Triển khai quản lý bộ nhớ an toàn với tính năng tự động xóa sạch dữ liệu nhạy cảm. Thêm nhật ký chi tiết về các thao tác mã hóa mà không lưu trữ thông tin nhạy cảm. Bao gồm tính năng xuất/nhập khóa mã hóa kèm theo các cảnh báo bảo mật thích hợp. Hỗ trợ xử lý các tệp dung lượng lớn bằng kỹ thuật mã hóa theo luồng (streaming encryption) và xử lý chia nhỏ theo từng khối (chunked processing).
JavaScriptHTMLCSS
F@f
0
Máy tính Chuyển đổi Ngoại tệ
Văn bản

Phát triển một công cụ chuyển đổi tiền tệ toàn diện

Phát triển một công cụ chuyển đổi tiền tệ toàn diện sử dụng HTML5, CSS3, JavaScript và một Exchange Rate API đáng tin cậy. Tạo giao diện gọn gàng, trực quan với các ô nhập liệu và bộ chọn loại tiền tệ nổi bật. Triển khai tỷ giá hối đoái thời gian thực kèm theo chỉ báo dấu thời gian cho biết độ mới của dữ liệu. Hỗ trợ hơn 170 loại tiền tệ toàn cầu bao gồm cả tiền điện tử (crypto) với ký hiệu và định dạng phù hợp. Duy trì nhật ký lịch sử chuyển đổi kèm theo dấu thời gian và thông tin tỷ giá. Cho phép người dùng đánh dấu các cặp tiền tệ yêu thích để truy cập nhanh. Tạo các biểu đồ lịch sử tỷ giá tương tác với khoảng thời gian có thể tùy chỉnh. Triển khai chức năng hoạt động ngoại tuyến sử dụng tỷ giá đã lưu đệm kèm cảnh báo rõ ràng về độ trễ dữ liệu. Thêm một máy tính bỏ túi tích hợp sẵn để thực hiện các phép chuyển đổi và tính toán số học phức tạp. Tạo tính năng cảnh báo tỷ giá khi chạm mức tỷ giá mục tiêu kèm thông báo tùy chọn. Bao gồm bảng so sánh song song tỷ giá của các nhà cung cấp khác nhau khi có dữ liệu. Hỗ trợ in và xuất kết quả chuyển đổi ở nhiều định dạng (PDF, CSV, JSON).
APIJavaScriptHTML+1
F@f
0
Công cụ Tạo Mật khẩu An toàn
Văn bản

Tạo một trình khởi tạo mật khẩu an toàn toàn diện

Tạo một trình khởi tạo mật khẩu an toàn toàn diện sử dụng HTML5, CSS3 và JavaScript với độ ngẫu nhiên mạnh về mặt mật mã học. Xây dựng giao diện trực quan có khung xem trước mật khẩu theo thời gian thực. Cho phép tùy chỉnh độ dài mật khẩu kèm các cấu hình cài sẵn cho các mức độ bảo mật khác nhau. Bao gồm các nút bật/tắt cho từng loại ký tự (chữ hoa, chữ thường, chữ số, ký tự đặc biệt) kèm chỉ báo trực quan. Triển khai thước đo độ mạnh mật khẩu nâng cao hiển thị số bit entropy và thời gian bẻ khóa ước tính. Thêm nút sao chép bằng một cú nhấp chuột có xác nhận và tự động xóa bộ nhớ tạm (clipboard). Tạo tính năng két sắt lưu trữ mật khẩu (password vault) với bộ nhớ localStorage được mã hóa. Tạo đồng thời nhiều mật khẩu cùng lúc với các tùy chọn tạo hàng loạt. Duy trì lịch sử mật khẩu kèm theo dấu thời gian khởi tạo. Tính toán và hiển thị độ hỗn loạn (entropy) bằng các công thức tiêu chuẩn. Cung cấp các tùy chọn tạo mật khẩu dễ nhớ (dựa trên cụm từ, dựa trên khuôn mẫu). Bao gồm chức năng xuất danh sách mật khẩu kèm các tùy chọn mã hóa bảo vệ.
JavaScriptHTMLCSS
F@f
0
Công cụ Chọn Màu Nâng cao
Văn bản

Xây dựng một công cụ xử lý màu sắc cấp độ chuyên nghiệp

Xây dựng một công cụ màu sắc cấp độ chuyên nghiệp bằng HTML5, CSS3 và JavaScript dành cho các nhà thiết kế và lập trình viên. Tạo giao diện trực quan với nhiều phương thức chọn màu bao gồm ống nhỏ giọt (eyedropper), bánh xe màu, thanh trượt và các ô nhập giá trị. Triển khai chuyển đổi thời gian thực giữa các định dạng màu (RGB, RGBA, HSL, HSLA, HEX, CMYK) kèm chức năng sao chép. Thêm trình tạo bảng màu (palette generator) với các tùy chọn phối màu bổ túc (complementary), tương đồng (analogous), bộ ba (triadic), bộ bốn (tetradic) và đơn sắc (monochromatic). Bao gồm hệ thống mục yêu thích với các bộ sưu tập được đặt tên và các tùy chọn xuất tệp. Triển khai trực quan hóa các quy tắc hài hòa màu sắc với khả năng điều chỉnh tương tác. Tạo trình tạo dải chuyển màu (gradient generator) hỗ trợ chuyển màu tuyến tính (linear), tỏa tròn (radial) và hình nón (conic) với nhiều điểm dừng màu. Thêm công cụ kiểm tra khả năng tiếp cận theo tiêu chuẩn WCAG với tỷ lệ tương phản và mô phỏng các dạng mù màu. Triển khai tính năng sao chép bằng một cú nhấp chuột cho các đoạn mã CSS, SCSS và SVG. Bao gồm thuật toán đặt tên màu để gợi ý tên gọi cho các màu được chọn. Hỗ trợ xuất bảng màu sang nhiều định dạng khác nhau (Adobe ASE, JSON, biến CSS, SCSS).
JavaScriptHTMLCSS
F@f
0
Trắc nghiệm Tương tác (Interactive Quiz)
Văn bản

Phát triển một ứng dụng trắc nghiệm tương tác toàn diện

Phát triển một ứng dụng trắc nghiệm tương tác toàn diện bằng HTML5, CSS3 và JavaScript. Tạo giao diện người dùng cuốn hút với hiệu ứng chuyển cảnh mượt mà giữa các câu hỏi. Hỗ trợ nhiều dạng câu hỏi bao gồm trắc nghiệm nhiều lựa chọn, đúng/sai, ghép nối và trả lời ngắn với tính năng chấm điểm tự động. Triển khai bộ đếm thời gian có thể cấu hình cho từng câu hỏi kèm đồng hồ đếm ngược trực quan. Thêm tính năng theo dõi điểm số chi tiết với số điểm dựa trên độ khó và thời gian phản hồi. Hiển thị thanh tiến độ động cho biết tỷ lệ phần trăm hoàn thành. Bao gồm chế độ xem lại để kiểm tra các câu trả lời đúng/sai kèm theo lời giải thích sau khi hoàn thành bài trắc nghiệm. Triển khai bảng xếp hạng lưu trữ bền vững bằng localStorage. Tổ chức các câu hỏi thành từng danh mục với biểu tượng và mô tả tùy chỉnh. Hỗ trợ nhiều cấp độ khó ảnh hưởng đến cách tính điểm và giới hạn thời gian. Tạo bản tóm tắt kết quả chi tiết kèm phân tích hiệu suất làm bài và gợi ý cải thiện. Thêm chức năng chia sẻ kết quả lên mạng xã hội với thông điệp tùy chỉnh.
JavaScriptHTMLCSS
F@f
0
Bộ Hẹn giờ Pomodoro
Văn bản

Tạo một ứng dụng hẹn giờ pomodoro toàn diện

Tạo một ứng dụng hẹn giờ pomodoro toàn diện sử dụng HTML5, CSS3 và JavaScript tuân theo kỹ thuật quản lý thời gian Pomodoro. Thiết kế giao diện thanh lịch với vòng tròn chỉ báo tiến độ lớn có hiệu ứng động biểu diễn trực quan phiên làm việc hiện tại. Cho phép tùy chỉnh thời lượng các phiên làm việc (mặc định 25min), nghỉ giải lao ngắn (mặc định 5min) và nghỉ giải lao dài (mặc định 15min). Bao gồm tích hợp danh sách công việc nơi người dùng có thể gắn các phiên pomodoro với những nhiệm vụ cụ thể. Thêm thông báo âm thanh có thể cấu hình khi chuyển đổi giữa các phiên kèm điều khiển âm lượng. Triển khai theo dõi thống kê chi tiết về năng suất hàng ngày/hàng tuần bằng các biểu đồ trực quan. Sử dụng localStorage để lưu giữ cài đặt và lịch sử giữa các phiên truy cập. Làm cho ứng dụng có thể cài đặt dưới dạng PWA với hỗ trợ ngoại tuyến và thông báo đẩy. Thêm các phím tắt bàn phím để điều khiển bộ hẹn giờ nhanh chóng (bắt đầu/tạm dừng/đặt lại). Bao gồm nhiều tùy chọn chủ đề giao diện với màu sắc và phông chữ có thể tùy chỉnh. Thêm chế độ tập trung giúp chặn các yếu tố gây xao nhãng trong suốt phiên làm việc.
JavaScriptHTMLCSS
F@f
0
Máy tính Khoa học
Văn bản

Tạo một máy tính khoa học toàn diện

Tạo một máy tính khoa học toàn diện bằng HTML5, CSS3 và JavaScript mô phỏng các máy tính bỏ túi chuyên nghiệp. Triển khai tất cả các phép toán số học cơ bản tuân thủ đúng thứ tự ưu tiên phép tính. Bao gồm các hàm khoa học nâng cao (lượng giác, logarit, lũy thừa, thống kê) kèm nút chuyển đổi đơn vị độ/radian. Thêm các thao tác bộ nhớ (M+, M-, MR, MC) với các chỉ báo hiển thị trực quan. Duy trì nhật ký lịch sử tính toán có thể cuộn xem, xóa hoặc lưu lại. Triển khai hỗ trợ bàn phím đầy đủ với ánh xạ phím và phím tắt hợp lý. Thêm cơ chế xử lý lỗi chặt chẽ cho phép chia cho 0, các phép toán không hợp lệ và tình trạng tràn số kèm theo các thông báo lỗi hữu ích. Tạo thiết kế đáp ứng tự động chuyển đổi giữa bố cục tiêu chuẩn và bố cục khoa học dựa trên kích thước hoặc hướng xoay màn hình. Bao gồm nhiều tùy chọn chủ đề giao diện (cổ điển, hiện đại, độ tương phản cao). Thêm phản hồi âm thanh tùy chọn khi nhấn nút kèm điều khiển âm lượng. Triển khai chức năng sao chép/dán cho kết quả và biểu thức tính toán.
JavaScriptHTMLCSS
F@f
0
Danh sách Việc cần làm (Todo List)
Văn bản

Xây dựng ứng dụng quản lý việc cần làm đáp ứng với giao diện hiện đại

Tạo một ứng dụng quản lý việc cần làm (todo app) đáp ứng bằng HTML5, CSS3 và JavaScript thuần (vanilla JavaScript). Ứng dụng cần có giao diện hiện đại, gọn gàng sử dụng CSS Grid/Flexbox với các điều khiển trực quan. Triển khai đầy đủ chức năng CRUD (thêm/sửa/xóa/hoàn thành công việc) với hiệu ứng chuyển động mượt mà. Bao gồm phân loại công việc kèm mã màu và các mức độ ưu tiên (thấp/trung bình/cao). Thêm ngày đến hạn với thành phần chọn ngày (date-picker) và thông báo nhắc nhở. Sử dụng localStorage để lưu giữ dữ liệu bền vững giữa các phiên làm việc. Triển khai chức năng tìm kiếm với các bộ lọc theo trạng thái, danh mục và khoảng thời gian. Thêm tính năng kéo và thả để sắp xếp lại thứ tự công việc bằng HTML5 Drag and Drop API. Đảm bảo thiết kế đáp ứng hoàn toàn với các điểm ngắt (breakpoints) phù hợp bằng media queries. Bao gồm nút chuyển đổi chủ đề tối/sáng tôn trọng tùy chọn hệ thống của người dùng. Thêm các tương tác vi mô (micro-interactions) và hiệu ứng chuyển cảnh tinh tế để nâng cao trải nghiệm người dùng (UX).
JavaScriptHTMLCSS
F@f
0
Trò chơi Không chiến 3D Nhiều người chơi
Văn bản

Xây dựng một trò chơi không chiến nhiều người chơi sống động

Tạo một trò chơi không chiến nhiều người chơi sống động sử dụng Three.js, HTML5, CSS3 và JavaScript kết hợp với WebSocket để kết nối mạng thời gian thực. Triển khai mô hình máy bay 3D chi tiết với vật lý bay chân thực bao gồm điều khiển chúc/ngóc mũi (pitch), liệng hướng (yaw), nghiêng cánh (roll) và tay ga (throttle). Thêm điều khiển góc máy quay mượt mà đi theo máy bay của người chơi với các góc nhìn có thể cấu hình (buồng lái, góc nhìn đuổi theo phía sau, góc nhìn quỹ đạo xoay quanh). Tạo môi trường bầu trời (skybox) với thời gian động trong ngày và hiệu ứng thời tiết. Triển khai chức năng nhiều người chơi bằng WebSocket để cập nhật vị trí thời gian thực, chiến đấu và đồng bộ hóa trạng thái trò chơi. Thêm các hệ thống vũ khí với vật lý đường đạn, phát hiện va chạm trúng đích và mô hình sát thương. Bao gồm hiệu ứng hạt (particle effects) cho luồng khí thải động cơ, khai hỏa vũ khí, vụ nổ và hư hại. Tạo giao diện hiển thị trên kính buồng lái (HUD) cho biết tốc độ, độ cao, hướng bay, radar, máu và trạng thái vũ khí. Triển khai hiệu ứng âm thanh cho động cơ, vũ khí, vụ nổ và âm thanh môi trường bằng Web Audio API. Thêm các chế độ đấu bao gồm đấu sinh tử tự do (deathmatch) và đấu đội kèm hệ thống tính điểm. Bao gồm tính năng tùy chỉnh trang bị máy bay (loadouts) với các loại vũ khí và kỹ năng khác nhau. Tạo hệ thống phòng chờ (lobby) để tạo trận đấu và chia đội. Triển khai dự đoán phía máy khách (client-side prediction) và bù trễ mạng (lag compensation) để mang lại trải nghiệm nhiều người chơi mượt mà. Thêm bản đồ thu nhỏ (mini-map) hiển thị vị trí người chơi và các mục tiêu. Bao gồm hệ thống phát lại (replay) để xem lại trận đấu và tạo các đoạn cắt khoảnh khắc nổi bật. Tạo hệ thống điều khiển nhạy bén hỗ trợ cả đầu vào bàn phím/chuột lẫn tay cầm chơi game (gamepad).
JavaScriptWebSocketHTML+2
F@f
0
Ứng dụng Ghi chú Markdown
Văn bản

Xây dựng một ứng dụng ghi chú markdown giàu tính năng

Xây dựng một ứng dụng ghi chú markdown giàu tính năng bằng HTML5, CSS3 và JavaScript. Tạo giao diện chia đôi màn hình với trình soạn thảo văn bản phong phú ở một bên và khung xem trước markdown trực tiếp (live preview) ở bên kia. Triển khai hỗ trợ đầy đủ cú pháp markdown bao gồm bảng biểu, khối mã có tô sáng cú pháp (syntax highlighting) và công thức toán học LaTeX. Thêm hệ thống tổ chức phân cấp với các danh mục lồng nhau, thẻ gắn (tags) và mục yêu thích. Bao gồm chức năng tìm kiếm mạnh mẽ với các bộ lọc và đánh chỉ mục nội dung. Sử dụng localStorage kèm tùy chọn xuất/nhập tệp để sao lưu dữ liệu. Hỗ trợ xuất ghi chú sang các định dạng PDF, HTML và markdown. Triển khai chế độ tối/sáng có thể tùy chỉnh cùng các chủ đề màu tô sáng cú pháp. Tạo bố cục đáp ứng thích nghi với các kích thước màn hình khác nhau với các bảng điều khiển có thể thu gọn. Thêm các phím tắt bàn phím giúp tăng năng suất cho mọi thao tác phổ biến. Bao gồm chức năng tự động lưu kèm lịch sử phiên bản và tùy chọn khôi phục.
JavaScriptHTMLCSS
F@f
0
1 / 2Tiếp