الغرض من المنشور هو طرح بعض الأفكار التي يمكن تكرارها لتحسين مهاراتك كمطور أمامي. هذه مجرد أفكار ، بدون أكواد المصدر ودروس تعليمية ، مما يعقد المهمة قليلاً ، لكنه يغرس أسلوبًا أكثر استقلالية في التعلم.
القائمة الكاملة السابقة للأفكار:
دوجو الأمامية: مشاريع لمهارات مطور التدريب (5 جديد + 43 عامًا)1. القائمة الديناميكية
انظر كم هو رائع عند النقر فوق القائمة ويتم تقليل المحتوى.
motrix.appما يجب تعلمه:- التحولات CSS والرسوم المتحركة.
- كيفية تغيير التصميم والمحتوى.
- كيفية استخدام HTML وجافا سكريبت بتناغم لإضافة التفاعل إلى موقع الويب الخاص بك.
تمت ترجمة المقال بدعم من EDISON Software ، الذي أنشأ نظامًا أحادي الاتجاه لنقل المعلومات بين السفن النهرية والبحرية على أساس البصريات اللاسلكية ، وكذلك ترقية البرامج والترحيل .
2. الرسم البياني فقاعة
مخطط الفقاعات هو نوع من المخططات يعرض ثلاثة أبعاد للبيانات. يتم استنساخ كل كائن ، بثلاثة أضعاف البيانات المرتبطة به ، كقرص يعبر عن قيمتين v من خلال إحداثيات xy والثالث خلال حجمه.
antv.vision/enما يجب تعلمه:- استخدم JavaScript لتصور البيانات.
- استخدم CSS مع JavaScript للتحولات والتصميم والتفاعل.
3. شكل المصادقة المقنعة
قناع الإدخال هو وسيلة للتحكم في البيانات التي يمكن إدخالها في حقل النموذج. تخضع هذه القواعد لمجموعة صارمة من القواعد التي لا يمكن لزوار الموقع انتهاكها عند محاولة ملء النموذج الخاص بك.
dashboard.stripe.com/loginما يجب تعلمه:- استخدم قواعد إنفاذ قوية للنماذج والمدخلات الخاصة بك.
- استخدم JavaScript للتحقق من صحة النماذج.
- استخدم CSS و JavaScript لإنشاء نماذج ديناميكية.
اقرأ المزيد عن
الإدخالات المقنعة في
Wapforums .
4. شريط الرسم البياني العمودي
تكون الرسوم البيانية العمودية مفيدة عندما يتعلق الأمر بتصور البيانات اليومية أو الأسبوعية أو الشهرية أو السنوية. يوضح المثال أعلاه مدة تشغيل الخدمة لكل يوم.
tatus.fauna.com/#about-this-siteما يجب تعلمه:- استخدم JavaScript لإنشاء رسومات بيانية رأسية.
- استخدم CSS لتصميم المخططات.
- تصور البيانات باستخدام جافا سكريبت.
5. مخطط أداء النظام
status.fauna.com/#weekتكون المخططات المترية للنظام مفيدة عندما يتعلق الأمر بتصور المبيعات والمحادثات والهامش الإجمالي وتقارير الأعطال وما إلى ذلك.
كل تطبيق معقد ، بطريقة أو بأخرى ، سوف يستخدم مخططات النظام. إنها لفكرة جيدة أن تمارس لملء المطبات في وقت مبكر.
ما يجب تعلمه:- استخدم JavaScript لإنشاء مخططات النظام.
- استخدم CSS لتصميم المخططات.
- تصور البيانات باستخدام جافا سكريبت.
اقرأ أيضا بلوق
شركة إديسون:
20 مكتبة لل
مذهلة تطبيق دائرة الرقابة الداخلية