cssbit 2.0

بعض البرامج والأدوات المهمة لمطور الويب:

1. filezilla لإدارة الملفات عبر FTP، يوجد ايضا addon ل firefox اسمها FireFTP
2. Notepad++ إصدار جديد من هذا المحرر متوفر مجانا للتحميل
3. wampserver سيرفر مجاني لنظام windows يوفر أدوات جديدة، مثل php 5 ..
4. Virtual PC لتجربة أنظمة windows و linux دون تنصيبها على القرص الصلب
5. goplan.org لأدارة المشاريع
6. aptana محرر عدة لغات: php, ruby, mysql .. برنامج، قوي، مفتوح المصدر ويوفر أدوات عمل كثيرة

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

ماذا نريد أكثر ذلك ؟ هل توجد شركة أخرى تعاملنا بمثل هذا الاهتمام البالغ وهذه الخدمات التي تكاد تكون مجانية ؟
هنا قائمة بالخدمات التي سأعتمد عليها ابتداء من شهر مارس 2008:

1. google docs، سأستغني عن خدمة box.net، لأن google docs مجانية بالكامل وسريعة وسأشعر بالمزيد من الأمان على بياناتي وملفاتي الشخصية .. أيضا ملف الديون الذي أحتفظ به على شكل ملف word سأحوله الى Spreadsheet لأتمكن من التعديل وإجراء عمليات حسابية بسهولة، وهنا يوجد برنامج صغير لتحميل الملفات مباشرة من الجهاز الى google docs
2. Gmail خدمة البريد التي أعتمد عليها دائما، سأحاول الاستفادة منها بشكل موسع، بدءا من تعديل بعض الخيارات settings .. قررت حذف google talk لأنه يلهي عن العمل، وأيضا استعمل gmail notifier للتبيلغ الفوري بالرسائل فلا حاجة بالبرنامج gtalk
   إذا كنت تعاني من كثرة الرسائل المزعجة يمكنك استعمال حسابك في gmail بطريقة أخرى بحيث يصبح: user@googlemail.com، ربما هذا العنوان الجديد يخفف من حدة spam
3. google calendar، كتبت بعض الامور التي يمكن أن انساها، مثل تاريخ تجديد الدومينات بحيث أحصل على تبيلغ بالبريد قبل اسبوع من تاريخ انتهائها، أيضا الأحداث والتواريخ المهمة سنة 2008 .. هناك ميزة قد تعجب البعض وهي التبليغ مباشرة برسائل SMS
4. google reader البعض ينتقد هذه الخدمة، مع أنها مفيدة للغاية، شخصيا اصبحت أقضي 20 دقيقة فقط في معرفة جديد عشرات المواقع التي كنت اتابعها سابقا ب bookmarks firefox، في الصباح عندما تدخل الى حسابك لمعرفة الجديد، ستجد أن جوجل وفر لك جميع المقالات الجديدة بينما كنت نائما .. ووفر عليك عناء الدخول لكل موقع على حدة والبحث عن الجديد .. وفي حين أنك قد تجد جديدا وقد لا تجد وبالتالي تضيع الوقت في تصفح الموقع فإن جوجل لا يعرض لك إلا الجديد .. أيضا مع توفر عشرات البرامج فأن خدمة ويب أفضل من تنصيب برنامج، ولمن يتوفر على laptop وربما يكون عابر سبيل بالأنترنت ولن يبقى كثيرا لقراءة مقالاته، هناك خاصية لتحميل كل المقالات الجديدة وتصفحها خارج الشبكة ..
5. igoogle خدمة مثل pageflakes و netvibes، عند تصفح الإضافات أرى عددا كبيرا جدا من المستعلمين لذلك لماذا لا أستعملها أنا أيضا ؟ بالنسبة لي أبحث عن الجودة والإضافات التي تساعد في productivity وأرى أن netvibes أكثر تميزا من igoogle لكن لا أريد أن اكون مشتتا بين عدة مواقع .. فأنا أسعى دائما أن تكون أدوات عملي واضحة ويسهل الوصول إليها .. وحبذا لو تكون في مكان واحد
6. Google Analytics، هناك الكثير من الخدمات المنافسية لكن هل بمميزات وجودة هذه الخدمة ؟ يمكنني إضافة عدة مواقع الى نفس الحساب واحصل على تقارير يومية مفصلة ..

هذه هي الخدمات التي استعمل بعضها حاليا، سأتوجه إلى المزيد من خدمات جوجل وأعتمد عليها في ظل الا أمان الذي يهدد مستعملي الأنترنت ..

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

هناك خدمات في الويب تساعد في استغلال الوقت لمزيد من الإنتاجية وهذه بعضها:

1. rescuetime
2. simplyinvoices
3. 5pmweb
4. timmyontime.com

إذا كنت تبحث عن برنامج يوفر لك عدة خدمات في نفس الوقت، وتريد ان يكون ذلك على الجهاز دون الوصول الى مواقع الأنترنت فهذا البرنامج قد يكون ما تبحث عنه: jetTask

بالإضافة الى task أو to do list فهو يوفر خاصية notes و calendar واحصائيات مفصلة عن جدول أعمالك، البرنامج يعمل على windows xp وسعره 20 دولار فقط، وهو متوفر للتجربة مجانا ..

تجربة البرنامج

• تعلم قول لا
• أداة مجانية لتنظيف الجهاز
• التعابير القياسية أو Regular expression
• goPlan خدمة أنيقة وجميلة جدا لإدارة المشاريع
• Google Summer of Code مسابقة جوجل السنوية في البرمجة
• OpenCart سكريبت تسوق مجاني ومفتوح المصدر أيضا
• wakoopa تعرف على المزيد من البرامج، وشارك الاخرين بمجموعتك
• دليل سريع للغة ruby

• The Ultimate CSS Reference كتاب جديد من sitepoint، يعرض الكتاب ذو التجليد الفاخر أوامر css مع الأمثلة والتوافقية مع متصفحات الويب .. دليل مهم جدا لكل مطور ويب، من الأفضل شراء نسخة ورقية ب 44.95 دولار

  

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

• The CSS Anthology: 101 Essential Tips, Tricks & Hacks كتاب جميل لمطورة ويب من بريطانيا، يحتوي على حلول وتقنيات ومهارات في css ..

  

  شراء هذين الكتابين استثمار حقيقي في تعلم وإتقان css ..

صدر العدد الجديد من من مجلة programmez، موضوع هذا العدد هو المصادر الحرة، وكيف تطور وتبرمج كل أعمالك بابرامج الحرة والمفتوحة المصدر ..

محتويات العدد:

• Le poste du développeur libre
• Les outils du développeur
• Les coulisses d’OpenSUSE
• Ubuntu : la distribution qui monte
• KDE : le succès d’une interface libre !
• EMF Compare : le quotidien d’un projet Eclipse
• PHP : comment participer au langage libre le plus populaire
• Gnome : l’autre interface open source
• Reportage : Linagora, une société open source à 100%
• Comment Microsoft perçoit le mouvement Open Source
• Licences ouvertes : cerner les problèmes et comprendre les enjeux

بالإضافة الى مقالات وابواب أخرى متنوعة ..

محتويات CD:

• Zend Studio for Eclipse 6.0
• Zend Framework 1.5.0 Preview
• PhpEdit 2.12.8
• Talend Open Studio
• WampServer 2.0
• Celtix 1.0
• Lyria Leonardi 4.0
• Grails 1.0

يمكن قراءة بعض الصفحات من العدد من موقع المجلة، كما يمكن لتحميل برامج CD المرفق مع العدد مجانا من هنا

مطور ويب يحتاج لاستعمال icons، بل حتى مبرمجي التطبيقات يحتاجون الى هذه icons مع اختلاف الصيغ .. مع العدد الكبير من المواقع التي تبيع مجموعات جميلة منها، فكرت في احتمال شراء واحدة ..

فمواقع كثيرة مثل facebook و yahoo لها إيقونات مميزة خاصة بها لن تجدها في مواقع أخرى .. قد تكون هي نفسها من صممتها وقد تكون تعاقدت مع مواقع icons .. مثل شركة simplebits .. وهي بالمناسبة تتكون من شخص أو شخصين فقط .. هذه الشركة الجميلة تعاملت مع جوجل في تصميم إيقونات وthemes ..

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

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

مواقع تقدم هذه الخدمات:

• iconshoppe.com
• mezzoblue.com
• iconbuffet.com
• fasticon.com
• yellowicon

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

css & xhtml
لعلك تتفق معي أن هاتين اللغتين أن صح التعبير، مطلب أساسي وبدونهما لا يمكن أن تصبح مطور ويب، لأنك بالعمل على لغات أخرى ك php أو ruby ستحتاج دائما إلى xhtml و css .. لذلك فاجعل هدفك الرئيسي في البداية هو إتقان css والتمكن من كتابة كل ما تتخيله بأكواد css و xhtml ..

يجب أن تتمكن من تصميم صفحة من 2 أو 3 أعمدة، بالإضافة الى توزيع المحتويات .. دون الاعتماد على أوامر table لأن هذه الأوامر مخصصة لعرض المحتويات التي يجب أن تكون على شكل جدول فقط .. تصميم forms وحقول التسجيل ..الخ، تأثيرات الصور والمحتوى ب css، .. والكثير الكثير من المهارات المطلوب منك الإلمام بها ..

أيضا يجب أن تكون كل صفحاتك متوافقة مع اختبارات w3c، وبالتالي ستتعلم اشياء كيرة، فالرمز & يجب أن يكتب & amp;  حتى لا يظهر لك خطأ في كود xhtml، أيضا إدارج صورة يجب أن يحتوي على الوسم alt ..وهكذا
ستبذل الكثير من الجهد لتعلم هذه الأمور وفهمها، وأخيرا سيصبح بإمكانك كتابة مشروعك كاملا سطرا سطرا، وهذا ما أفعله بالضبط حيث أكتب مجلة أو سكريبت كامل سطرا سطرا ب css و xhtml ..

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

php or ruby
تعلم css و xhtml ليس كافيا لكي تصبح مطور ويب، رغم أن بعض الشركات الاجنبية تطلب مطور ب css و xhtml فقط على أساس أن ثمة مطورين اخرين يعملون ب php مثلا .. فهذا لا يمنع ابدا من محاولة تعلم وإتقان لغة برمجة مطلوبة ومشهورة .. وأعتقد أنه لديك خيارين هامين بدل البحث والسؤال .. فلغة مثل php أو ruby ستكون خيارك المفضل .. لأنني أرى معظم المواقع الأجنبية تبحث عن مبرمجين بهاتين اللغتين .. ونادرا ما تجد عروض ل asp.net أو jsp .. (مواقع jobs التي تحدثت عنها في أحد المواضيع) .. لكن من يبحث عن وظيفة حكومية خصوصا في الوطن العربي فلن يفيده سوى تعلم asp وأخواتها وربما هذا سبب كاف لي لأن لا أختارها ..

وبما أنك ستعمل مطور ويب وربما freelancer فاختيار asp.net سيكون مكلفا ومرهقا جدا، ولن تجد الدعم الهائل والأدوات الرائعة كما ستجده لدى php أو ruby فالناس تقبل على الأدوات المفتوحة المصدر .. بل إن إلقاء نظرة على المدونات والمواقع الأجنبية المهتمة بالتطوير ستبين الفرق ..

معظم المواقع التي أتابعها ك smashing magazine لا تكاد تذكر asp.net في مقالاتها الرائعة ..
هذا ليس تحيز للغة ضد أخرى، لكن الدعم الجميل والمحتوى الغني والأدوات المجانية متوفرة لكل من php و ruby ..

ستحتاج إلى الإلمام بلغة للتعامل مع قواعد البيانات وسواء اخترت php أو ruby  فغالبا ستدرك أن mysql هي الخيار الأفضل لأنها الأكثر استعمالا في الويب .. وفوق ذلك مجانية بالكامل ..

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

هناك نقاط أخرى أغفلتها .. لكنني حاولت التركيز على أهم الخطوات ..
وكخلاصة فمطور الويب بحاجة الى:

1. مكان عمل مريح يساهم إيجابا في تعلمه وعمله في الويب
2. أدوات التعلم والعمل: كتب ومراجج بالإضافة الى البرامج
3. إتقان css و xhtml
4. تعلم لغة برمجة وإيجادتها ولو بنسبة 60% (ruby, php ..) + لغة لادارة قواعد البيانات
5. إنجاز أعمال أو portfolio

المزيد من الإيقونات المجانية، لمطور الويب

مجموعة رائعة من الإيقونات، بعدة أحجام وبصيغة png العالية الجودة ..
رابط التحميل

إيقونات feed مجانية بعدة ألوان ..
رابط التحميل