المحتوى عن 'سلاسل تعليمية'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

  • التخطيط وسير العمل
  • التمويل
  • فريق العمل
  • دراسة حالات
  • نصائح وإرشادات
  • التعامل مع العملاء
  • التعهيد الخارجي
  • التجارة الإلكترونية
  • الإدارة والقيادة
  • مقالات ريادة أعمال عامة

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
    • React
  • HTML
    • HTML5
  • CSS
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • Sass
    • إطار عمل Bootstrap
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • ASP.NET
    • ASP.NET Core
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • سهولة الوصول
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • نصائح وإرشادات
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • التسويق بالرسائل النصية القصيرة
  • استسراع النمو
  • المبيعات
  • تجارب ونصائح

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 2 نتائج

  1. بايثون - Python - هي واحدة من أشهر لغات البرمجة وأكثرها استخدامًا، وهي لغة ممتازة ليبدأ بها المبرمجون الجدد. يمكن استخدامها في كل المجالات، بدءًا من ألعاب الفيديو ومعالجة اللغات، وحتى تحليل البيانات والتعلم الآلي. بايثون هي لغة برمجة عالية المستوى، ومُترجمة (interpreted) وتفاعلية وكائنية. وتتمتع بمقروئية عالية، إذ تستخدم كلمات إنجليزية بسيطة، على خلاف اللغات الأخرى التي تستخدم الرموز، كما أنّ قواعدها الإملائية والصياغية بسيطة، ما يجعل تعلم لغة بايثون سهلًا موازنةً بلغات برمجة أخرى. هذا المرجع هو دليلك الشامل إلى تعلم لغة بايثون، إذ يجمع دروسًا ومقالات نظرية وعملية تُسهِّل تعلمها، وكلها باللغة العربية. جدول المحتويات حرصًا على تنظيم المقالة ولتسهيل الوصول إلى القسم الذي تريده بسهولة، سنذكر هنا جدول المحتويات باختصار: تاريخ بايثون مميزات لغة بايثون أين تُستخدَم بايثون؟ لماذا بايثون؟ أريد تعلم لغة بايثون، فمن أين أبدأ؟ سلسلة تعلم البرمجة عبر بايثون 3 دروس تطبيقية وعملية تاريخ بايثون ظهرت لغة بايثون في أواخر الثمانينيات على يد غيدو فان روسوم (Guido van Rossum)، وقد عُدَّت خليفةً للغة ABC). كما استفادت من الكثير من اللغات السابقة لها، مثل Modula-3 و C و C++‎ و Algol-68 و SmallTalk، وغيرها من اللغات. نُشِر الإصدار 2.0 من لغة بايثون عام 2000، وقد قدّم العديد من الميزات الجديدة، مثل القوائم الفهمية (List Comprehensions)، ونظام كنس المُهملات (garbage collection). وفي عام 2008، ظهر الإصدار بايثون 3.0، والذي شكّل طفرة في اللغة، بيْد أنه لم يكن متوافقًا تمامًا مع الإصدارات السابقة، لذلك قرر فريق التطوير الاستمرار في دعم إصدار أخير من سلسلة بايثون ‎2.x‎، وهو بايثون 2.7 حتى عام 2020. مميزات لغة بايثون تتميز بايثون بعدة أمور عن غيرها من لغات البرمجة، منها: سهولة التعلم: يسهل تعلم لغة بايثون، إذ تتألف من عدد قليل من الكلمات المفتاحية، وتتميز بصياغة بسيطة وواضحة. المقروئية: شيفرة لغة بايثون واضحة ومنظمة وسهلة القراءة. سهلة الصيانة: شيفرة بايثون سهلة الصيانة إلى حد بعيد. مكتبة قياسية واسعة: تحتوي مكتبة بايثون القياسية على عدد كبير من الحزم المحمولة التي تتوافق مع أنظمة UNIX و Windows و macOS. الوضع التفاعلي: تدعم بايثون الوضع التفاعلي، مما يتيح إمكانية تنفيذ الشفرات مباشرةً على سطر الأوامر وتنقيح الشفرات. محمولية بايثون: يمكن تشغيل لغة بايثون على طيف واسع من المنصات والأجهزة، مع الاحتفاظ بنفس الواجهة على جميع تلك المنصات. التوسُّعية: من أهم مميزات بايثون، هو توفرها على عدد هائل من الوحدات، التي يمكنها توسيع قدرات اللغة في كل مجالات التطوير، مثل تحليل البيانات والرسوميات ثنائية وثلاثية الأبعاد، وتطوير الألعاب، والأنظمة المدمجة، والبحث العلمي، وتطوير المواقع وغيرها من المجالات. قواعد البيانات: توفر بايثون واجهات لجميع قواعد البيانات الأساسية. الرسوميات: تدعم بايثون التطبيقات الرسومية. دعم البرامج الكبيرة: بايثون مناسبة للبرامج الكبيرة والمعقدة. أين تُستخدَم بايثون؟ تُستخدم لغة بايثون في كل المجالات، فهي لغة برمجة متعددة الأغراض، ومن مجالات استخدامها: تحليل البيانات، والروبوتات، وتعلم الآلة، وتطبيقات REST، وتطوير المواقع والألعاب، والرسوم ثلاثية الأبعاد، والأتمتة وبرمجة الأنظمة المدمجة، والكثير من المجالات الأخرى التي لا يسعنا حصرها هنا. تستخدم الكثير من المواقع والشركات العملاقة لغة بايثون، ومنها Spotify و Google وAmazon، إضافة إلى Facebook التي تستخدم بايثون لمعالجة الصور. وفي كل يوم تتحول شركات جديدة إلى استخدام بايثون، مثل Instagram التي قررت مؤخرًا استخدامها وفضلتها على PHP. تُستخدم بايثون أيضًا من قبل بعض الجهات العلمية والبحثية، مثل وكالة الفضاء الأمريكية ناسا، والتي لها مستودع خاص بالمشاريع المُطورة ببايثون. لماذا بايثون؟ إنّ تحديد أفضل لغة برمجة للتعلم قد يكون مهمةً صعبةً. لو سألت عدة أشخاص عن لغة البرمجة التي يجب تعلمها، فستحصل على عدة إجابات، ويكفي أن تدخل على جوجل وتكتب أفضل لغة برمجة، وستجد آراءً مختلفةً، وجدالًا لا ينتهي حول هذا الموضوع. لا أريد أن أبدأ حرب لغات البرمجة هنا، ولكني سأحاول في هذه الفقرة تقديم بعض الحجج لتبرير لماذا أرى أنّ بايثون هي لغة المستقبل، وأن تعلم لغة بايثون مثالي للمبتدئين الذين يريدون دخول عالم البرمجة وعلوم الحاسوب. الشعبية بحسب استطلاع موقع stackoverflow، بايثون هي لغة البرمجة العامة الأسرع نموًا، كما تمكنت سنة 2019 من التفوق على جافا كأكثر لغة برمجة متعددة الأغراض استخدامًا، كما أنها رابع أكثر لغة تكنولوجيا برمجة استخدامًا وراء JavaScript و HTML/CSS و SQL، كما أنها ثاني أكثر لغة برمجة محبوبة من قبل المبرمجين. بايثون ليست لغة قوية وفعالة وحسب، كما يدل على ذلك حقيقة أنها أكثر لغة برمجة متعددة الأغراض استخدامًا، بل هي فوق ذلك محبوبة من قبل المبرمجين، وهذا مؤشر على سهولتها، ثم فوق كل ذلك جميعًا، فإنّ مستقبلها يبدو مشرقًا، لأنها الأسرع نموًا، فهل لا يزال لديك شك في أن تعلم لغة بايثون هو خيار مثالي لك؟! الرسمان البيانيان التاليان يوضحان شعبية لغة بايثون لدى المبرمجين: أكثر لغات البرمجة شعبية المصدر: https://insights.stackoverflow.com/survey/2019 أكثر لغات البرمجة المحبوبة لدى المبرمجين المصدر: https://insights.stackoverflow.com/survey/2019 بايثون مطلوبة في السوق تُستخدم لغة بايثون من قبل بعض أكبر الشركات في مجال التكنولوجيا، مثل Uber و PayPal و Google و Facebook و Instagram و Netflix و Dropbox و Reddit. إضافةً إلى هذا، تُستخدم بايثون بكثافة في مجال الذكاء الاصطناعي والتعلم الآلي وتحليل البيانات ومراقبة الأنظمة وغير ذلك. يقدر موقع stackoverflow، الدخل السنوي لمطوري بايثون بحوالي 63 ألف دولار، وهو مبلغ كبير، ويدل على أنّ هناك طلبًا كبيرًا على لغة بايثون في سوق العمل. الدعم نظرًا لشعبيتها الكبيرة، تتمتع بايثون بدعم جيد على جميع المستويات تقريبًا. وباعتبارها اللغة المفضلة للمبتدئين، فهناك قناطير من المراجع والمواد والدورات التعليمية التي تشرح مفاهيم البرمجة الأساسية، إضافة إلى صياغة اللغة وتطبيقاتها. سواء كانت هاويًا، وتحب تعلم البرمجة كهواية، أو لأجل استخدامها في مجال عملك، مثل تحليل البيانات ومعالجة اللغات الطبيعية وغير ذلك، أو كنت تريد أن تعمل كمستقل، أو تدخل سوق العمل وتحقق دخلًا من البرمجة، ففي جميع هذه الحالات، سيكون تعلم لغة بايثون خيارًا مثاليًا لك. أريد تعلم لغة بايثون، فمن أين أبدأ؟ حسنًا، إن اقتنعت بضرورة تعلم بايثون، فقد تتساءل: من أين أبدأ، وهل يوجد مرجع شافٍ وكافٍ باللغة العربية يعلمني بايثون؟ الجواب هو نعم. وفرنا في أكاديمية حسوب سلسلة مقالات عن كيفية البرمجة في بايثون 3، والتي تأخذك خطوة بخطوة لتعلم كيفية تثبيت بايثون وإعداد بيئة البرمجة، إضافة إلى المفاهيم الأساسيات للغة، وأنواع البيانات والدوال والأصناف والبرمجة الكائنية وغيرها من المفاهيم. بعد ذلك، سنَستعرض عددًا من المقالات والدروس النظرية والعملية حول بايثون. @media screen and (min-width: 650px) { .response_image { width: 33%; display: inline-block; vertical-align: top; margin-top: 0px; } .response_descrip { width: 64%; display: inline-block; margin-right: 10px; vertical-align: top; margin-top: 0px; } } سلسلة تعلم البرمجة عبر بايثون 3 سأكتب عناوين مقالات سلسلة «تعلم البرمجة عبر بايثون 3»، مع شرح مبسط لكل مقالة، وما ستتعلمه فيها هنا، وذلك لتسهيل الوصول إليها: 1. اعتبارات عملية للاختيار ما بين بايثون 2 و بايثون 3 توازن هذه المقالة بين إصدارَي بايثون 2 وبايثون 3، مع الاختلافات البرمجية الرئيسية بينهما، مثل قسمة الأعداد الصحيحة ودعم محارف اليونيكود، إضافة إلى نقاط أخرى. كما تعطي المقالة فكرة عامة عن إمكانيات كل منهما، إضافة إلى لمحة تاريخية عن الإصدارات الرئيسية الحديثة من بايثون. 2. تثبيت بايثون على مختلف أنظمة التشغيل وإعداد بيئتها البرمجية تشرح هذه المقالة خطوةً بخطوة كيفية تثبيت بايثون 3 على مختلف أنظمة التشغيل، وكيفية تثبيت بيئة برمجة عبر سطر الأوامر. وكذلك متطلبات تثبيت بايثون، إضافة إلى إنشاء برنامج "مرحبا بالعالم!" الشهير للتحقق من أنَّ بيئة العمل التي أعدَدناها تعمل عملًا صحيحًا. 3. كيف تكتب أول برنامج لك ستتعلم في هذه المقالة كيفية كتابة البرنامج الشهير "مرحبا بالعالم!" في بايثون 3، وهو أحد التقاليد الأساسية في مجال البرمجة، ويشكل أول برنامج بسيط وكامل للمبتدئين، وكذلك يُعدُّ اختبارًا لأنظمة وبيئات البرمجة، كما يعطي البرنامج فكرة عن الصياغة الأساسية للغات البرمجة. 4. كيفية استخدام سطر أوامر بايثون التفاعلي تتناول هذه المقالة كيفية العمل بسطر الأوامر التفاعلي لبايثون، وكيفية الاستفادة منها أثناء كتابة الشيفرة لتسريع تنفيذ الأوامر، وتجربة أو اختبار التعليمات البرمجية دون الحاجة إلى إنشاء وكتابة أي شيفرة برمجية، والوصول إلى جميع دوال بايثون المُضمّنة، وتاريخ الأوامر، والإكمال التلقائي. 5. كيفية كتابة التعليقات تشرح هذه المقالة كيفية كتابة التعليقات في بايثون 3، وهي عبارات تكتب في الشيفرات البرمجية وليست جزءًا منها، وتُستخدم لتسهيل قراءة الشيفرة وفهمها ومعرفة وظيفة كل جزء من أجزائها، لأنها توفر معلومات وشروحات حول ما يفعله كل جزء من البرنامج. تشرح المقالة كيفية صياغة التعليقات، بما فيها التعليقات الكتلية والسطرية، وكيفية تعليق أجزاء من الشفرة. 6. فهم أنواع البيانات تشرح هذه المقالة أهم أنواع البيانات الأصلية في لغة بايثون. وتساعد على التعرف على الخيارات المتاحة للمبرمجين في بايثون، هذه المقالة لا تشمل كل أنواع البيانات، ولكنها تتناول أهمها وأكثرها استخداما، وهي الأعداد والسلاسل النصية والقواميس والصفوف والقيم المنطقية. 7. مدخل إلى التعامل مع السلاسل النصية تستعرض هذه المقالة كيفية إنشاء السلاسل النصية، وهي مجموعة من المحارف (أي الأحرف والأرقام والرموز) التي إما أن تكون قيمة ثابتة أو قيمة لمتغير. تشرح المقالة كيفية طباعة السلاسل النصية، وجمعها مع بعضها وتكرارها، وآلية تخزين السلاسل النصية في متغيرات. 8. كيفية تنسيق النصوص هذه المقالة تتمة للمقالة السابقة، وتشرح كيفية التعامل مع السلاسل النصية في بايثون، وكيفية عرض النص الناتج بتنسيقٍ صحيح، كما تشرح بعض المفاهيم المرتبطة بالسلاسل النصية في بايثون، مثل مفهوم تهريب المحارف، والسلاسل النصية الخام وغيرهما. 9. مقدمة إلى دوال التعامل مع السلاسل النصية هذه المقالة امتداد للمَقالتين السابقتين، وتشرح مختلف الدوال التي نستطيع استخدامها للتعامل مع السلاسل النصية في بايثون 3، ومن تلك الدوال، نذكر دوال تصغير الحروف أو تكبيرها، والتأكد من تحقيقها لخاصية معينة، وغير ذلك. 10. آلية فهرسة السلاسل النصية وطريقة تقسيمها تشرح هذه المقالة آليات فهرسة السلاسل النصية في بايثون 3، وكيفية الوصول إلى السلاسل النصية عبر الفهارس، وكيفية تقسيمها إلى مجموعات من المحارف، كما تغطي طرائق إحصاء المحارف، وتحديد مواضعها داخل السلسلة النصية. 11. كيفية تحويل أنواع البيانات تشرح هذه المقالة كيفية تحويل أنواع البيانات من نوع إلى آخر في بايثون 3، مع التركيز على تحويل الأعداد والسلاسل النصية والصفوف واللوائح إلى نوع آخر، بالإضافة إلى تقديم بعض الأمثلة التوضيحية تبيّن آليات تحويل تلك الأنواع. 12. كيفية استخدام المتغيرات تغطي هذه المقالة أحد أهم المفاهيم في لغة بايثون، وهو مفهوم المتغيرات، إذا تشرح أساسيات المتغيرات، وكيفية استخدامها بالشكل الصحيح في شفرات وبرامج بايثون 3، وقواعد تسميتها، وإعادة تعيينها، والتعيين المتعدد، وتشرح الفرق بين المتغيرات العامة والخاصة. 13. كيفية استخدام آلية تنسيق السلاسل النصية تشرح هذه المقالة أشهر الاستخدامات لآلية تنسيق السلاسل النصية في بايثون 3، وهي آلية تسمح لك باستبدال المتغيرات وتنسيق القيم. مما يمنحك القدرة على تجميع العناصر مع بعضها عبر إدخالها في مواضع معينة. كما ستساعدك على جعل شيفرتك وبرنامجك أسهل قراءةً واستخدامًا، إضافة إلى توضيح كيفية إضافة الحواشي. 14. كيفية إجراء العمليات الحسابية تشرح هذه المقالة كيفية إجراء العمليات الحسابية في بايثون 3، وتساعدك على تنفيذ العمليات الرياضية بفعالية في البرمجة، وتشمل تلك العمليات، عمليات الجمع والطرح، وكذلك الضرب والقسمة، والأسّ والقسمة التحتية (floor division) وغيرها من العمليات. 15. الدوال الرياضية المضمّنة تستعرض هذه المقالة بعض أشهر الدوال العددية المُضمّنة التي يمكن استخدامها مع أنواع البيانات العددية في بايثون 3، وتشمل المقالة الدوال العددية التالية: abs()‎ و divmod()‎ و pow()‎ و round()‎ و sum()‎. 16. فهم العمليات المنطقية تشرح هذه المقالة العمليات المنطقية في بايثون 3 والمفاهيم المرتبطة بها، بما في ذلك عمليات المقارنة المنطقية، والعوامل المنطقية، وجداول الحقيقة (truth tables). إضافة إلى كيفية استخدام تلك العمليات المنطقية في الشفرات للتحكم في مسار البرنامج. 17. مدخل إلى القوائم تشرح هذه المقالة أحد أنواع البيانات الأساسية في بايثون 3، وهي القوائم، وتشرح توابعها وكيفية استخدامها، وبعض المفاهيم المرتبطة بها، مثل الفهرسة، وتعديل العناصر، واقتطاع القوائم، وإزالة العناصر من القائمة، وبناء القوائم من قوائم أخرى. 18. كيفية استخدام توابع القوائم هذه المقالة تتمة للمقالة السابقة، وتشرح التوابع المُضمنة التي يمكن استخدامها مع القوائم. وكَيفية إضافة عناصر إلى القائمة، وكيفية إزالة عناصر منها، وكيفية توسيع القوائم، وكيفية ترتيب عناصرها، وغير ذلك من التوابع المفيدة لمعالجة القوائم. 19. فهم كيفية استعمال List Comprehensions هذه المقالة تتمة للمقالتين السابقتين، وتشرح كيفية استعمال نوع خاص من القوائم، وهي القوائم الفهمية (List Comprehensions) في بايثون 3، وتشرح ماهيتها، وبعض استخداماتها، مثل استخدامها في التعابير الشرطية، أو مع الحلقات التكرارية. 20. فهم نوع البيانات Tuples (الصفوف) تشرح هذه المقالة أحد أنواع البيانات الأساسية في بايثون 3، وهي الصفوف (Tuples)، وهي إحدى أنواع البيانات المشابهة للقوائم، لكن مع بعض الاختلافات، كما تشرح المفاهيم المرتبطة بها، مثل الفهرسة، والدوال المستخدمة للتعامل معها وغير ذلك. 21. فهم القواميس تشرح هذه المقالة القواميس في بايثون 3، وهي إحدى أنواع البيانات المُضمّنة، وتتألف من أزواج مفتاح قيمة (key-value)، هذه الأزواج مفيدة لتخزين البيانات في بايثون، كما تشرح المقالة كيفية الوصول إلى عناصر القواميس، وكيفية تعديلها، وإزالة العناصر منها. 22. كيفية استيراد الوحدات تشرح هذه المقالة إحدى التقنيات البرمجية الأساسية في بايثون 3، وهي استيراد الوحدات في بايثون 3، وهي ملفات برمجية مكتوبة بلغة بايثون. كما تلقي المقالةُ نظرة على كيفية البحث عن الوحدات، وكيفية تثبيتها، وإعادة تسميتها (aliasing)، ومختلف الصياغات المرتبطة بها. 23. كيفية كتابة الوحدات هذه المقالة تتمة للمقالة السابقة، وتشرح كيفية كتابة الوحدات في بايثون 3، وكيفية واستيرادها لأجل استخدامها في ملفات البرمجة الأخرى، إضافة إلى كيفية الوصول إلى الوحدات من مجلدات أخرى، وكيفية إضافة الوحدات إلى مسار بايثون (python path). 24. كيفية كتابة التعليمات الشرطية تشرح هذه المقالة إحدى الآليات الأساسية للتحكم في مسار البرنامج في بايثون 3، وهي العبارات الشرطية، تشرح المقالة كيفية كتابة العبارات الشرطية، وتوضح العبارتين ‎if‎ و ‎else‎، كما تلقي نظرة على صياغة العبارات الشرطية المتشعبة، وتعطي بعض الأمثلة على استخداماتها. 25. كيفية إنشاء حلقات تكرار while هذه المقالة تتمة للمقالة السابقة، وتشرح آلية أخرى من آليات التحكم في سير البرامج في بايثون 3، وهي حلقات تكرار while، تشرح المقالة كيفية إنشائها، كما تعطي بعض الأمثلة التوضيحية عن كيفية استخدامها في برامج وشفرات بايثون 3. 26. كيفية إنشاء حلقات تكرار for تشرح هذه المقالة كيفية إنشاء حلقات تكرار for في بايثون 3، وهي آلية لتنفيذ تعليمة برمجية معينة على العناصر المكوِّنة لكائن مُتسلسل، مثل القوائم والصفوف والقواميس، تشرح المقالة كيفية استخدام حلقات تكرار for مع الدالة range()‎، واستخدامها مع أنواع البيانات المتسلسلة، إضافة إلى حلقات for المتشعبة. 27. كيفية استخدام تعليمات break و continue و pass عند التعامل مع حلقات التكرار تشرح هذه المقالة كيفية استخدام بعض التعابير الخاصة في بايثون 3، وهي break و continue و pass، هذه التعابير تُستخدم للتعامل مع حلقات التكرار for و while، وتساعد على التحكم في تلك الحلقات، وإيقافها أو تمريرها، مع إعطاء أمثلة توضيحية عنها. 28. كيفية تعريف الدوال تشرح هذه المقالة أحد أهم مفاهيم لغة بايثون، وهو مفهوم الدوال، وتشرح المقالة كيفية تعريف الدوال، وكيفية استخدامها في البرامج والشفرات. وبعض المفاهيم المرتبطة بها، مثل المعاملات، والوسائط، والوسائط المسماة، والقيم الافتراضية للوسائط، وغير ذلك. 29. كيفية استخدام ‎*args و ‎**kwargs هذه المقالة تتمة للمَقالة السابقة، وفيها ستتعلم كيفية تمرير عدد متغير من الوسائط إلى دالة معينة، وذلك باستخدام الصياغتين الخاصتين ‎*args‎ و ‎**kwargs‎، كما توضح المقالة كيفية ترتيب الوسائط المختلطة وكيفية تمريرها والتعامل معها. 30. كيفية إنشاء الأصناف وتعريف الكائنات تتناول هذه المقالة مفهومي الأصناف والكائنات في بايثون 3، وهما مفهومان مرتبطان بالبرمجة الكائنية. تشرح المقالة كيفية إنشاء الأصناف والكائنات، وكيفية تهيئة الخاصيات باستخدام الباني (constructor method)، والعمل على أكثر من كائن من نفس الصنف. 31. فهم متغيرات الأصناف والنسخ هذه المقالة تتمة للمقالة السابقة، وتشرح نوعين خاصين من المتغيرات في بايثون 3، وهما متغيرات الصنف (class variables)، ومتغيرات النسخة (instance variables)، وكيفية استخدامهما في البرمجة الكائنية في بايثون، وكيفية العمل مع كليهما في نفس الوقت. 32. وراثة الأصناف تستعرض هذه المقالة بعض الجوانب الرئيسية لمفهوم الوراثة في بايثون، بما في ذلك كيفية إنشاء الأصناف الأصلية (parent classes) والأصناف الفرعية (child classes)، وكيفية إعادة تعريف (override) التوابع والخاصيات، وكيفية استخدام التابع ‎super()‎، وكيفية الاستفادة من الوراثة المتعددة (multiple inheritance). 33. كيفية تطبيق التعددية الشكلية (Polymorphism) على الأصناف تشرح هذه المقالة مفهومًا آخر من مفاهيم البرمجة الكائنية في بايثون 3، وهو مفهوم التعددية الشكلية (Polymorphism)، وكيفية تطبيقه على الأصناف في بايثون 3، إضافة إلى شرح لكيفية التعامل مع توابعها، وكذلك التعددية الشكلية في الدوال. 34. كيف تستخدم منقح بايثون تشرح هذه المقالة كيفية تنقيح شفرة بايثون 3، إذ توضح كيفية استخدام المنقح (debugger) في بايثون، وتشرح بعض المفاهيم المستخدمة في التنقيح، مثل مفهوم نقاط الفصل، كما توضح المقالة كيفية تضمين المنقح في الشفرة، وتعديل مسار عمل البرنامج، وجدول أوامر المنقح pdb. 35. كيفية تنقيح شيفرات بايثون من سطر الأوامر التفاعلي هذه المقالة تتمة للمقالة السابقة، وتشرح كيفية تنقيح بايثون من سطر الأوامر التفاعلي، كما توضح كيفية استخدام الوحدة code، وهي إحدى الأدوات المفيدة التي يمكن استخدامها لمحاكاة المترجم (interpreter) التفاعلي. توفر هذه الوحدة أيضًا فرصة لتجربة الشفرة التي تكتبها. 36. كيف تستخدم التسجيل Logging تشرح هذه المقالة كيفية استخدام وحدة التسجيل Logging في بايثون 3، وسبب استخدامها، وطباعة رسائل التنقيح في وحدة التحكم، ومستويات التسجيل. تسمح لك وحدة التسجيل بإعداد كل من التسجيلات التشخيصية التي تسجل الأحداث المقترنة بعمليات التطبيق، بالإضافة إلى تسجيلات التدقيق التي تسجل الأحداث الخاصة بحركات المستخدم بهدف تحليلها. وحدة التسجيل هذه مختصة في حفظ السجلات في ملفات. 37. كيفية ترحيل شفرة بايثون 2 إلى بايثون 3 سترشدك هذه المقالة إلى أفضل آليات وممارسات ترحيل الشفرات البرمجية من بايثون 2 إلى بايثون 3، كما تساعدك على أن تقرر ما إذا كان عليك جعل الشفرة البرمجية متوافقة مع كلا الإصدارين أم لا. إضافة إلى جرد سريع لأهم الاختلافات بين الإصدارين، ثم تختم بفقرة عن التكامل المستمر. دروس تطبيقية وعملية تحتوي الأكاديمية الكثير من المقالات التي ستساعدك على تعلم لغة بايثون، وتشمل تلك المقالات مواضيع متنوعة، وتناسب مستويات متفاوتة. وقد جمعناها لك لتسهيل الوصول إليها، ولتكون لك مرجعًا تستعين أثناء رحلتك في تعلم بايثون. 1. ثلاثة أخطاء عليك تفاديها عند تعلم البرمجة بلغة بايثون تجد في هذه المقالة قائمة بثلاثة أخطاء ينبغي تفاديها أثناء تعلم لغة بايثون، لكي يحاول مبرمجو بايثون الجدد تفاديها وعدم الوقوع فيها، فهذه الأخطاء يمكن أن تؤدي إلى حدوث مشاكل كبيرة قد تأخذ من وقتك ساعات كثيرة. 2. الدليل السريع إلى لغة البرمجة بايثون Python 3 تتناول هذه المقالة بعض المواضيع الأساسية في بايثون، مثل التعليقات، وأنواع البيانات، والمتغيرات والتراكيب، وجمل التحكم والدوال والوحدات والأصناف. 3. كيفية التعامل مع الملفات النصية في بايثون 3 تشرح هذه المقالة باختصار بعض الصيغ والتنسيقات التي تستطيع بايثون التعامل معها. كما تستعرض لمحة عن بعض أنواع الملفات، ثم كيفية فتح وقراءة الملفات والكتابة فيها في بايثون 3. ويُفترض أن تُصبح قادرًا بعد نهاية هذا الدرس على التعامل مع أيّة ملفات نصية في بايثون. 4. أهم 8 مكتبات بلغة البايثون تستخدم في المشاريع الصغيرة تستعرض هذه المقالة بعض أهم مكتبات بايثون، والتي يستخدمها مبرمجو بايثون كثيرًا أثناء تطوير مشاريعهم، هذه المكتبات متنوعة، بعضها متخصص في قواعد البيانات، وأخرى في تطوير المواقع وسطر الأوامر وتحويل الملفات، والتعامل مع متغيرات البيئة، وغير ذلك. 5. كيف تستخدم الإطار المصغر Bottle لتطوير تطبيقات Python للويب تشرح هذه المقالة طريقة ضبط واستعمال إطار العمل المصغّر Bottle لإنشاء تطبيقات ويب بسيطة باستعمال لغة بايثون، كما تتضمن أمثلة توضيحية، وستتعلم فيها إنشاء أول تطبيق باستخدام Bottle. 6. كيف تنشئ تطبيق تويتر باستخدام بايثون هذه المقالة هي مرجع عملي وتطبيقي للغة بايثون، وتتضمن الخطوات اللازمة لإنشاء تطبيق تويتر، وكيفية كتابة سكربت بايثون عبر استخدام مكتبة Tweepy للاستفادة من التطبيق، ونشر التغريدات من خلاله. 7. سلسلة python 101 ستجد في هذه السّلسلة المؤلفة من 12 مقالة ما تحتاج إليه كي تتعلم لغة بايثون وأساسياتها، والتعامل مع المتغيرات، وأنواع البيانات، مثل القوائم والسلاسل النصية والقواميس والصفوف، والتعامل مع العبارات الشرطية، وحلقات التكرار، والدوال والمُزخرِفات والملفات والبرمجة الكائنية والوحدات والحزم. خاتمة تُضاف مزيد من المقالات والدروس في الأكاديمية حول بايثون باستمرار، لذلك تابع مستجدات الأكاديمية، وإن أشكل عليك شيء ما فيمكنك أن تسأل عنه في قسم الأسئلة والأجوبة الخاص بالأكاديمية. إن كنت مهتما بتعلم لغات برمجة أخرى، فيمكنك زيارة قسم البرمجة في الأكاديمية، ولا تنس أيضًا زيارة موسوعة حسوب، التي تضم توثيقات الكثير من لغات البرمجة، بما في ذلك توثيق بايثون. وفّقك الله تعالى.
  2. لا يخفى على أي مطور ويب خصوصًا مطوري واجهة المستخدم الأمامية (front end developers) أهمية إضفاء بعض الحيوية في المواقع التي يصممونها عبر الحركات، إذ هنالك عدة فوائد يمكن تحصليها من إضافة الحركات إلى صفحات الموقع أهمها الابتعاد عن السكون الممل، ولفت الانتباه، وتحسين التواصل مع الزائر أو المستخدم ...إلخ. تحاول هذه المقالة تسليط الضوء على الحركات وأهميتها في مواقع الويب مع ذكر لمحة تاريخية عنها، وتوفر للقارئ مصادر علمية نظرية وعملية لتعلم كيفية إنشاء الحركات عبر CSS باحتراف. جدول المحتويات حرصًا على تنظيم المقالة ولتسهيل الوصول إلى القسم الذي تريده بسهولة، سنذكر هنا جدول المحتويات باختصار: ما هي أهمية الحركات؟ ظهور الحركات في الويب أريد تعلم إنشاء الحركات، فمن أين أبدأ؟ دروس نظرية: مبادئ الحركات والتحريك دروس تطبيقية عملية ما هي أهمية الحركات؟ لا شك أنَّك لاحظت من خلال تصفحك للمواقع كمية الحركات المُطبَّقة فيها بدءًا من الحركات الصغيرة في الأزرار والقوائم وحتى الصور المتحركة (GIFs) والفيديوهات التي تعمل تلقائيًا. وبمناسبة الإشارة إلى الصورة المتحركة، فقد انتشرت كثيرًا في الآونة الأخيرة وهذا طبيعي بالموازنة مع الصور الساكنة المملة. فيمكنك عبر صورة متحركة رواية قصة قصيرة أو إيصال فكرة للناظر بطريقة تتفوق فيها على عدة فقرات مكتوبة. بعبارة أخرى، معلومٌ أنَّ الإشارات والحركات أبلغ من الكلمات وتترك أثرًا أعمق في الذهن، فكيف لا وهي اللغة التي يمكن أن يتخاطب بها جميع البشر مهما كانت لغتهم وخلفيتهم! أي يمكنك عبر الحركات التواصل مع شريحة أوسع من المستخدمين. إذا نظرت حولك عمومًا أو أمعنت النظر في الطبيعية خصوصًا، ستجد أنَّ الحركة في كل مكان وهي سمة الطبيعية الأساسية، فكلمة «حيوية» هي مصدر صناعي من «حياة» ويراد بها الفاعلية والنشاط. وتركبية جسم الإنسان وعدد مفاصله تؤكد أهمية الحركة التي تمثِّل سمة أساسية فيه. فمثل التحريك كَمَثل أي فنٍّ سواءً كان الشعر أو الرسم أو غيرهما من الفنون، وأصبح في عصرنا هذا علمًا يُدرّس وعملًا يُنجَز. هل خطر في ذهنك الآن أفلام الرسوم المتحركة؟ تمامًا، فهذا ما قصدته. لابد أنَّك تعرف ديزني وشخصيتها المشهورة ميكي ماوس والمحقق كونان وشهرة سلاسل المانغا اليابانية (أي القصص المصورة) وتطورها إلى رسوم متحركة (أنمي)؛ فكل ذلك أساسه الحركة والتحريك وإبداع الإنسان في توظيف الحركة في شتى المجالات. ظهور الحركات في الويب إن كنت من جيل الثمانينات والتسعينات، فلابد أنَّك زرت الكثير من المواقع التي كانت تستعمل حركات شتى مثل بطاقات لامعة أو نجوم مشعة أو قطط راقصة أو غيرها من الأشكال والتي كنت أراها مزعجة لي في بعض الأحيان؛ فلا أحب الاستعمال الزائد للحركة كثيرًا وكنت أهرب من المنتديات التي تفرط في استعمالها. أغلب ذلك كان يجري عبر تقنية Flash (الفلاش) التي أحدث ثورة في الحركات والتحريك آنذاك (بعد الصور المتحركة GIF). على أي حال، كانت ذلك يُسبِّب بطئيًا كبيرًا في تحميل الموقع مما يؤثر سلبًا عليه. في هذه الأيام ومنذ فترة ليست ببعيدة، ظهرت تقنيات حديثة يمكن عبرها إضفاء الحيوية والحركة إلى مواقع الويب وذلك عبر HTML و CSS وجافاسكربت وصور SVG دون أن تؤثر على الأداء تأثيرًا ملحوظًا أو سلبيًّا. وبالتالي، دخلت الحركة إلى أغلب عناصر الصفحة بأدق تفاصيلها. فلم يعد الغرض منها إضفاء الحيوية والمتعة للمستخدم فقط، بل تحسين تجربة وواجهة المستخدم أيضًا (UX/UI) مما يجعل الموقع أفضل وأسهل للاستخدام خصوصًا إذا كان موقع الويب (أو تطبيق الويب) تفاعليًّا مع المستخدم. أريد تعلم إنشاء الحركات، فمن أين أبدأ؟ حسنًا، إن اقتنعت بضرورة وأهمية الحركات في صفحات الويب، فقد تتساءل: من أين أبدأ وهل يوجد مرجع يشرح لي التحريك شرحًا كافيًا ووافيًا؟ أجيبك، نعم يوجد وبالعربية أيضًا. وفرنا في أكاديمية حسوب سلسلة مقالات عن تعلم التحريك في CSS والتي تأخذك خطوة بخطوة لإنشاء حركات احترافية وإضافتها إلى موقعك. هذه السلسلة هي ترجمة لفصول كتاب CSS Animation 101. ستغطي هذه المقالات المواضيع التالية: أولًا: ما هي الحركات؟ سنحاول أن نفهم سبب استخدام الحركات. سنقدم أيضًا الخاصيتين transition و animation، إضافة إلى بعض مصادر الإلهام. ثم: سنتحدث بتفصِيل عن الخاصية transition. ونتعلم كيفية عمل الانتقالات، والخاصيات التي تُمكّننا من التحكم في الحركة. بعد ذلك: سنركز على الخاصية animation، ونتعلم كيفية إنشاء الإطارات المفتاحية التي تتيح لنا فعل أشياء تتجاوز إمكانيات الانتقالات البسيطة. أخيرًا: سنجمع كل ما تعلمناه في الفصول السابقة. سندرس بعض الأمثلة المتقدمة التي تستخدم كلا الخاصيتين، ونتعلم الرابط بين الحركات وسهولة الوصول (accessibility)، ونشارك بعض مصادر CSS المفيدة التي يمكنك تطبيقها في مشاريعك، وأدوات JavaScript التي يمكن استخدامها لإنشاء تأثيرات أكثر تقدمًا. بعد قراءتك هذه السلسلة، ستفهم مبادئ التحريك في CSS فهمًا جيدًا، بالإضافة إلى الأدوات اللازمة لإنشاء الحركات وإضافتها إلى مشاريعك. تجمع مقالات هذه السلسلة بين الأمثلة النظرية والعملية. سوف تتعلم كيفية إعداد بيئة العمل الخاصة بك، وستطالع الكثير من الأمثلة العملية عن الحركات في ثنيّات الطريق. دروس نظرية: مبادئ الحركات والتحريك سأكتب عناوين مقالات سلسلة التحريك في CSS مع شرح مبسط عن ما ستتعلمه فيها هنا لسهولة الوصول إليها: 1. ما هي استخدامات الحركات؟ هذه المقالة هي أول مقالة في السلسلة وتناقش سبب إضافة الحركات وتبنيها في مواقع الويب وكيف يمكن أن يستفيد منها مصممو مواقع الويب. 2. تجهيز بيئة العمل لإنشاء الحركات ستتعلم في هذه المقالة كيفية تجهيز بيئة العمل لديك لإنشاء الحركات عبر CSS وتشغليها إضافةً إلى تحديد سير العمل. سيكون العمل إمَّا باستعمال المتصفح نفسه (سيكون الاعتماد غالبًا على CodePen) أو بتجهيز بيئة تطوير محلية. سيتطرق المقال إلى أداة البناء Gulp لأتمتة بعض العلميات الروتينية. 3. مدخل إلى الإنتقالات: التنقل بين الحالات تشرح هذه المقالة كيف يجري تحريك عنصر عبر توضيح مبدأ تحويل إحدى خصائصه وصفاته ونقلها تدريجيًّا بزمن محدَّد لتوليد شعور بالحركة. ستلقي هذه المقالة أيضًا نظرة تفصيلية على خاصية التحويل transition في CSS وكيفية استعمالها في ذلك الغرض مع أمثلة عملية. 4. مدخل إلى الحركات: مفهوم الحركة يشرح هذا المقال أولًا الفرق بين الإنتقال والحركة ويوضح كيف يُنفِّذ المتصفح حركة ما على عنصر. يعرِّفك هنا على خاصية الحركة animation في CSS شقيقة خاصية التحويل transition وكيفية استعمالها لإنشاء الحركات. يعرض أيضًا مثالين عمليَّين ويحللهما لفهم كيف تجري الحركة. يشرح أخيرًا متى تُستخدَم الحركة ومتى يُستخدَم الانتقال. 5. تطبيق عملي: الانتقالات تتعمق هذه المقالة في استعمال الخاصية transition وتعرض مثالًا عمليًّا عن تطبيقها على زر لتغيير حالته أثناء تحويم مؤشر الفأرة فوقه. تناقش المقالة أيضًا موضوع دعم هذه الخاصية عبر مختلف المتصفحات. 6. خاصيات الانتقالات تشرح هذه المقالة جميع خاصيات الانتقالات المرتبطة بالخاصية transition مع عرض بعض الأمثلة. أي أنها ستعرض الصياغة المختزلة والصياغة التفصيلية المطوَّلة لها. ستتطرق أخيرًا إلى شرح موضوع مهم يتعلق بالأشياء التي لا يطبَّق الانتقال عليها. 7. دوال التوقيت تتحدث هذه المقالة عن دوال التوقيت (timing function) وكيفية استعمالها مع الانتقالات المطبقة على العناصر، وتشرح أشهر أنواع دوال التوقيت المستعملة حاليًّا مع عرض صور وأمثلة توضيحية تساعد على فهمها. 8. الانتقالات المتعددة سترى في هذه المقالة ما يحدث عند تطبيق عملية انتقال واحدة على عنصر تغير فيه عدة حالات، أي كيف يمكن توليد حركة جديدة عبر تطبيق عملية انتقال واحدة على عنصر واحد تحدث له عدة تغييرات. يجري تطبيق ذلك على مثاليين عمليين ملهمين. 9. الانتقالات وجافاسكربت تتحدث هذه المقالة عن طريقتين لتطبيق الانتقالات على العناصر عبر استخدام لغة جافاسكربت هما: إضافة وإزالة الأصناف (أي إضافة تنسيقات مكتوبة مسبقًا أو إزالتها)، أو التحكم مباشرةً في الانتقالات (أي تعديل شيفرة CSS مباشرةً). 10. تطبيق عملي: التحريكات ستلقي هذه المقالة نظرة أعمق على الخاصية animation شيقية الخاصية transition والمكملة لها في توليد الحركات مع ذكر عدة تطبيقات عملية عليها. سيجري أيضًا شرح الإطارات المفتاحية (keyframes) وارتباطها الوثيق بتلك الخاصية وكونها أساس الحركة. 11. خاصيات الحركات تشرح هذة المقالة الصياغة المختزلة والصياغة التفصيلية المطوَّلة للخاصية animation وتشرح بعدها الخاصيات المرتبطة بها ووظيفة كل منها. تتطرق أخيرًا إلى كيفية استخدام دوال التوقيت ضمن الإطارات المفتاحية. 12. تطبيق عملي: الإطارات المفتاحية تلقي هذه المقالة نظرة أعمق على الإطارات المفتاحية (keyframes) وصياغتها وكيفية استعمالها مع الحركات لتحريك العناصر تحريكًا مخصَّصًا. سيجري شرح كل ذلك شرحًا تفصيليًّا عبر تطبيق عملي لتحريك زر حركة مُخصَّصة. 13. الحركات المتعددة المتزامنة تتحدث هذه المقالة عن كيفية استخدام عدة مجموعات من الإطارات المفتاحية (keyframes) لإنشاء حركة معقدة مؤلفة من عدة حركات تعمل بشكل متزامن مع بعضها بعضًا. المثال العملي في هذا الدرس هو إنشاء إشارة مرور. 14. موجز الحركات نتوقف هنا في هذه المقالة للالتقاط الأنفاس وأخذ استراحة بسيطة يجري فيها مراجعة وتلخص كل ما تعلمته مسبقًا في المقالات السابقة عن الحركات والانتقالات وتطبيقها لتحريك العناصر في CSS. 15. رواية القصص عبر الحركات تطبِّق هذه المقالة كل ما تعلمته مسبقًا لإنشاء حركات هادفة مفيدة، إذ تشرح مفهوم الصورة الرئيسية المستعملة بكثرة في الصفحات الرئيسية للموقع وصفحات الهبوط والتي تحكي هدف الوقع أو تُعلِّم كيفية استخدامه. 16. حرب النجوم (Star War) سنطبق في هذه المقالة كل ما تعلمته في المقالات السابقة لصنع حركة متجِهيًّة (SVG) مرحة، وذلك بالعمل على تحريك عنوان فيلم حرب النجوم من إعلان "The Force Awakens" ليظهر وكأنه ثلاثي الأبعاد. في أثناء ذلك، سيجري شرح الخاصية transform ودوالها‏ scale()‎ و translateZ()‎ و rotateY()‎. 17. إظهار المحتوى أثناء التمرير سوف تتعلم في هذه المقالة كيفية إظهار العناصر عند تمرير (scrolling) إليها وعرضها على نافذة المتصح مع إضافة حركة إليها. يعرض لتحقيق ذلك إطاري عمل هما: Wow.js و Animate.css مع عدم نسيان الدعم الذي يوفره Modernizr احتياطًا من أولائك المستخدمين الذين لا يشغّلون JavaScript لسبب ما. 18. سهولة الوصول تنتقل هذه المقالة بعيدًا عن الحركات للتحدث عن سهولة الوصول (accessibility)، إذ لا تقل عملية تسهيل وصول جميع الأشخاص للمحتوى أهمية عن عملية إنشاء الحركات. تدور رحى هذه المقالة حول مناقشة العبارة التالية: ما الفائدة من الحركات إن منعت بعض الأشخاص (مثل الذين يستخدمون قارئات الشاشة مثلًا) من الوصول إلى المحتوى وعرضه، أو سببت إزعاجًا لآخرين وأعاقتهم عن استخدام موقعك أو تطبيقك بأريحية وكفاءة. 19. نهاية الرحلة تعرض هذه المقالة الأخيرة من سلسلة التحريك في CSS بعض المصادر والمراجع المفيدة في إنشاء حركات متقدمة وتحاول توجيهك إلى الخطوات اللاحقة لتطوير نفسك والانتقال إلى مراحل متقدمة في مجال التحريك. دروس تطبيقية عملية @media screen and (min-width: 650px) { .response_image { width: 33%; display: inline-block; vertical-align: top; margin-top: 0px; } .response_descrip { width: 64%; display: inline-block; margin-right: 10px; vertical-align: top; margin-top: 0px; } } تحوي الأكاديمية على مقالات عدة تتحدث عن الحركات في CSS بمستويات متفاوتة ومواضيع متنوعة تصب جميعها في موضوع واحد ألا وهو «التحريك في CSS»، لذا جمعت لك جميع هذه المقالات لسهولة الوصول إليها من مكان واحد ولتكون لك مرجعًا تستعين به في المستقبل. مبادئ التحريك في صفحات الويب باستخدام CSS تشرح هذه المقالة المبادئ الاثنا عشر لأساسيات التحريك عبر CSS - المنشورة بكتاب عنوانه: "وهم الحياة: الرسوم المُتحركة في ديزني" - وتناقش كيف لها أنّ تُطبَّق في صناعة صفحات الويب مع أمثلة توضيحيّة وإتاحة الوصول إلى مصدر شيفرة HTML و CSS الخاصّة بهذه الأمثلة. تأثيرات حركية على عناصر قوائم HTML باستخدام CSS ستتناول هذه المقالة كيف يُمكن للحركات المُساعدة على تقديم مُحتوى جديد، وذلك عبر إظهار وإخفاء عناصر القوائم. تتطرق أيضًا إلى شرح كيفية استخدام JavaScript لإضافة عناصر جديدة إلى القائمة، إذ يجري تطبيق حركة عليها أثناء إظهارها. تحريك شبه العناصر (pseudo-elements) في CSS ستتعرف في هذه المقالة على كيفية استخدام عنصر زائف (pseudo-element) لإضافة تأثير بصري على زر في CSS. يشرح أولًا ماهية شبه العناصر (أو العناصر الزائفة) وفائدتها وكيفية الاستفادة منها في إنشاء الحركات، ثم ينتقل إلى كيفية توظيفها في إنشاء زر برَّاق عبر الحركات. تحريك زر تفضيل التغريدة الخاص بتويتر باستخدام CSS فقط يعرض هذه المقالة طريقة لمحاكاة حركة زر "التفضيل" في تويتر الذي حدثه مؤخرًّا المعتمدة على سلسلة من الصور ولكن ستجري عملية محاكاة الحركة وتقليدها باستعمال CSS مع دوال التوقيت بالإضافة إلى شرح مفهوم وهم الحركة. تنبيهات مؤقتة باستخدام CSS ستتعلم في هذه المقالة البسيطة كيفية عمل تنبيهات مؤقتة بحركة جميلة باستخدام CSS فقط حتى تخطر المستخدم بوجود شيء جديد. ما سيجري تطبيقه هو إظهار تنبيه بسيط أو عبارة ما أسفل الشاشة لمدة معينة، ثم إخفاؤها. وسنضيف شريط تقدم (progress bar) لنعرف كم تبقى من الوقت حتى يختفي التنبيه. كيفية إنشاء قائمة متحركة من نوع off-canvas في CSS يشرح هذا المقال كيفية إنشاء قائمة تنقل من النوع الذي يكون خارج الشاشة (off-canvas)، إذ ستتعلم ببناء شيء شبيه بهذه المعاينة (انظر إلى Demo2) بحيث تكون الأيقونة التي تفتح القائمة موجودة في أعلى يسار الشاشة والحد (border) يكون اسمك من جهة اليسار. تأثير الانتقال في مشهد فضائي يشرح هذا الدرس طريقة إنشاء تأثير الانتقال في مشهد فضائي يضم الأرض والقمر ، إذ يهتم المقال بتعليمك كيفية استخدام الانتقالات لدب الحياة في محتوى الصفحة، بالإضافة إلى إنشاء تأثيرات مرور الفأرة فوق العناصر لتبدو بأجمل مظهر. أضف إلى ذلك أنها تناقش مفهوم الانتقالات والحركات والفرق بينهما وأيهما يجب أن تستخدمه. كيف تنشئ ساعة ذات عقارب باستخدام تحريكات CSS و JavaScript يشرح هذا الدرس طريقة إنشاء ساعة متحركة باستخدام تأثيرات CSS و JavaScript. أساس إنشاء هذه الساعة سيكون باستخدام HTML و CSS وخلفية SVG إضافةً إلى بعض أسطر JavaScript. ستستعمل أيضًا التحريكات Animations والانتقالات Transitions في CSS، وسنعتمد على JavaScript لضبط التوقيت الابتدائي. تحريك وانتقال العناصر في CSS3 (الانتقال) يشرح هذا المقال كيفية تطبيق الانتقالات (الخاصية transition) على العناصر عبر في CSS فقط مع ذكر أهم خصائص العناصر القابلة للانتقال مع أمثلة عملية. يتطرق أيضًا إلى زمن وسرعة الانتقالات، والتأخير في الانتقالات، وكيفية تطبيق الانتقال بتعليمة واحدة مختزلة. تحريك وانتقال العناصر في CSS3 (التحريك) يكمل هذا المقال شرح مفهوم تحريك العناصر وتطبيق التأثيرات البصرية عبر الحركات (الخاصية animation) في CSS ويوضح كيفية تحريك العنصر بين عدة حالات مع أمثلة عملية. المواضيع التي يتحدث المقال عنها أيضًا هي الإطارات المفتاحية، ومدة الحركة ودوال التوقيت، وتأخير تشغيل الحركة، واتجاه الحركة وحالتها، وتخصيص الحركات، وكيفية تطبيق حركة بتعليمة واحدة مختزلة. تأثير الانتقال والحركة في CSS يُعرِّفك هذا المقال على تأثيرات الانتقالات (Transitions) والحركات (Animations) في CSS3 بالإضافة إلى الحديث عن دعم المتصفحات لها، والخصائص التي تسمح بتطبيق تأثيرات الانتقال عليها، ومدة وتوقيت تأثير الانتقال، والإطارات المفتاحية في الحركات، ودوال التوقيت، وأزمنة الحركات، وتكرار واتجاه وحالة الحركة، وغيرها. أفضل 25 مكتبة تحريك في CSS يعرض لك هذا المقال أفضل مكاتب التحريك في ‏CSS، والتي تساعدك في حفظ وقتك عند تصميم ‏موقع الويب الخاص بك من خلال استخدامك لهذه المكاتب التي تضفي بعض الديناميكية والتفاعل إلى ‏عملك، إذ تحوي هذه المكتبات على العديد من الحركات والمؤثرات لأي نوع من أنواع عناصر صفحات الويب كالنصوص، الصور، الإطارات، الأزرار، والبطاقات والعديد غيرها. تأثيرات إبداعية لإضافة وإزالة عناصر قائمة باستخدام تحريكات CSS يشرح هذا المقال استخدام الحركات (animations) والانتقالات (transitions) في CSS3 لإعطاء تأثيرات عند إضافة أو إزالة عناصر من قائمة بالإستعانة بتقنية التخزين المحلي للمتصفح، إذ من الضروري أن يكون للانتقالات والحركات هدف واضح ومحدّد، ألا وهو تحسين تجربة المستخدم. كيفية إنشاء قائمة تنقل دائرية باستخدام CSS Transforms يعلمك هذا المقال كيفية إنشاء قائمة تنقل (navigation) دائرية الشكل باستخدام الانتقالات في CSS. يراعي المقال شرح ذلك خطوة بخطوة بالإضافة إلى الحسابات والمنطق البسيط وراء هذه الطريقة حتى يتسنى لك فهم كيفية عمل هذه القائمة المميزة. استخدام المحدد target: ضمن CSS لإنشاء تأثيرات واجهة المستخدم UI بدون JavaScript يشرح هذا المقال كيفية استخدام المحدد target: ضمن CSS لتحديد وتنسيق مظهر العنصر أو الفقرة الموجودة ضمن نفس الصفحة والمعرفة عبر الخاصية href ضمن رابط ما، إذ يتم تطبيق هذه التنسيقات على العنصر الهدف عند النقر على ذلك الرابط بدون اللجوء لاستخدام JavaScript. يشرح المقال أيضًا كيفية استعمال الخاصية animation لتطبيق تنسيق ما بشكل متدرج.