أرشيف شهر فبراير 2008

روابط (7)

26 فبراير 2008

web developer الخطوة الأولى

26 فبراير 2008

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

mark

ربما كبداية يجب ان توفر ما يلي:

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

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

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

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

أدوات العمل:
طاولة وكرسي مريح من أهم الأمور التي يجب البدء بتوفيرها، حاول ان تقترض من شخص أو حتى من البنك، تعلم التطوير والتقنيات الجديدة مثل بناء منزل أو شراء سيارة، إنه مشروع ستستثمر به، وكن على يقين أنك لن تندم ولن تخسر شيئا .. جميع الأشخاص الذين حققوا النجاحات الباهرة ضحوا بالكثير، اقترضوا من البنوك واستلفوا من ألأاهل والأقارب لتمويل مشاريعهم وهي بالنسبة لك، تعلم الويب والتطوير ..
صاحب facebook كان يستأجر شقة لا ادري كم كان يدفع كل شهر .. ها هو الان وخلال سنتين يملك شركة بها 400 مبرمج بالإضافة الى 216 مليون دولار و 84% من ارباح الموقع .. القصص كثيرة جدا، فقط اردت إعطاء مثال على التضحية المطلوبة منه .. شخصيا اقترضت الكثير والكثير من المال، لم أفكر يوما انها خسارة .. ما زلت أدفع من جيبي واضحي بالمال والوقت فقط لأنني أحب أن أكون web developer واريد تعلم الجديد كل يوم .. لذلك فالاسثمار في شراء أدوات العمل والتعلم لا يعتبر مغامرة أو خسارة ..
هذا يعني انك ستشتري بعض البرامج وستشترك في بعض الخدمات ..

كتب ومراجع:
خصص ميزانية 300 دولار لشراء: كتابين في css و xhtml وواحد في php, mysql أو لغة أخرى والباقي كتب متنوعة مفيدة تهمك ك web developer ..
فكر في شراء نسخة مرخصة من نظام التشغيل وبعض البرامج الهامة التي لا تستطيع إيجاد بديل لها .. وإذا كنت ملما بنظام أكثر احتراما ومناسب جدا ل web developer فيمكنك استعماله والذي سيكون غالبا نسخة من linux أو mac .. فمعظم المطورين اراهم يستعملون mac، (شاهد شريط جوجل)

ربما نسخة من windows xp ستكون بداية جيدة لمن لا يملك اي خبرة، خصوصا أن برامج كثيرة ستعمل على windows فقط ..

المزيد في المقالة المقبلة ..

obama: ب css و xhtml ..

26 فبراير 2008

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

obama

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

barackobama.com

هناك بعض الأخطاء البسيطة تظهر بأداة html validator والتي ربما سقطت سهوا أو بسبب المحتوى المتغير

web developer ؟ ليس بهذه البساطة

25 فبراير 2008

من يعمل ك web developer يعلم جيدا أن هذه (المهنة) ليست سهلة أو بسيطة، فأنت مطالب بمتابعة كل جديد، وتعلم كل تقنية جديدة .. وإلا فإنك ستصبح قديما بعد اشهر قليلة فقط .. وربما لن يهتم بك أحد خصوصا إذا كنت تعمل freelancer .. وليس full time مع شركة أو ما شابه ..

room

إتقان css, xhtml والإلمام بشكل كبير ب php, mysql, ajax (غالبية من يعمل ب php يستخدم mysql) بحيث تكون قادرا على برمجة تطبيقات كاملة من الصفر، لا يعني أنك انجزت المهمة بشكل كامل .. هذه هي الخطوة الاساسية مع استبدال php, mysql بمجموعة أخرى مثل asp.net و sql server أو مع ruby وخيارات واسعة جدا (MySQL, PostgreSQL, SQLite, Oracle, SQL Server, DB2) ..

فأنت تعمل دائما وتبذل الكثير من الجهد لمتابعة أخر ما استجد في css مثلا أو في مكتبات javascript ايضا أخبار المواقع والشركات المهتمة بالبرمجة ك oracle, IBM, microsoft .. ثم التقنيات التي تظهر من حين لآخر ك adobe air, flex مثلا ..

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

في كل ما قلت لم أضع نصب عيني الشركات العربية لأنها ما زالت تعتمد HTML وأغلبها لا تعرف ما معنى web 2.0 أو المعايير القياسية ويمكنني وضع أمثلة لهذه الشركات الرسمية .. ومن يهتم بالويب ومعايير المواقع الحديثة يعد على رؤوس الاصابع كشركة spinbits.com ومقرها في دبي، صراحة spinbits شركة رائعة (تعتمد ruby وأحدث المعايير) وحتى مقر عملها يشبه الشركات الأجنبية ك facebook و digg

ruby على القضبان

25 فبراير 2008

هذه اللغة التي ظهرت بالتزامن مع ظهور php، (البداية الحقيقية كانت سنة 1993 مما يعني أنها أقدم من php) لم نسمع عنها إلا منذ سنة أو سنتين، وتحديدا عندما عادت للواجهة سنة 2006، الكثير من تطبيقات الويب مكتوبة بهذه اللغة، ومعظم مواقع web 2.0 التي تظهر بين الفينة والأخرى مبرمجة ب ruby، فقد أصبحت الخيار المفضل للكثيرين، خصوصا انها مجانية وغير محتكرة من طرف جهة ما .. ال syntax الخاص باللغة شبيه ب perl و python اللغة التي ظلت google تطلبها باستمرار في عروض التوظيف التي تقدمها ..

ruby

لعل شركة 37signals المعروفة بخدماتها وحلولها للمطورين والشركات ك bascamp .. هي السبب المباشر وراء شهرة اللغة، وتحديدا المبرمج الدنماركي David Heinemeier الذي ابتكر منصة أو framework مكتوبة بلغة ruby نفسها، وسماها ruby on rails يرمز لها بالعبارة: ROR وهي منصة مفتوحة المصدر .. يذكر أن المبرمج الدنماركي السالف الذكر استخلص هذه المنصة أثناء عمله على basecamp ..

جميع تطبيقات الشركة مكتوبة بلغة ruby وهي مخصصة للويب أي web application ..

كتب ومراجع:

لعل أفضل الكتب التي يمكن الاعتماد عليها، هذا الكتاب من sitepoint والذي كان متاحا للتحميل مجانا حتى وقت قريب، لكن الشركة عادت لبيعه كما يتضح من خلال الموقع الرسمي (أملك نسخة كاملة من الكتاب حملتها من sitepoint وليس من مواقع warez)

ror

 معارض أو showcase:
موقع شبيه بمعارض css لكنه يعرض المواقع التي تعتمد ruby في برمجتها ..

دروس ومقالات:

4 محررات ل css

25 فبراير 2008

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

  1. TopStyle
    محرر غني عن التعريف، وربما من أوائل المحررات المختصة ب css، يحتوي على خاصية استعراض الصفحات واختبارها مباشرة، بالإضافة الى مساعد للأوامر وخاصية hightlight والكثير .. يبقى سعر النسخة (80 دولارا)
    مبالغ فيه نوعا ما

    topstyle

  2. CSSVista

    المميزز في هذا المحرر الجديد، هو توفيره لإمكانية تجربة الصفحة على أكثر من متصفح: firefox, IE، f بالإضافة إلى إمكانية نتائج ما تكتب مباشرة في الصفحة، مثل إضافة firebug، من بين زبناء هذا المحرر: facebook, yahoo, ebay ..الخ يبدو أن المحرر مجاني لكن الشركة توفر خدمات إضافية مدفوعة

    cssvista
  3. Rapid CSS
    مميزات كثيرة يوفرها هذا المحرر، بما في ذلك برنامج FTP مدمج مع المحرر، وخصائص أخرى مثل إدارة الملفات أو project management وخاصية CSS Code Compressor ..

    rapidcss

  4. Notepad++
    محرر مفتوح المصدر، لا يقتصر على css فقط وإنما يشمل لغات شهيرة مثل ruby و c# .. يوفر الكثير من الخصائص التي توفرها المحررات الأخرى مثل Auto-completion للأكواد التي تكتبها، لذلك سيكون هذا خيارا جيدا لمن يريد الاستثمار في أمواله وعدم شراء نسخة مرخصة من محررات أخرى

    notepad

مدونة lifeclever

25 فبراير 2008

مدونة جميلة شكلا وتصميما، عندما أرى مثل هذه التصاميم أدرك أن هناك أجانب مبدعين جدا سواء في المحتوى الغني أو التصميم الجميل، (بالكاد ستجد مدونة عربية تستعمل wordpress مع theme جميل وخاص بالمدونة) ..

lifeclever

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

من بين العناوين التي تنشرها المدونة:

رابط المدونة:
lifeclever.com

روابط (6)

23 فبراير 2008
  • تصميم badge (التي نراها في معظم مواقع web 2.0)
  • psptutorials دروس فوتوشوب مبدعة
  • code 2.0 موقع ممتاز يضم snippet مفيدة للمطورين
  • css3.info كل ما تود معرفته عن css3 بالأمثلة
  • i 70 expert Ideas For Better CSS Coding
  • cssmania معرض لمواقع المطورة ب css
  • موقع ألوان مميز جدا colourlovers
  • موقع شبيه ب digg لكنه للمطورين والمصممين
  • filehippo لمتابعة أحدث الاصدارات من البرامج (موقع محترم جدا ومفيد)
  • جديد التقنية حول العالم tgdaily
  • Five web 2.0 CSS menu tutorials
  • lifespy مقالات حول التدبير والتنظيم .. شبيه ب lifehacker.org
  • المزيد من icons الجميلة

    23 فبراير 2008

    إيقونات جميلة وصغيرة الحجم، تصلح للويب ..
    هذه هي النسخة الجديدة من هذه المجموعة وهي متوفرة بمقاسين 12 و 16 بيكسل ..

    icons

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

    رابط التحميل

    روابط (5)

    23 فبراير 2008