Learn JavaScript for Designers

Bring your websites to life with interactive elements using JavaScript. These tutorials are tailored to web designers and are full of practical examples and tips.
  1. New Course: Essential JS Libraries for UI

    New Course: Essential JS Libraries for UI

    Tutorial Beginner

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

  2. 11 دورة عملية للرسوم المتحركة على الإنترنت

    11 دورة عملية للرسوم المتحركة على الإنترنت

    Tutorial Beginner

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

  3. ٥ نصائح أساسية لتطوير خدمة العمال

    ٥ نصائح أساسية لتطوير خدمة العمال

    Tutorial Intermediate

    تسمح واجهة برمجة تطبيقات عامل الخدمة للمتصفحات لمصممي الويب بتقديم شيء لم يسبق لهم من قبل: الوصول إلى المواقع أو تطبيقات الويب حتى عندما تكون في وضع عدم...

  4. كيفية بناء معرض جذاب للصور يستجيب لجميع الشاشات مع slick.js

    كيفية بناء معرض جذاب للصور يستجيب لجميع الشاشات مع slick.js

    Tutorial Intermediate

    في هذا البرنامج التعليمي ، سنستخدم slick.js ، وهو ملحق jQuery شائع ، لإنشاء معرض صور جذاب سريع الاستجابة. في ما يلي المعرض الذي سننشئه:

  5. نصيحة سريعة: احذر عند استخدام الإصدار الخفيف من مكتبة jQuery

    نصيحة سريعة: احذر عند استخدام الإصدار الخفيف من مكتبة jQuery

    Tutorial Beginner

    في هذه النصيحة السريعة ، سأشرح لك متى يجب عليك عدم استخدام "الإصدار الخفيف " من jQuery ، ويجب ألا تستخدمه. لهذه النصيحة سأفترض أنك على دراية بـ jQuery ، أو...

  6. مراقب التقاطع: تعقب عناصر التمرير في العرض

    مراقب التقاطع: تعقب عناصر التمرير في العرض

    Tutorial Intermediate

    و "مراقب التقاطع" يوفر وسيلة لمراقبة غير متزامنة التغييرات في تقاطع (تداخل) من العناصر. يمكن أن يكون هذا في ما يتعلق بالعناصر الأخرى، أو إطار العرض. في هذه...

  7. طور بيئة اختبار الوردبريس الخاصة بك باستخدام Gulp و Browsersync

    طور بيئة اختبار الوردبريس الخاصة بك باستخدام Gulp و Browsersync

    Tutorial Intermediate

    في هذا الدرس التعليمي ساوضح لك كيفية العمل بكفاءة أكثر على تطوير الوردبريس، وعلى وجه التحديد عندما تقوم بتقوم بالبرمجة على جهازك.

  8. دورة جديدة: إنشاء نموذج بطاقة الائتمان باستخدام جافا سكريبت

    دورة جديدة: إنشاء نموذج بطاقة الائتمان باستخدام جافا سكريبت

    Tutorial Beginner

    إذا كنت تريد أن إضافة الدفع عن طريق بطاقة الائتمان إلى موقعك، يمكن بالفعل استخدام نموذج جافا سكريبت جاهز من صانع الإطارات مثل Forms Plus.

  9. إنشاء رأس تنقل مثبت باستخدام JQuery Waypoints

    إنشاء رأس تنقل مثبت باستخدام JQuery Waypoints

    Tutorial Beginner

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

  10. اتباع نهج مرن للملاحة استجابة

    اتباع نهج مرن للملاحة استجابة

    Tutorial Beginner

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

  11. إنشاء موقع للتمرير المنظر باستخدام Stellar.js

    إنشاء موقع للتمرير المنظر باستخدام Stellar.js

    Tutorial Intermediate

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

  12. قم بإنشاء مشغل صوت HTML5 مخصص

    قم بإنشاء مشغل صوت HTML5 مخصص

    Tutorial Intermediate

    خلال هذا البرنامج التعليمي أنا ذاهب ليكون تعريفك للصوت HTML5 ويظهر لك كيف يمكنك إنشاء الخاصة بك اللاعب.