HTML Code Play: Learn HTML

Học lập trình web bằng cách thay đổi mã và xem kết quả. HTML Code Play kết hợp các bài học HTML, CSS và JavaScript với trình soạn thảo mã trên thiết bị di động, các ví dụ có thể chạy, bài kiểm tra và trò chơi lập trình. Sử dụng ứng dụng để nghiên cứu một khái niệm, tự mình thử nghiệm và theo dõi quá trình học tập của bạn trên cùng một thiết bị.

ĐỌC, CHỈNH SỬA VÀ CHẠY

Khám phá danh mục học tập, mở một bài hướng dẫn và đọc phần giải thích cùng với một ví dụ mã đầy đủ. Gửi ví dụ đến trình soạn thảo, chạy mã gốc, sau đó thay đổi một thẻ, kiểu hoặc biểu thức và so sánh kết quả. Quy trình thực hành này kết nối cú pháp bạn đọc với trang hoặc hành vi mà nó tạo ra.

Không gian làm việc hỗ trợ chỉnh sửa HTML, CSS và JavaScript với tính năng tô sáng cú pháp. Sử dụng chức năng hoàn tác và làm lại trong khi thử nghiệm, tìm kiếm văn bản, nhảy đến một dòng và điều chỉnh kích thước phông chữ của trình soạn thảo. Bắt đầu một trang mới hoặc chọn một mẫu có sẵn khi bạn muốn có điểm bắt đầu. Mở các tệp HTML, lưu công việc của bạn, sử dụng Lưu dưới dạng để tạo bản sao khác hoặc chia sẻ tệp mã thông qua các tùy chọn chia sẻ của thiết bị.

HƯỚNG DẪN HỌC TẬP VÀ THỰC HÀNH

Danh mục bao gồm 11 chủ đề công nghệ web, từ cấu trúc và kiểu dáng trang đến lập trình, đồ họa vector, bố cục đáp ứng và các ví dụ tương tác. Tìm kiếm bài học theo tiêu đề hoặc phần để tìm tài liệu bạn cần. Ghim các bài hướng dẫn hữu ích để ôn tập tập trung, thêm ghi chú bài học của riêng bạn và di chuyển giữa các bài hướng dẫn bằng các nút Trước và Tiếp theo.

Mỗi bài hướng dẫn đều kết hợp giải thích, cú pháp và một ví dụ hoạt động. Tiếp theo là bài kiểm tra chủ đề hoặc thử thách thực hành. Các bài tập thực hành yêu cầu bạn hoàn thành mã còn thiếu, với gợi ý và phản hồi câu trả lời để giúp bạn kiểm tra chi tiết bạn đã bỏ sót. Kết quả bài kiểm tra giúp bạn kiểm tra sự hiểu biết trước khi quay lại bài học.

SÁU CÁCH THỰC HÀNH

Chọn một trò chơi lập trình để rèn luyện một kỹ năng khác nhau:

- Xây dựng mã: sắp xếp lại các khối để xây dựng lại mã hoạt động.

- Thám tử đầu ra: dự đoán những gì một đoạn mã tạo ra.

- Săn lỗi: xác định một dòng bị lỗi.

- Điền vào chỗ trống: chọn mã còn thiếu.

- Phòng thí nghiệm ghép nối: kết nối các thuật ngữ với nghĩa của chúng.

- Thử thách nhanh: trả lời các câu hỏi đúng/sai trong thời gian quy định.

Các cấp độ hoạt động ghi lại kết quả và mở khóa bước tiếp theo. Chơi lại các cấp độ đã có để cải thiện điểm số của bạn, hoặc sử dụng danh sách phát luyện tập hỗn hợp khi chúng có sẵn.

GIỮ CHO VIỆC HỌC CỦA BẠN ĐƯỢC TỔ CHỨC GỌN GÀNG

Màn hình tiến độ tóm tắt các bài học, bài kiểm tra và bài tập đã xem lại theo công nghệ. Kiểm tra bản đồ kỹ năng và kế hoạch học tập tiếp theo được đề xuất, tiếp tục bài học từ Trang chủ và tham gia thử thách hàng ngày. Chuỗi thành tích và huy hiệu thử thách giúp hoạt động của bạn được hiển thị rõ ràng. Nhắc nhở học tập tùy chọn yêu cầu quyền thông báo và có thể được tắt.

Tiến độ bài học, ghi chú và kết quả trò chơi của bạn được lưu trữ trên thiết bị. Các điều khiển trên màn hình học tập bao gồm phông chữ lớn hơn, độ tương phản cao và giảm chuyển động. Các bài đánh giá HTML, CSS và JavaScript riêng biệt cung cấp chứng chỉ thành tích trong ứng dụng; đây là hồ sơ học tập của ứng dụng, không phải là bằng cấp được công nhận.

Các bài đăng trên cộng đồng trực tuyến cung cấp một nguồn mã khác để khám phá khi được kết nối. Nội dung được hỗ trợ bởi mạng và các ví dụ tải tài nguyên bên ngoài cần truy cập internet; lưu trữ tiến độ cục bộ không cung cấp đồng bộ hóa đám mây.

Đối với người mới bắt đầu, sinh viên và người học đang ôn lại các khái niệm về front-end, hãy bắt đầu với một ví dụ, thực hiện một thay đổi nhỏ và xây dựng sự hiểu biết thông qua thực hành.