Kuest AI

Học mọi thứ, miễn phí

Bắt đầu miễn phí

Học phát triển web nhanh hơn 10 lần với AI

Kiến thức cơ bản về HTML, CSS, JavaScript và React. Dán mã của bạn vào, Kuest sẽ giúp bạn hiểu vì sao bố cục bị lỗi hoặc state không cập nhật.

817,000+học sinh đã học cùng Kuest

chủ đề
10
Ngôn ngữ cốt lõi
HTML, CSS, JavaScript
Bao gồm
Kiến thức cơ bản về front-end và React
Dẫn đến
Phát triển full-stack và front-end

Xem cách Kuest hướng dẫn

Kuest hỏi trước khi giải thích, để bạn tự suy nghĩ và nhớ lâu hơn.

Bạn: Nút của tôi chạy hàm ngay khi trang tải: button.addEventListener("click", showMenu());
Kuest: Hãy nhìn showMenu() có dấu ngoặc đơn. JavaScript làm gì khi thấy tên hàm theo sau bởi ()?
Bạn: Nó gọi hàm.
Kuest: Đúng, và nó gọi ngay lúc đó, trong khi đang thêm listener. Vậy addEventListener thực sự cần gì làm đối số thứ hai?
Bạn: Chính hàm đó, để nó có thể gọi sau. Vậy là addEventListener("click", showMenu) không có dấu ngoặc đơn.
Kuest: Chính xác. Truyền hàm vào, đừng gọi nó. Ý tưởng này cũng áp dụng trong React với onClick={showMenu}.

Event listener cần tham chiếu đến một hàm; thêm () sẽ gọi hàm đó ngay lập tức.

Học sinh tập trung học cùng Kuest

học sinh
817,000+
quốc gia
100+
  • Từ điểm C lên A môn hóa

    “Mình đã ngừng chép đáp án và bắt đầu thật sự hiểu bài. Điểm hóa của mình từ C lên A chỉ trong một học kỳ.”

    Học sinh lớp 11, Texas
  • 3 giờ → 40 phút

    “Ghi chú của mình biến thành bài kiểm tra chỉ trong vài giây. Việc từng mất cả đêm giờ chỉ mất bằng một tập phim.”

    Học sinh lớp 10, California
  • Cuối cùng cũng sẵn sàng cho SAT

    “Kế hoạch cho mình biết chính xác cần làm gì mỗi ngày. Lần đầu tiên, mình bước vào phòng thi với tâm trạng bình tĩnh.”

    Học sinh lớp 12, New York
  • Không bao giờ cho mình bỏ qua bước nào

    “Lúc đầu hơi phiền, nhưng đến ngày thi thì đúng là cứu cánh. Mình có thể làm mọi bài mà không cần đến nó.”

    Học sinh lớp 9, Ohio
  • Tốt hơn gia sư của mình

    “Có mặt cả lúc nửa đêm, kiên nhẫn, lại rẻ hơn một buổi học với gia sư cũ của mình.”

    Sinh viên năm nhất, Florida
  • Chuỗi của mình đã 94 ngày

    “Các nhiệm vụ chỉ mất mười phút. Mình làm trên xe buýt. Không hiểu sao giờ mình lại là người giải thích Sinh học cho bạn bè.”

    Học sinh lớp 11, Illinois
  • Cuối cùng mình cũng thông tiếng Tây Ban Nha

    “Nói thành tiếng với gia sư giúp mình sửa phát âm nhanh hơn cả một năm học trên lớp.”

    Học sinh lớp 10, Arizona
  • Tìm ra lỗ hổng chỉ trong một đêm

    “Bài kiểm tra lỗ hổng cho mình thấy là mình chưa từng hiểu mol. Sửa được trong 15 phút.”

    Học sinh lớp 11, Georgia
  • Phụ huynh đây: không còn khủng hoảng lúc 9 giờ tối

    “Con trai tôi nhận được hỗ trợ thực sự mà tôi không phải giả vờ nhớ Giải tích, và tôi có thể xem tiến bộ của con mỗi tuần.”

    Phụ huynh, Washington

Phương pháp

Cách học Phát triển web với Kuest

Phát triển web sẽ trở nên dễ hiểu khi bạn có thể dự đoán trình duyệt sẽ làm gì với mã của mình trước khi làm mới trang. Hãy tạo các trang nhỏ, thay đổi từng thuộc tính một và giải thích vì sao kết quả thay đổi. Luyện tập kết hợp HTML, CSS và JavaScript hiệu quả hơn học riêng từng phần.

  1. Dán mã và mô tả điều bạn thấyTrò chuyện với gia sư

    Chia sẻ HTML, CSS hoặc component và mô tả trình duyệt hiển thị gì. Kuest sẽ hỏi bạn mong đợi điều gì và giúp thu hẹp nguyên nhân.

  2. Chụp ảnh màn hìnhChụp ảnh

    Chụp ảnh màn hình bố cục bị lỗi hoặc lỗi console, và Kuest sẽ bắt đầu từ chính điều bạn đang thấy.

  3. Vẽ mô hình hộp và bố cụcBảng hướng dẫn

    Kuest phác họa các hộp, trục flex và cây component trên bảng học để bố cục và luồng dữ liệu trở nên trực quan.

  4. Dự đoán kết quảCâu đố

    Các câu đố đưa ra một quy tắc CSS hoặc đoạn mã React và hỏi nội dung nào sẽ hiển thị, từ đó xây dựng trực giác cần thiết để gỡ lỗi.

  5. Ghi nhớ thuộc tính và hookThẻ ghi nhớ

    Flashcard lặp lại ngắt quãng về thuộc tính flexbox, thẻ ngữ nghĩa, phương thức mảng và hook React giúp bạn nhớ các chi tiết.

  6. Theo một kế hoạchKế hoạch học tập

    Đặt mục tiêu, như hoàn thành trang portfolio trước một ngày cụ thể, và Kuest sẽ xây dựng kế hoạch từng tuần từ HTML đến React.

Bạn sẽ học gì

Chạm vào một chủ đề để học ngay.

  1. 01Cấu trúc và ngữ nghĩa HTMLTạo trang với tiêu đề, danh sách, liên kết, biểu mẫu và các thẻ ngữ nghĩa như main và nav.
  2. 02Bộ chọn CSS và cascadeNhắm đến các phần tử bằng bộ chọn và dự đoán quy tắc nào được áp dụng dựa trên độ đặc hiệu.
  3. 03Mô hình hộpKiểm soát kích thước và khoảng cách bằng content, padding, border và margin.
  4. 04Flexbox và GridSắp xếp hàng, cột và toàn bộ trang bằng flexbox và CSS Grid.
  5. 05Thiết kế đáp ứngĐiều chỉnh bố cục cho điện thoại và máy tính bằng media query và đơn vị tương đối.
  6. 06JavaScript và DOMChọn phần tử, thay đổi nội dung và phản hồi thao tác nhấp bằng event listener.
  7. 07Lấy dữ liệuGọi API bằng fetch, xử lý JSON và dùng async/await mà không bỏ sót lỗi.
  8. 08Component và props trong ReactChia UI thành các component và truyền dữ liệu xuống bằng props.
  9. 09State và effect trong ReactCập nhật UI bằng useState và chạy side effect bằng useEffect.
  10. 10Kiến thức cơ bản về khả năng tiếp cậnDùng nhãn, alt text, thứ tự focus và độ tương phản để mọi người đều có thể dùng trang của bạn.

Thử hỏi

Chạm vào một câu hỏi và Kuest sẽ bắt đầu hướng dẫn từng bước.

Giúp bạn chuẩn bị cho

  • AP Computer Science Principles
  • Các khóa học nhập môn phát triển web
  • Bootcamp lập trình
  • Phỏng vấn front-end

Một tháng Kuest có giá thấp hơn một giờ học với gia sư

Kiên nhẫn như nhau, mọi lúc, mọi môn học. Hoặc bạn có thể dùng gói miễn phí mãi mãi.

Gia sư riêng

$40–80cho một giờ

  • Cần đặt lịch trước nhiều ngày
  • Mỗi buổi chỉ học một môn
  • Dừng khi hết giờ

Kuest Plus

$10một tháng, thanh toán hằng năm

  • Mọi môn học và kỳ thi trên trang này
  • Bất kỳ lúc nào, lâu tùy bạn cần
  • Câu đố, thẻ ghi nhớ, podcast và đề thi thử

Giải đáp thắc mắc

Buổi học tiếp theo của bạn bắt đầu tại đây

Gói miễn phí mãi mãi. Không cần thẻ.

Bắt đầu miễn phí