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 مشروعًا على النحو التالي: اليوم الأول: مشروع تحويل الكلام إلى نص: إنشاء مشروع حيث يمكن للمستخدمين التحدث في ميكروفون أجهزتهم وتحويل كلامهم إلى نص. اليوم الثاني: تطبيق البيانو: تطوير تطبيق بيانو افتراضي حيث يمكن للمستخدمين عزف النوتات الموسيقية والأوتار باستخدام لوحة المفاتيح أو الماوس. اليوم الثالث: تطبيق تحويل النص إلى صوت: إنشاء تطبيق يحول النص المكتوب إلى كلمات منطوقة، مما يسمح للمستخدمين بالاستماع إلى النص الذي يقومون بإدخاله. اليوم الرابع: Robot Joke Generator: اصنع مشروعًا يولد نكتًا عشوائية يتم تسليمها بتنسيق صوت أو نص آلي. اليوم الخامس: مولد ألوان HSL: تطوير أداة تولد الألوان باستخدام نموذج ألوان HSL (تدرج اللون والتشبع والخفة)، مما يسمح للمستخدمين بتخصيص الألوان ومعاينتها. اليوم السادس: التطبيق المشروط: قم بإنشاء نافذة منبثقة مشروطة تعرض المحتوى أو الرسائل عبر واجهة التطبيق الرئيسية. اليوم السابع: الساعة الرقمية: صمم ساعة رقمية تعرض الوقت الحالي والتحديثات في اليوم 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)