إنشاء مشاريع فريدة هو أحد أفضل الطرق للنمو كمطور برامج، وما أفضل من التعلم من خلال بناء شيء إبداعي لموسم العطلات؟ تخيل تصميم تقويم عيد الميلاد من الصفر، مع إنشاء أيقونات لافتة للنظر وقابلة للتخصيص لكل يوم حتى 25 ديسمبر. هذا المشروع مثالي لتعزيز مهاراتك في JavaScript بينما تنشر بعض البهجة الاحتفالية! ويمكنك القيام بذلك في أي وقت من السنة!

لقد نشرنا للتو دورة على قناة freeCodeCamp.org على يوتيوب ستعلمك كيفية بناء تقويم عيد الميلاد باستخدام JavaScript العادي وHTML Canvas API. في هذه الدورة، ستتعلم كيفية إنشاء أيقونات احتفالية لكل يوم، مع التركيز على تقنيات مثل العمل مع الإحداثيات، الرياضيات الأساسية، وبرمجة JavaScript المودولارية. هذه التقنيات ليست فقط لهذا المشروع – بل هي مهارات أساسية لمطوري الويب الذين يتطلعون لإنشاء كود قابل لإعادة الاستخدام وقابل للتطوير ومتسق. بالإضافة إلى ذلك، إنها طريقة ممتعة للاستعداد للعطلات بينما تحسن مهاراتك! طور هذا الدورة الدكتور رادو.

ما ستتعلمه في الدورة:

  1. أساسيات HTML: إعداد مشروعك من الصفر من خلال إنشاء هيكل HTML ودمج JavaScript في صفحة الويب الخاصة بك.

  2. أساسيات Canvas: فهم سياق الرسم ثنائي الأبعاد لـ HTML Canvas API، مما يمكنك من إنشاء وتعديل الأشكال والألوان والأنماط بشكل ديناميكي.

  3. التوليد الإجرائي: تعلم كيفية إنشاء شبكة تقويم ديناميكي باستخدام JavaScript، مع عناصر كانفاس مرسومة خصيصًا لكل يوم.

  4. الإحداثيات القطبية: الغوص في علم المثلثات وتعلم كيفية استخدام دوال الجيب وجيب التمام لرسم أشكال معقدة مثل النجوم.

  5. وحدوية الكود وإعادة الاستخدام: بناء دوال ليست فعالة فقط لهذا المشروع ولكن يمكن تعديلها للعمل في المستقبل.

  6. تعزيزات التصميم: استخدام CSS وJavaScript لتنسيق وتخصيص أيقوناتك بالألوان والهوامش والزوايا المدورة والمزيد.

  7. حلول إبداعية للمشاكل: استكشاف طرق لمحاذاة وتحريك الأشكال، مما يضمن أنها جذابة بصريًا وموضوعة بشكل منطقي.

لماذا يعتبر هذا المشروع قيمًا:

يأخذك هذا الدورة إلى مستوى أعلى من الجافا سكريبت من خلال تطبيق تقنيات برمجية عملية بطريقة ممتعة وعملية. ستعمل على مفاهيم مثل إنشاء عناصر HTML برمجيًا، تنسيقها بشكل ديناميكي، وتنفيذ ميزات متقدمة مثل وظائف الرسم المعلمة بالمعلمات. بالإضافة إلى ذلك، من خلال الاعتماد على نهج قائم على المشروع، ستعزز تعلمك بملاحظات بصرية فورية، مما يجعل المفاهيم أسهل في فهمها والاحتفاظ بها.

سواء كنت مبتدئًا ترغب في تطوير مهاراتك في جافا سكريبت أو مبرمجًا متمرسًا يبحث عن وسيلة إبداعية، فإن هذه الدورة هي طريقة ممتازة للتعلم من خلال التطبيق. شاهد الدورة الكاملة على قناة YouTube الخاصة بموقع freeCodeCamp.org (3 ساعات).