الوثائقالخطوات الأولى
برنامج Nexy التعليمي: إنشاء تطبيق ملاحظات خطوة بخطوة
يقوم البرنامج التعليمي Nexy بإنشاء تطبيق ملاحظات واحد من مجلد فارغ إلى إصدار إنتاجي، جزء واحد في كل مرة، وينتهي كل جزء بتطبيق يتم تشغيله.
هل أنت جديد في نيكسي؟ يظهر البدء السريع أنه يعمل خلال ثلاث دقائق؛ أعود هنا لمعرفة كيف يعمل.
كيف يعمل البرنامج التعليمي
- تطبيق واحد ينمو. يضيف كل جزء ميزة واحدة إلى تطبيق الملاحظات الخاص بالجزء السابق.
- جهاز التوجيه الخاص بك. تتبع الأجزاء جهاز التوجيه المختار في أعلى القائمة: قائم على الملفات، أو معياري، أو مخصص. قم بتبديله هناك، وستتغير معه ملفات كل جزء.
- الكود الذي يتم تشغيله. كل ملف يحمل اسمًا فوقه هو ملف كامل، وتقوم مجموعة الاختبار بإعادة تشغيل الأجزاء بالترتيب في مشروع جديد: ما تنسخه هو ما يتم تشغيله.
- توقف في أي مكان. يستغرق كل جزء من 10 إلى 20 دقيقة وينتهي بما يجب التحقق منه في المتصفح.
الأجزاء
الوحدة الأولى: الأساسيات
| جزء | ما تضيفه | ما تتعلمه |
|---|---|---|
| 1. إنشاء المشروع | المشروع الذي يعمل | nexy new، nexy dev |
| 2. الصفحات والتخطيطات | صفحة الملاحظات | الصفحات، المشاهدات، التخطيط |
| 3. المسارات الديناميكية وواجهة برمجة التطبيقات | /notes/1 و /api/notes |
شرائح URL، مسارات JSON، notFound |
| 4. المكونات | بطاقة لكل ملاحظة | .nexy مكوناتها ودعائمها |
الوحدة الثانية: البيانات
| جزء | ما تضيفه | ما تتعلمه |
|---|---|---|
| 5. قم بتخزين الملاحظات في SQLite | نموذج، هجرة، بذرة | SQLModel، nx migrate |
| 6. إنشاء ملاحظة من النموذج | النموذج الذي يحفظ ملاحظة | الأفعال والأشكال بدون JavaScript |
| 7. إظهار أخطاء التحقق | رسالة فوق النموذج | القواعد في الإجراء، 303، useSearchParams |
| 8. تحرير وحذف ملاحظة | أشكال المذكرة | عدة إجراءات لكل صفحة، الحقول المخفية |
| 9. ترقيم الملاحظات | خمس ملاحظات في كل صفحة | offset و limit، روابط بين الصفحات |
الوحدة 3: المستخدمون
| جزء | ما تضيفه | ما تتعلمه |
|---|---|---|
| 10. قم بإنشاء حساب وتسجيل الدخول | قم بالتسجيل، قم بتسجيل الدخول، قم بتسجيل الخروج | الجلسات، تجزئة كلمة المرور |
| 11. أعط كل مستخدم ملاحظاته الخاصة | الملاحظات التي تخص المستخدم | المفاتيح الخارجية، redirect، 401 |
| 12. إعادة تعيين كلمة المرور المنسية عن طريق البريد الإلكتروني | رابط إعادة التعيين المرسل عبر البريد الإلكتروني | smtplib، الرموز الموقعة التي تنتهي صلاحيتها |
الوحدة الرابعة: التفاعلية
| جزء | ما تضيفه | ما تتعلمه |
|---|---|---|
| 13. ابحث في الملاحظات أثناء الكتابة | مربع بحث يقوم بالتصفية أثناء الكتابة | React الجزر، الدعائم من Python |
| 14. ضع علامة على الملاحظة دون إعادة تحميل الصفحة | زر "تم" في كل ملاحظة | التعزيز التدريجي، إجراء واحد لنموذج و fetch |
القادمة بعد ذلك
| وحدة | ما يكسبه التطبيق |
|---|---|
| 5. ما وراء الطلب | الملاحظات المشتركة عن طريق البريد الإلكتروني في الخلفية، ملخص يومي، تحديثات حية |
| 6. السفينة | الاختبارات وصفحات الأخطاء والسجلات ورؤوس الأمان وبناء Docker |
الخطوات التالية
- الجزء الأول: إنشاء المشروع
- المفاهيم الأساسية: الكلمات التي يستخدمها البرنامج التعليمي