مدونة الويب 2.0

المصادر

بسم الله الرحمن الرحيم،

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

(آخر تعديل: 6\9\2009)

أولاً: طريق الاحترافية

- تعلم لغة HTML و XHTML

- ثم تعلم لغة CSS والجافا سكربت

- ثم تعلم لغة PHP وبعدها تعلم البرمجة الكائناتية (OOP) في PHP

- بعد أن تتقن هذه اللغات حاول استخدام نظام إدارة محتوى (CMS) وأنصح بالوورد بريس لسهولته وبساطته بالنسبة لباقي الأنظمة

- بعدها تجول في عالم نظم إدارة المحتوى واختر النظام الذي ترتاح له، شريطة أن يكون (له مجتمع دعم كبير، التعديل عليه سهل والنظام لا يزال يُطور بصورة مستمرة أي ليس ميتاً) وهنا انصح بالدروبال.

- ثم حاول الدخول لعالم أطر العمل خصوصاً CakePHP للغة PHP و jQuery للغة JavaScript.

ثانياً: الكتب

- HTML, XHTML & CSS:

* Build Your Own Web Site The Right Way Using HTML & CSS: تعلم أساسيات HTML و CSS

* Designing Without Tables Using CSS: تعلم CSS بشكل أوسع وكيف تستغني عن التصميم بالجداول

* The Art & Science Of CSS: كتاب سهل وبسيط وممتع يأخذك بعالم من الأمثلة الحية لقدرات CSS

- JavaScript:

* Simply Javascript: تعلم هذه اللغة بأبسط أسلوب وبمساعدة الصور التوضيحية

* Professional JavaScript for Web Developers: بعد أن تقرأ الكتاب السابق عليك بهذا، سيعلمك الكثير عن الجافا سكربت لتصل لمستوى الاحترافية

* Pro JavaScript Techniques: تعرف على أفضل الطرق للبرمجة بالجافا سكربت من مبتكر مكتبة jQuery الشهيرة John Resig

* Learning jQuery: الآن يمكنك الانتقال لمكتبات الجافا سكربت التي تبسط عليك البرمجة بها إلى حد كبير، الكتاب يتحدث عن أشهر مكتبة جافا سكربت jQuery

- PHP:

* Build Your Own Database Driven Website Using PHP & MySQL: بدايتك في PHP من هنا، أيضاً كتاب بسيط وبالصور التوضيحية

* Beginning PHP5, Apache, and  MySQL Web Development: تعمق أكثر في PHP وخاصة النسخة الخامسة التي دعمت البرمجة الكائناتية بشكل كبير وأيضاً تعلم مبادىء MySQL

* PHP Objects, Patterns, and Practice: أفضل الطرق والنصائح لبرمجة PHP

ثالثاً: المواقع والمدونات العربية

- keepondev مدونة مختصة بالجافا سكربت و Adobe Air

- مدونة الويب 2.0 تعلم تطوير المواقع وآخر صيحات الويب 2.0 والكثير

- مبدع مواضيع منوعة وغنية خاصة في مجال التصميم

- نقطة بداية موقع عربي للتصميم يجمع خيرة المصممين العرب.

رابعاً: المواقع والمدونات الأجنبية

- css-tricks: من أفضل المدونات لتعلم تصميم الويب وأفضل أساليبه

- net tuts: مدونة غنية بالأمثلة والشروحات

- a list apart: هذا الموقع يعتبر المرجع في أفضل أساليب التطوير

- css globe: روابط من كل مكان حول تطوير الويب، متجدد يومياً

- noupe: عشرات المصادر والأمثلة في كل تدوينة

- ajaxian: كل خبر جديد ومهم في عالم الويب

- Six Revisions: تدوينات دسمة جداً!

- Smashing Magazine: مدونة كبيرة جداً وتدويناتها أكبر، تتحدث عن التطوير بشكل عام وتركز على التصميم

- Web design in Ireland: تتحدث عن جديد تطبيقات الويب 2.0

خامساً: مواقع حسب التصنيف

- HTML , XHTML:

• W3C Schools HTML موقع W3C يقدم أبسط وأسهل شرح لتقنيات الويب ومعياري بشكل كامل (أي دروسه)
• W3C Schools XHTML
• HTML Validator للتحقق من أن تصميمك متقيد بالمعايير
  

- CSS:

• W3C Schools CSS
• CSS Creator لتصميم بسيط عن طريق اختيار الألوان والقياسات والأعمدة
• Open Designs قوالب جاهزة ومجانية
• CSS Drive أفضل التصاميم (متجدد يومياً) وأمثلة كثيرة ومتنوعة
• CSS Tidy أداة رائعة لتصغير حجم ملفات CSS
• Rounded Box لصنع صناديق دائرية الحواف بدون كتابة سطر CSS واحد!

- الألوان:

• COLOURlovers أفضل موقع لاختيار ألوان متناسقة لموقعك وأيضاً نقوش (textures)، خياري الأول لاختيار ألوان رائعة
  
• Color Schemer Gallery أيضاً موقع لاختيار الألوان ولكن أصغر من السابق
• Color Theory @ ColorJack: موقع خفيف يقدم لك باقة من الألوان كي تختار اللون الأساسي ويظهر لك الألوان المتناسقة معه.
• Color Scheme Designer: من أروع المواقع لاختيار ألوان متناسقة أو متعاكسة.

- صور:

• Stock.Xchng موقع للصور المجانية
• freedigitalphotos.net موقع للصور المجانية ويوجد دقة أعلى بأسعار رخيصة
• iStockphoto صور احترافية ولكن بسعر بسيط
• Icon Finder موقع يحتوي على عدد كبير من الأيقونات
• Button Maker لصنع أزرار من نفس الموقع السابق CSS Drive
• famfamfam موقع ممتاز للأيقونات المجانية ولكن بأحجام صغيرة
• IconsPedia: موسوعة منظمة وجميلة للأيقونات.
• FBrushes!: مجموعات مجانية ورائعة من فرش الفوتوشوب.

- منوعات:

• CSS Mania: موقع متجدد يومياً بأفضل تصاميم المواقع
• Browser Shots لمشاهدة شكل موقعك على مختلف المتصفحات بدون أن تجربهم يدوياً، جربه وسترى!
• CSS Elements صاحب هذه المدونة يجدد قائمة بأجمل العناصر (قوائم، تصفح، header، footer) من مواقع مختلفة
• Firebug الإضافة الرائعة للفاير فوكس أساسية لكل مطور ويب
• Web Developer أيضاً إضافة للفاير فوكس تعطيك الكثير والكثير من الخيارات عن طريق إضافة شريط كامل لمهمات التطوير

خامساً: نصائح عامة

- توكل على الله تعالى في كل شيء وأبدأ ب “بسم الله الرحمن الرحيم”

- لا يكفي التعلم لوحده بل يجب أن تجرب ما تعلمته

• جرب ما تقرأه فوراً في حال لم تستوعب ماكتب جيداً
• لا تطبق حرفياً بل حاول أن تعدل أو تضيف على المثال

- واستشر غوغل في ما تعجز عنه