تبدأ رحلتنا في استكشاف موقع مجاني شامل يضم كنوز وهي : دورات مجانية ومنح دراسية ووظائف وتدريب ومقالات مفيدة ودليل كامل لكل مجال خاص بالتكنولوجيا حصريا وبعض من المجالات الاخري لمتابعة كل جديد علي التليجرام والفيسبوك | Telegram | Facebook

[100% Off] 10 HTML CSS JS projects- HTML5, CSS3, and vanilla JavaScript Free Course Coupon

دورة منتهية
Responsive image
منذ 3 أسابيع

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

وصف مرحبًا بك في دورتنا الشاملة حول إتقان HTML وCSS وJavaScript. ستكتسب في هذه الدورة المهارات التي تحتاجها لإنشاء تطبيقات ويب حديثة وسريعة الاستجابة من خلال إنشاء مشاريع مسلية وجذابة. وقد تم تصميم دورتنا لتوفر لك تجربة عملية، وترشدك إلى كيفية برمجة تطبيقات الويب من الصفر باستخدام أحدث تقنيات الويب: HTML5، CSS3، وJavaScript الفانيليا. يضمن هذا الأسلوب أنك تفهم كل مفهوم جيدًا ويسمح لك بممارسة مهاراتك المكتسبة حديثًا دون الاعتماد على النسخ واللصق. لا تحتاج إلى أي معرفة سابقة بـ HTML أو CSS أو JavaScript لأننا سنأخذك خلال كل بناء جملة ونشرح كل منها. خطوة بالتفصيل. دورتنا مناسبة لكل من المبرمجين المبتدئين وذوي الخبرة. سواء كنت جديدًا في مجال البرمجة أو تتطلع إلى تحديث مهاراتك، فإن دورتنا التدريبية مثالية لك. نحن نؤمن بأن التعلم يجب أن يكون ممتعًا وجذابًا، ولهذا السبب قمنا بإنشاء مجموعة من المشاريع الحديثة والرائعة للغاية والآسرة التي سوف تتطور طوال الدورة. يتم إنشاء كل مشروع بشكل مستقل من الصفر، ويمكنك اختيار المشاريع التي ستعمل عليها بناءً على اهتماماتك. تتميز الدورة التدريبية لدينا بمقاطع فيديو منفصلة لكل تقنية، مما يتيح لك التعلم والتركيز على المجالات التي تهمك أكثر. على سبيل المثال، إذا كنت مهتمًا بشكل أساسي بجافا سكريبت، فيمكنك تخطي أقسام HTML وCSS والتعمق مباشرة في مقاطع فيديو JavaScript. أنا فيجاي كومار، مطور ويب يتمتع بخبرة تزيد عن 8 سنوات. سأكون مرشدك طوال الدورة التدريبية، وسأجيب على أية أسئلة قد تكون لديك وأقدم لك تعليقات قيمة لمساعدتك في أن تصبح مطور ويب ماهرًا.
ملاحظة: تم تسجيل هذه الدورة باللغة الهندية! ويتم إنشاء الترجمة تلقائيًا.
هل أنت مستعد للانغماس في عالم تطوير الويب المثير؟ انضم إلينا اليوم وابدأ في إنشاء مواقع ويب مذهلة!
  • مدقق حالة الإنترنت: يتحقق هذا المشروع من حالة اتصال جهاز المستخدم باستخدام JavaScript. يتم عرض النتيجة على صفحة HTML مصممة باستخدام CSS. يستخدم المشروع الملاح. خاصية عبر الإنترنت للتحقق من حالة اتصال جهاز المستخدم. إذا كان الجهاز متصلاً، فسيعرض المشروع النص "متصل" على الصفحة. إذا كان الجهاز غير متصل بالإنترنت، فسيعرض المشروع النص "غير متصل" على الصفحة.
  • مدقق المتناظر: يتحقق هذا المشروع مما إذا كانت سلسلة معينة عبارة عن متناظرة باستخدام JavaScript. يقوم المستخدم بإدخال السلسلة من خلال نموذج HTML ويتم عرض النتيجة على الصفحة، مع تصميم CSS. يستخدم المشروع دالة متكررة للتحقق مما إذا كانت السلسلة عبارة عن متناظرة. تبدأ الوظيفة في بداية السلسلة ونهايتها وتقارن الأحرف في كل فهرس. إذا كانت الأحرف هي نفسها، تستمر الدالة إلى الفهرس التالي. إذا لم تكن الأحرف متماثلة، فإن الدالة ترجع false.
  • مولد ألوان RGB: يقوم هذا المشروع بإنشاء قيم ألوان RGB عشوائية (أحمر، أخضر، أزرق) باستخدام JavaScript. يتم عرض اللون الذي تم إنشاؤه على صفحة HTML، مع تغيير لون الخلفية إلى اللون الذي تم إنشاؤه. يمكن تصميم الصفحة باستخدام CSS. يستخدم المشروع الرياضيات. وظيفة Random () لإنشاء أرقام عشوائية بين 0 و 255. يتم استخدام الأرقام العشوائية الثلاثة لإنشاء قيمة لون RGB. يتم بعد ذلك استخدام قيمة اللون لتغيير لون خلفية الصفحة.
  • تطبيق العداد: هذا المشروع عبارة عن تطبيق عداد بسيط يستخدم JavaScript لزيادة قيمة العد وإنقاصها. يتم عرض قيمة العدد على صفحة HTML ويمكن إضافة أزرار لزيادة العدد وإنقاصه. يمكن تصميم الصفحة باستخدام CSS. يستخدم المشروع متغيرين لتخزين قيمة العدد والنقر فوق الزر معالجات الأحداث لزيادة قيمة العدد وإنقاصها. يتم بعد ذلك عرض قيمة العدد على الصفحة.
  • كاشف أحرف ASCII وUnicode: يستخدم هذا المشروع JavaScript لاكتشاف ما إذا كان الحرف المحدد هو حرف ASCII أو Unicode. يقوم المستخدم بإدخال الحرف من خلال نموذج HTML ويتم عرض النتيجة على الصفحة، مع تصميم CSS. يستخدم المشروع الدالة String.fromCharCode() لتحويل الحرف إلى سلسلة. يتم بعد ذلك استخدام الدالة charCodeAt() للحصول على رمز ASCII الخاص بالحرف. إذا كان رمز ASCII يتراوح بين 0 و127، فإن الحرف هو حرف ASCII. بخلاف ذلك، فإن الحرف هو حرف Unicode.
  • تطبيق الساعة التناظرية: يعرض هذا المشروع ساعة تناظرية مع الوقت الحالي على صفحة HTML باستخدام JavaScript. يتم إنشاء الساعة باستخدام CSS لتصميم وجه الساعة وعقاربها. يستخدم المشروع كائن Date() للحصول على الوقت الحالي. يتم بعد ذلك استخدام الوقت الحالي لتعيين موضع عقارب الساعة.
  • مولد الألوان العشوائية: يقوم هذا المشروع بإنشاء ألوان عشوائية بأي تنسيق (مثل RGB وHEX وHSL) باستخدام JavaScript. يتم عرض اللون الذي تم إنشاؤه على صفحة HTML، مع تغيير لون الخلفية إلى اللون الذي تم إنشاؤه. يمكن تصميم الصفحة باستخدام CSS. يستخدم المشروع الرياضيات. وظيفة Random () لإنشاء أرقام عشوائية بين 0 و 255. يتم استخدام الأرقام العشوائية الثلاثة لإنشاء قيمة لون RGB. يتم بعد ذلك تحويل قيمة اللون إلى التنسيق المطلوب وعرضها على الصفحة.
  • تطبيق حاسبة مؤشر كتلة الجسم: يحسب هذا المشروع مؤشر كتلة الجسم (BMI) للمستخدم بناءً على طوله ووزنه باستخدام JavaScript. يقوم المستخدم بإدخال طوله ووزنه من خلال نموذج HTML ويتم عرض النتيجة على الصفحة، مع تصميم CSS. يستخدم المشروع الرياضيات. وظيفة round() لتقريب قيمة مؤشر كتلة الجسم إلى منزلتين عشريتين. يتم بعد ذلك عرض قيمة مؤشر كتلة الجسم على الصفحة.
  • حاسبة القرض: يحسب هذا المشروع الدفعة الشهرية وإجمالي الفائدة للقرض بناءً على مبلغ القرض وسعر الفائدة ومدة القرض باستخدام JavaScript. يقوم المستخدم بإدخال هذه القيم من خلال نموذج HTML ويتم عرض النتيجة على الصفحة، مع تصميم CSS. يستخدم المشروع الرياضيات. دالة pow() لحساب الدفعة الشهرية. ثم يتم ضرب الدفعة الشهرية في مدة القرض لحساب إجمالي الفائدة. يتم بعد ذلك عرض إجمالي الاهتمام على الصفحة.
  • حاسبة الحب: يحسب هذا المشروع "نسبة الحب" بين شخصين بناءً على أسمائهما باستخدام JavaScript. يقوم المستخدم بإدخال أسمائهم من خلال نموذج HTML ويتم عرض النتيجة على الصفحة، مع تصميم CSS. يستخدم المشروع خوارزمية بسيطة لحساب نسبة الحب. تجمع الخوارزمية عدد الحروف في كل اسم ثم تقسم المجموع على 2. ثم يتم عرض نسبة الحب على الصفحة.
  • ملاحظة: تم تسجيل هذه الدورة باللغة الهندية! ويتم إنشاء الترجمة تلقائيًا.
    (adsbygoogle = window.adsbygoogle || []).push({}); احصل على قسيمة إذا لم يتم فتح القسيمة، قم بتعطيل Adblock، أو جرب متصفحًا آخر.

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

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

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

    الدورات المقترحة
    ...

    [100% Off] Adobe XD Projects Free Course Coupon

    ...

    [100% Off] Amazon Quicksight Ultimate Course Free Course Coupon

    ...

    [100% Off] Amazon Virtual Private Cloud Ultimate Course Free Course Coupon




    0 تعليقات