إدفع الويب إلى الأمام

يمكنك أن تجعل الويب رائع كما تحب أن يكون

تحب معايير الويب – وتريد أن تشارك فى مجتمع الويب. وتريد أن تعرف من أين تبدأ؟ نحن هنا لمساعدتك

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

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

إرتقي بمستواك

عندما تعمل شئ تكون جيداً فيه. إذاً تعال نغوص فى مجتمع الويب

تعلّم

أحد الأشياء الرائعة عن الويب هي انه يتغير بإستمرار. ولربما كان هذا التغيير شاسع ومن الصعب إدراكه, فنحن هنا لنساعدك على اللحاق بهذه التغيرات وعلى فهمها - هنا ستجد مصادر كثيرة تساعدك على معرفة كيف تعمل برامج تصفح الأنترنت, وتساعدك على أن تكون على علم دائم بالتطورات والتغيرات التى تحدث فى هذة المتصفحات.

كيف أكون على علم دائم بالجديد فى هذة المتصفحات؟

تابعهم على تويتر

من الجيد متابعة الحسابات الأتية
(Opera developer relations) @oDevRel
(Chrome developer relations) @ChromiumDev
(Mozilla's web developer outpost) @mozhacks
(Internet Explorer Team) @IE

كيف أعرف طريقة عمل المتصفح؟

مصادر تعليمية أخرى

مراجع وموسوعات

إكتساب الخبرة؟

كل ما فى الأمر هو قراءة بعض المقالات والتغريدات لتكتسب الخبرة, ثق بنا حيثما بدأت ستجد أن الأمر يصبح أسهل.

نعم, أريد البدء

هؤلاء بعض من قرروا البدء أيضا:

قابل مطورون أخرون

حضور المقابلات والمؤتمرات المحلية فرصة جيدة لمقابلة المطوريين الأخرين ولمشاركة الأفكار والخبرات معهم, مواقع مثل WhatIsUpStartups ستساعدك فى معرفة الأحداث والمؤتمرات القريبة منك.

أطلب المساعدة

إسأل وجاوب على الأسئلة وشارك فى المحادثات على ال IRC

كيف تبدأ مع ال irc و موقع freenode

  • قنوات او غرف IRC هامة على موقع irc.freenode.net:

    #html5 / #css / #javascript / #whatwg / #jquery / #yui / #dojo / #web/ #bbg

  • وقناة js# على irc.mozilla.org

كيف تطلب المساعدة

  1. من الأفضل , بل يجب أن تقوم بعمل jsfiddle أولاً.
  2. قلل مساحة البحث عن المشكلة.
  3. تذكر: كن دقيقاً
  4. إسأل على IRC أو StackOverflow و ساحة المحادثات الخاصة به أو أصدقائك.

يد المساعدة

كلنا وصلنا إلى ما وصلنا إلية بالإعتماد على بعضنا. لا تكن خجولا, وأسال عما تريد. ولكن تذكر ان تقوم بعمل jsfiddle.

نعم, سأفعل

هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:

تعمق أكثر

تعرف طريقك بوضوح. إذا هذا هو الوقت لتبدأ بالعمل

ساعد الأخرين

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

مشاريع مفتوحة المصدر تحتاج إلى وقتك

  • HTML5 Boilerplate - مشروع يساعدك على تطوير موقعك باستخدام افضل الممارسات.
  • jQuery Learning Site - موقع تعليمى لمكتبة جافاسكريبت المشهورة jQuery.
  • jQuery Mobile - افضل الممارسات عن البرمجة للهواتف النقالة
  • Modernizr - مشروع يساعدك على الكشف عن التقنيات التى يدعمها المتصفح قبل تطبيقها.
  • Bootstrap - سجادة عمل لكل من HTML و CSS و JS تساعدك على بناء تطبيقات الويب بسرعة – مقدمة من تويتر.
  • Normalize.css - مشروع لجعل كل المتصفحات تعرض مواقع الانترنت بنفس الطريقة.
  • Dojo - سجادة عمل شاملة لتطوير تطبيقات الويب والهواتف النقالة.
  • Lazyweb requests - ادوات وحلول من الرائع ان يمتلكها مطورى الويب.

قم بإتباع خطوات ’طلب المساعدة‘ فى الأعلى وألق نظرة على بودكاست Addy Osmani عن كيفية المشاركة !

شارك بخبرتك

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

نعم, سأفعل ذلك

هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:

أرسل تعليقاتك على المواصفات

المواصفات specifications (وهى عبارة عن وصف دقيق لما ينبغى ان تكون علية التقنية او لغة البرمجة وكيف يتم استخدامها) تحدد وتنظم طريقة الأستخدام, ويتم وضعها من قبل فريق عمل Working Groups -WG من خلال محادثات مكثفة عن طريق البريد الإلكترونى. ولكن يبقى الإحتمال ان تقوم شركات متصفحات الويب بإنتاج متصفحات لا تتبع هذة المواصفات, وعندها يجب ان نقف نحن المطوريين ضد هذة البرامج ونقوم بإرسال feedback بكل خطأ نجدة فى هذة البرامج.

  • تعرف على تاريخ الإنترنت.
  • إلقى نظرة على كيفية عمل مجموعات ال CSS.
  • إشترك فى هذة القوائم البريدية لتتابع المشاركات والمناقشات التى تقود الويب:
    • public-webapps - مناقشات تقنية عن تطوير تطبيقات الويب
    • www-style - مناقشات تقنية عن ال CSS
    • whatwg - القائمة البريدية ل Web Hypertext Application Technology Working Group
    • public-html - مناقشات تقنية حول HTML
    • www-dom - مناقشات تقنية عن ال DOM
    • public-fx - مناقشات حول القضايا التى توثر على ال CSS و SVG
  • إقرأ HTML5 Spec for developers تم حذف ما لا يهم المطورين وتم تصميمها بطريقة جميلة
  • أسهل طريقة لترسل تعليق او تبلغ عن خطا فى HTML specification هى أن تقوم بتحديد الجزء الذى تريد ان تبلغ عنة ثم تكتب تعليقك فى الشريط اسفل الصفحة.
  • تعرف على أخر القضايا حول ال HTML و CSS عن طريق متابعة الحسابات الاتية

هل ستساهم؟

نحن الذين نستخدم المواصفات, فلماذا لا نساعد على عمل المواصفات التى نحب؟ دعنا نجعلها أفضل مما هى علية الأن.

نعم, سأفعل ذلك.

هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:

إكتشف الإمكانيات الجديدة

إذا كنت قد تعلمت الأساسيات, فهذا هو الوقت لتتعمق أكثر. هنا سوف نتعرف على Advanced CSS و الامكانيات الجديدة فى HTML ومستقبل هذة التقنيات. العديد من الأمكانيات متوفر دعمها الأن فى متصفحات الويب وإكتشاف هذة الإمكانيات والمميزات يساعدنا على دفع الويب إلى الأمام.

أمثلة على أفضل الطرق للتعرف على الإمكانيات الجديدة

مميزات رائعة لتكتشفها ( وربما تكتب عنها )

المتصفحات تضيف مميزات CSS دائما. ونحن نكره الأوامر الخاصة بكل متصفح vendor prefixes لذلك نرسل تعليقاتنا عليها دائما وأنها لا تناسب عملنا. لذلك تشجع ان تجرب كل ميزه جديدة وترسل تعليقك عليها. وهذة نظرة على vendor-prefixed CSS property, كتبها Peter Beverloo, وفيها العديد من اوامر ال CSS التى تحت التجربة - وكثير منها ليست معروفة وليست مفهومة عند الكثير. يمكنك الكتابة عنها لتعلمها وتبسطها للمطوريين الاخرين - وهناك خواص أخرى مثل:

إكتشف المجهول

الطريقة الوحيدة لدفع الويب إلى الأمام هى تعلم التقنيات المتقدمة ومن ثم إستخدامها. وستستمتع بتعلم هذة التقنيات كثيراً.

نعم سأفعل ذلك

هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:

أكتب

أنشر ما تعلمتة ولا تخف من إرتكاب الأخطاء. أنشر على مدونتك و أحرص على ان تكون مقالاتك محدثة دائما. وقم بعمل مناقشات مع قراء مدونتك وعلمهم وتعلم منهم.

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

ما الذى يجب ان تكتب عنة؟

أشياء يمكن ان تعلمها للناس: هنا ستجد أفكار جيدة

  • لماذا وُجدت هذة التاج <br> و <hr>؟
  • كيف تقوم بعمل slideshow بأقل قدر ممكن من الكود ؟
  • ما هو ال DOM ؟ ولماذا وُجد ؟
  • أنظر كيف يقوم المتصفح بتطبيق أى واحدة من ال CSS property , وقارن هذا مع ال CSS specifications
  • كيف تقوم المواقع المشهورة بعمل صفحتها الرئيسية .
  • كيف يمكنك إصلاح أحد أخطاء المواقع الكبيرة (مثل: وقت كبير فى التحميل - خطا فى الجافاسكربت - او أخرى )
  • خذ Demo مشهورة و أشرحها بطريقة مختلفة او اشرحها هى نفسها
  • قم بعمل تلخيص للأفكار التى تدور فى الويب مؤخراً.
  • أكتب عن خبرتك فى المشاريع المفتوحة المصدر.
  • كيف يمكن لل CSS preprocessor أن تؤدى إلى اخطاء فى الكود, إذا لم يتم التعامل معها بطريقة صحيحة
  • إذا كانت لغتك الأم غير الإنجليزية:
    • ترجم بعض المقالات المهمة والمشهورة عن تطوير وبرمجة الويب.
    • وضح الأشياء الغامضة او الغير معروفة فى ال specifications

أكتب

ولا تلتفت إلى عدد القراء او عدد المتابعين لك على تويتر - قدم ما تعلمتة وسيكون هناك من يستفيد

نعم, سأفعل ذلك

هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:

بلغ عن الأخطاء

يجب على شركات المتصفحات أن تعالج أخطاء المتصفحات بجدية اكثر, وعلينا ان نساعدهم فى ذلك.

إقضى على مشاكل المتصفحات

هذة هى أسرع طريقة لتحسيين اداء المتصفحات - عن طريق التبليغ عن المشاكل وحلها. هذة العملية لا تستغرق بضع دقائق, ويمكن لأى شخص القيام بها.

نعم, سأشارك فى ذلك

هنا بعض المطوريين الذين قرروا فعل ذلك أيضا:

مبدع!

لديك خبرة طويلة, وأنت الأن محترف فى تقنيات الويب - إذا دعنا نقترح عليك بعض الأشياء

هاك

إدفع الويب إلى أقصى حدودة. هاك على CSS او advanced HTML او JavaScript او the browser's rendering engine. ادخل على مواقع مثل github , اختر مشروع وتفحص الكود جيدا وتعلم منة ثم ضع لمستك انت. هيا نجعل الويب مكان رائع - هناك طرق كثيره لفعل ذلك:

ساهم فى تطوير المتصفحات

ساهم فى سلاسل الإختبارات

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

ساهم فى المواصفات   specifications

ساهم فى أدوات التحقق من صحة الكود

أترك بصمتك

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

سأشارك بالتأكيد

هنا بعض المطوريين الذين قرروا فعل ذلك أيضا: