30 HTML CSS & JavaScript Projects A Beginner's Guide to JS

أهلا بك عزيزي المتابع لموقع (journey for learn) نقدم دورات بكوبونات متاحة لاول 1000 تسجيل مجاني فقط وكوبونات اخري لفترة محدودة فاذا كنت تريد ان تحصل علي كل الكورسات علي موقعنا وان تكون اول المسجلين في الكورسات المجانية قم بتسجيل الدخول أوقم بالدخول علي وسائل التواصل الاجتماعي وخصوصا التليجرام نوضح الوصف المختصر والطويل للدورات لكي تعرف الدروس التي سوف تتعلمها بسهولة ويسر :

ما الذي يحدث للجميع؟ مرحبًا بكم في دورة 30 مشروعًا في 30 يومًا! هذه دورة تدريبية مناسبة للمبتدئين تتضمن جميع الميزات الحديثة لـ HTML5 وCSS3 وJavaScript! لذا، انطلق في رحلة استكشاف من خلال دورة "30 مشروعًا في 30 يومًا"، المصممة خصيصًا لمطوري الويب المبتدئين. على مدار شهر، ستتعمق في HTML5 وCSS3 وJavaScript، وصياغة مشروع جديد كل يوم لبناء محفظتك وتعزيز مهاراتك. في هذه الدورة، ستستكشف الرسوم المتحركة الحديثة لـ CSS، والخصائص المخصصة، ومعالجة DOM، والأحداث، وطرق المصفوفة، ومعالجة البيانات، والمزيد. من خلال 30 مشروعًا تستخدم JavaScript وHTML5 وCSS3 الخالصة، ستكتسب خبرة عملية في كتابة تعليمات برمجية قابلة للصيانة ونظيفة وعالية الأداء. يتم إنشاء كل مشروع من الصفر، مما يسمح لك بفهم كل جانب من جوانب عملية التطوير. سواء كنت تصقل الأساسيات أو تتعمق في تقنيات تطوير الويب الحديثة، فإن هذه الدورة تلبي احتياجات المبتدئين والمتوسطين على حد سواء. تختلف المشاريع من حيث التعقيد، مما يضمن تجربة تعليمية شاملة قابلة للتطبيق على سيناريوهات الحياة الواقعية. إذا كنت مستعدًا لمواجهة التحدي، انضم إلينا في هذه الرحلة المثيرة وعزز مهاراتك كمطور ويب أمامي. سواء كنت تهدف إلى تعزيز محفظتك أو الشروع في مسار وظيفي جديد، فهذه المشاريع ضرورية لأي شخص حريص على إتقان JavaScript والتفوق في تطوير الويب. هيكل الدورة: إذًا ما الذي نبنيه؟ 30 مشروعًا على النحو التالي: اليوم الأول: مشروع تحويل الكلام إلى نص: إنشاء مشروع حيث يمكن للمستخدمين التحدث في ميكروفون أجهزتهم وتحويل كلامهم إلى نص. اليوم الثاني: تطبيق البيانو: تطوير تطبيق بيانو افتراضي حيث يمكن للمستخدمين عزف النوتات الموسيقية والأوتار باستخدام لوحة المفاتيح أو الماوس. اليوم الثالث: تطبيق تحويل النص إلى صوت: إنشاء تطبيق يحول النص المكتوب إلى كلمات منطوقة، مما يسمح للمستخدمين بالاستماع إلى النص الذي يقومون بإدخاله. اليوم الرابع: مولد نكتة الروبوت: الحرفة مشروع يولد نكتًا عشوائية يتم تسليمها بتنسيق صوت أو نص آلي. اليوم 5: مولد ألوان HSL: تطوير أداة تولد الألوان باستخدام نموذج ألوان HSL (تدرج اللون والتشبع والخفة)، مما يسمح للمستخدمين بتخصيص الألوان ومعاينتها. اليوم 6: التطبيق المشروط: قم بإنشاء نافذة منبثقة مشروطة تعرض المحتوى أو الرسائل عبر واجهة التطبيق الرئيسية. اليوم 7: الساعة الرقمية: صمم ساعة رقمية تعرض الوقت الحالي والتحديثات في الوقت الفعلي.اليوم 8: Color Flipper: أنشئ مشروعًا يختار الألوان ويعرضها بشكل عشوائي، مما يوفر للمستخدمين طريقة ممتعة وتفاعلية لاستكشاف مجموعات ألوان مختلفة. اليوم 9: حاسبة النسبة المئوية: تطوير تطبيق آلة حاسبة قادر على حساب النسب المئوية لعمليات رياضية مختلفة. اليوم 10: تطبيق الآلة الحاسبة: إنشاء تطبيق آلة حاسبة كامل الوظائف مع دعم العمليات الحسابية الأساسية. اليوم 11: قراءة المزيد أقل: تنفيذ ميزة تقتطع كتل طويلة من النص وتوفر "اقرأ "زر "المزيد" لتوسيع محتوى النص وطيه. اليوم 12: التصنيف بالنجوم: تصميم مكون تصنيف النجوم الذي يسمح للمستخدمين بتقييم الخدمة عن طريق تحديد عدد معين من النجوم. اليوم 13: عداد متحرك: تطوير عداد يتحرك عند تحميل صفحة الويب. اليوم 14: محول سداسي عشري إلى ثنائي: إنشاء أداة تحول الأرقام السداسية العشرية إلى أرقام ثنائية. اليوم 15: مؤشر رائع: قم بتخصيص المؤشر على صفحة ويب باستخدام تأثيرات إبداعية وتفاعلية ل تحسين تجربة المستخدم. اليوم 16: تطبيق URL السريع: إنشاء مشروع يحفظ عناوين URL للوصول السريع إلى محتوى موقع الويب. اليوم 17: تأثير النص في الكتابة: تنفيذ تأثير الكتابة حيث يتم الكشف عن النص تدريجيًا كما لو تم كتابته في الوقت الفعلي. اليوم 18: شريط تمرير مقارنة الصور: صمم شريط تمرير للصور يسمح للمستخدمين بمقارنة صورتين جنبًا إلى جنب باستخدام شريط تمرير قابل للسحب. اليوم 19: وظيفة البحث: تطوير ميزة بحث تتيح للمستخدمين لإدخال الاستعلامات واسترجاعها النتائج ذات الصلة من مجموعة بيانات. اليوم 20: عداد الكلمات: إنشاء أداة تحسب عدد الكلمات والأحرف والجمل في إدخال نص معين. اليوم 21: مغير اللون الديناميكي: إنشاء ميزة تغير لون خلفية صفحة الويب ديناميكيًا بناءً على تفاعل المستخدم أو المشغلات المحددة مسبقًا. اليوم 22: Box Shadow Generator: تصميم أداة تولد تأثيرات ظل مربع CSS مع معلمات قابلة للتخصيص. اليوم 23: مشروع كاروسيل الصور: تطوير صورة مكون دائري أو عرض شرائح يعرض سلسلة من الصور بطريقة انتقالية. اليوم 24: تصفح تحميل ملف الصور: تنفيذ ميزة تسمح للمستخدمين بتحميل الصور من نظام الملفات بأجهزتهم. اليوم 25: المرح مع السلسلة: إنشاء مشروع ينفذ مهام مختلفة لمعالجة السلسلة مثل عكس السلاسل وعدها. اليوم 26: حاسبة الأموال/النقد: قم ببناء تطبيق آلة حاسبة مصمم خصيصًا لإجراء العمليات الحسابية المالية التي تتضمن العملات أو المبالغ النقدية. اليوم 27: حاسبة العمر: تطوير أداة تحسب عمر الشخص بناءً على تاريخ ميلاده والتاريخ الحالي. اليوم 28: حاسبة الودائع المالية الرائعة: صمم آلة حاسبة لحساب الفائدة المركبة. اليوم 29: حاسبة مؤشر كتلة الجسم: أنشئ تطبيق آلة حاسبة يحسب مؤشر كتلة الجسم (BMI) للشخص بناءً على طوله ووزنه. اليوم 30: تطبيق حاسبة الحب المحبوب: اصنع تطبيقًا ممتعًا وخفيف الوزن يقوم بالحساب التوافق أو "درجة الحب" بين شخصين بناءً على أسمائهم أو مدخلات أخرى.
تعد JavaScript واحدة من أكثر لغات البرمجة طلبًا وهي تتسلق إلى القمة! لماذا تتعلم JavaScript؟ هذه إجابة بسيطة، انتقل إلى Google واكتب في شريط البحث "أفضل 10 لغات برمجة". إذا كانت JavaScript في أعلى 5 لغات، فاشترك في الدورة التدريبية. إذا لم تكن مقتنعًا، فانتقل إلى Google واكتب في شريط البحث "أكثر 10 لغات برمجة مطلوبة للمطورين في أفضل الشركات". إذا كانت JavaScript ضمن أعلى 5 لغات، فاشترك في الدورة التدريبية.
لمن هذه الدورة:

• تعلم JavaScript لأول مرة؟ هل تستخدم JavaScript بالفعل وتريد إتقان اللغة؟ هذه الدورة مخصصة لك!
• هذه الدورة مخصصة لأي شخص يريد استخدام JavaScript لإطلاق تطبيق، أو تبديل الوظائف، أو العمل بشكل مستقل كمطور JavaScript.

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

ما هي المتطلبات الأساسية لدخول الدورة والتسجيل فيها على موقعنا؟ رحلة التعلم:

(احصل على الدورة للدخول إلى الموقع والتسجيل)

يجب أن يكون لديك بريد إلكتروني (حساب بريد) تتذكره لنفسك وأيضًا يجب أن تتذكر كلمة مرور البريد الإلكتروني الذي ستسجل به ، وإذا لم يكن لديك حساب بريد إلكتروني ، فمن الأفضل إنشاء حساب (Gmail)