Kuest AI

ادرس أي شيء مجانًا

ابدأ مجانًا

تعلّم تطوير الويب أسرع 10x مع الذكاء الاصطناعي

أساسيات HTML وCSS وJavaScript وReact. الصق تعليماتك البرمجية، وسيساعدك Kuest على معرفة سبب تعطل التخطيط أو عدم تحديث الحالة.

817,000+طالب يدرسون بالفعل مع Kuest

موضوعات
10
اللغات الأساسية
HTML، CSS، JavaScript
يشمل
أساسيات الواجهة الأمامية وReact
يمهّد إلى
تطوير الواجهة الأمامية والتطوير المتكامل

شاهد كيف يعلّمك Kuest

يسألك قبل أن يشرح، لتفكر بنفسك وترسخ المعلومة.

أنت: يُشغّل زري الدالة بمجرد تحميل الصفحة: button.addEventListener("click", showMenu());
Kuest: انظر إلى showMenu() مع الأقواس. ماذا يفعل JavaScript عندما يرى اسم دالة متبوعًا بـ ()؟
أنت: يستدعي الدالة.
Kuest: صحيح، ويستدعيها في تلك اللحظة أثناء إضافة المستمع. ما الذي يريده addEventListener فعلًا كوسيط ثانٍ؟
أنت: الدالة نفسها، كي يتمكن من استدعائها لاحقًا. إذن addEventListener("click", showMenu) من دون الأقواس.
Kuest: بالضبط. مرّر الدالة، ولا تستدعها. تنطبق الفكرة نفسها في React مع onClick={showMenu}.

تحتاج مستمعات الأحداث إلى مرجع لدالة؛ أما إضافة () فتستدعيها فورًا.

طلاب يركزون مع Kuest

طالب
817,000+
دولة
100+
  • من C إلى A في الكيمياء

    “توقفت عن نسخ الإجابات وبدأت أفهم فعلًا. ارتفعت درجتي في الكيمياء من C إلى A خلال فصل دراسي واحد.”

    طالب في الصف الحادي عشر، تكساس
  • 3 ساعات → 40 دقيقة

    “تتحول ملاحظاتي إلى اختبار قصير خلال ثوانٍ. ما كان يستغرق الليل كله أصبح يستغرق مدة حلقة واحدة من مسلسل.”

    طالب في الصف العاشر، كاليفورنيا
  • مستعد أخيرًا لاختبار SAT

    “أخبرتني الخطة تمامًا بما ينبغي أن أفعله كل يوم. دخلت هادئًا لأول مرة على الإطلاق.”

    طالب في الصف الثاني عشر، نيويورك
  • لا يسمح لي أبدًا بتجاوز أي خطوة

    “كان مزعجًا في البداية، لكنه أنقذني يوم الاختبار. استطعت حل كل مسألة من دونه.”

    طالب سنة أولى، أوهايو
  • أفضل من مدرّسي الخاص

    “متاح عند منتصف الليل، وصبور، وتكلفته أقل من جلسة واحدة مع مدرّسي السابق.”

    طالب جامعي في السنة الأولى، فلوريدا
  • سلسلتي وصلت إلى 94 يومًا

    “المهام تستغرق عشر دقائق. أنجزها في الحافلة. وبطريقة ما، أصبحت الآن أنا من يشرح الأحياء لأصدقائي.”

    طالب سنة قبل التخرج، إلينوي
  • أخيرًا فهمت الإسبانية

    “التحدث بصوت عالٍ مع المدرّس حسّن نطقي أسرع من سنة كاملة في الصف.”

    طالب في السنة الثانية، أريزونا
  • اكتشفت نقاط ضعفي في ليلة واحدة

    “أظهر لي فحص الثغرات أنني لم أفهم المولات يومًا. أصلحت ذلك في 15 دقيقة.”

    طالب سنة قبل التخرج، جورجيا
  • أنا ولي أمر: لا مزيد من الانهيارات الساعة 9 مساءً

    “يحصل ابني على مساعدة حقيقية دون أن أتظاهر بأنني أتذكر التفاضل والتكامل، ويمكنني رؤية تقدمه كل أسبوع.”

    ولي أمر، واشنطن

المنهجية

كيفية دراسة تطوير الويب مع Kuest

يصبح تطوير الويب واضحًا عندما تستطيع توقّع ما سيفعله المتصفح بتعليماتك البرمجية قبل أن تعيد التحميل. أنشئ صفحات صغيرة، وغيّر خاصية واحدة في كل مرة، واشرح سبب تغيّر النتيجة. الجمع بين تدريب HTML وCSS وJavaScript أفضل من دراسة كل منها بمعزل عن الآخر.

  1. الصق تعليماتك البرمجية وما تراهدردشة مع معلّم

    شارك HTML أوCSS أوالمكوّن، وصف ما يعرضه المتصفح. يسألك Kuest عما كنت تتوقعه ويساعدك على تضييق سبب المشكلة.

  2. التقط لقطة شاشةالتقط صورة

    التقط لقطة شاشة لتخطيط معطّل أو خطأ في وحدة التحكم، وسيبدأ Kuest مما تراه تحديدًا.

  3. ارسم نموذج الصندوق والتخطيطلوحة تعليمية

    يرسم Kuest الصناديق ومحاور flex وشجرة المكوّنات على لوحة التعليم، لتصبح بنية التخطيط وتدفق البيانات مرئيين.

  4. توقّع النتيجةاختبارات قصيرة

    تعرض الاختبارات قاعدة CSS أو مقطع React وتسأل عما سيظهر، مما يبني الحدس الذي تحتاجه لتصحيح الأخطاء.

  5. تذكّر الخصائص والخطافاتبطاقات تعليمية

    تحافظ البطاقات التعليمية المتباعدة لخصائص flexbox والوسوم الدلالية وأساليب المصفوفات وخطافات React على التفاصيل حاضرة في ذهنك.

  6. اتبع خطةخطة دراسة

    حدّد هدفًا، مثل إنشاء موقع أعمال شخصي بحلول تاريخ معين، وسيضع Kuest خطة أسبوعية من HTML إلى React.

ما ستتعلّمه

اضغط على موضوع لتتعلّمه الآن.

  1. 01بنية HTML ودلالاتهاأنشئ صفحات باستخدام العناوين والقوائم والروابط والنماذج والوسوم الدلالية مثل main وnav.
  2. 02محددات CSS والتتالياستهدف العناصر بالمحددات وتوقّع أي قاعدة ستتغلب وفقًا للخصوصية.
  3. 03نموذج الصندوقتحكّم في الحجم والتباعد باستخدام المحتوى وpadding وborder وmargin.
  4. 04Flexbox وGridنسّق الصفوف والأعمدة والصفحات الكاملة باستخدام flexbox وCSS Grid.
  5. 05التصميم المتجاوبكيّف التخطيطات مع الهواتف وأجهزة الكمبيوتر باستخدام media queries والوحدات النسبية.
  6. 06JavaScript وDOMحدّد العناصر، وغيّر المحتوى، واستجب للنقرات باستخدام مستمعات الأحداث.
  7. 07جلب البياناتاستدعِ واجهات API باستخدام fetch، وتعامل مع JSON، واستخدم async/await من دون إخفاء الأخطاء.
  8. 08مكوّنات React وpropsقسّم واجهة المستخدم إلى مكوّنات ومرّر البيانات إلى الأسفل باستخدام props.
  9. 09الحالة والتأثيرات في Reactحدّث واجهة المستخدم باستخدام useState وشغّل التأثيرات الجانبية باستخدام useEffect.
  10. 10أساسيات إمكانية الوصولاستخدم التسميات والنص البديل وترتيب التركيز والتباين كي يتمكن الجميع من استخدام صفحتك.

جرّب أن تسأل

اضغط على سؤال وسيبدأ Kuest في شرحه لك خطوة بخطوة.

يساعدك على الاستعداد لـ

  • AP Computer Science Principles
  • دورات تمهيدية في تطوير الويب
  • معسكرات البرمجة المكثفة
  • مقابلات مطوري الواجهة الأمامية

شهر من Kuest يكلف أقل من ساعة مع معلّم خاص

الصبر نفسه، في أي وقت، ولكل مادة. أو ابقَ على الخطة المجانية دائمًا.

معلّم خاص

$40–80لساعة واحدة

  • الحجز قبل أيام
  • مادة واحدة في كل جلسة
  • يتوقف عند انتهاء الساعة

Kuest Plus

$10شهريًا، تُدفع سنويًا

  • كل مادة واختبار على هذا الموقع
  • في أي وقت، وللمدة التي تحتاجها
  • اختبارات قصيرة وبطاقات تعليمية وبودكاست واختبارات تجريبية

إجابات عن أسئلتك

جلسة مذاكرتك التالية تبدأ هنا

خطة مجانية للأبد. لا تحتاج إلى بطاقة.

ابدأ مجانًا