cssbit 2.0

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

1. ما هو الوسم الذي لا يتوافق مع هذه المجموعة:

1. <div>
2. <p>
3. <ul>
4. <span>

2. اكتب كود css للشكل التالي:

كود XHTML هو:

<p>smashing magazine</p>

3. ما هي نتيجة هذا الكود في كل من IE 6 و FF:

p {
 font-size: 20px !important;
 font-size: 12px
}

ثم هذا الكود:

p {
 height: 80px;
 min-height: 190px;
 border: 1px solid #ddd
}

أعزائي محبي CSS، من اجل المصداقية، يجب اعطاء اجوبة دون البحث في الأنترنت أو اجراء اختبارات

تركي العسيري مبرمج سعودي حاصل على شهادة MVP وهي الشهادة التي تمنحها Microsoft للمبرمجين الاكثر قيمة في العالم والذين أضافوا وخدموا لغات البرمجة التي تتبناها Microsoft أو الذين اسهموا في تطوير بنيات بلغتهم الأصلية مثل العربية .. (أول عربي يحصل على هذه الشهادة)

تركي مبرمج قدير، كان لديه موقع قيم جدا عنوانه dev4arabs لكنه توقف منذ سنوات وتم تعويضه بمدونة تحتوي على مقالات ودروس .. الخ، انه مثال للمبرمج الحقيقي، حيث قام سابقا، ببرمجة منتدى كامل متطور بلغة ASP.net بالاضافة الى كتب باللغة العربية عن Visual basic .net

صور الكتب، ويمكن تحميلها مجانا على الرابط

السيد تركي مبرمج ب: VB.NET, C#.NET, C\C++, JAVA, VB6, VBA for MS-Office, ASP.NET, ADO.NET, Web-Services, Microsoft SQL Server, بالاضافة الى أمور اخرى كثيرة

ادعو الجميع لمتابعة مدونة الزاخرة بالفائدة والمعلومات القيمة
جزاه الله كل الخير

• مبرمج c, c++, php, ruby, java, pascal, c# ..
• اتعامل مع قواعد بيانات: mysql, sql server, oracl, dbase, sqlite, postgresql ..
• مصمم photoshop, flash وجميع برامج adobe بالاضافة الى برامج Maya ..
• اعمل على مختلف الأنظمة: windows, و Linux (بتوزيعات مختلفة) و Mac
• الهوايات: السباحة، الرسم، القراءة، كرة القدم، جمع الطوابع والعملات ..
• اللغات: الانجليزية (قراءة-كتابة-محادثة)، الفرنسية (نفس الشيء)، واخيرا اللغة العربية
• …

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

كان يريد طباعة سيرته الذاتية بالألوان، ونظرا لان الملف كان محشوا بالمعلومات وبتصميم سيئ والوان زرقاء قوية، خرجت الورقة ناقصة ولم تظهر الأسطر الاخيرة (اللغات والهوايات) لكنني استطعت ان اقرا كامل الصفحة

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

هل اصحاب الشركات أغبياء الى هذه الدرجة
هل هؤلاء المبرمجين العباقرة ( c و c++) ليس لهم ضمير ويبحثون عن اية فرصة عمل ولو بالكذب
..

ملاحظة:
نسي هذا الشاب أن يضيف انه خبير css و xhtml و ajax … ربما لأنه لم يسمع بها بعد

في هذا الموضوع القصير، سأستعرض شركات ويب صغيرة (من 1 إلى 10 أفراد)، تستخدم أحدث التقنيات (Ruby, CSS, XHTML, AJAX … )، لبرمجة مواقع وتطبيقات ويب 2.0، وهي نموذج يحتذى به لكل الشركات الصغيرة العاملة في الويب

• extendi.it شركة إيطالية، تتكون من 4 مطورين، من أشهر أعمالها feedmyapp دليل مواقع web 2.0، الشركة لديها مدونة يكتب فيها الفريق معلومات واكواد واشياء كثيرة، وهي تبحث عن مبرمج ruby بدوام كامل
• viget شركة من 9 مبرمجين اختصاصها css و ruby، لديها مختبر ومدونة غنية بالمعلومات والأفكار والدروس
• babyrails فريق هولندي مكون من شخصين، مبرمج Ruby، ومطورة ويب تستخدم CSS و XHTML
• outsourceczech شركة من التشيك تعمل ب css 2, 3 و php وتقنيات أخرى ..
• extendio شركة مكونة من شخصين، مختصة بالتصميم والبرمجة (دائما css و xhtml حاضرة بقوة) ولديها مشاريع شهيرة مثل freshwebjobs
• spinbits شركة عربية مقرها دبي، يتكون فريقها من 5 أو 6 أفراد، تستخدم Ruby كذلك

معرفة دوال wordpress تسهل عليك تصميم theme كامل بسهولة ويسر، معظم الدوال تبدأ ب wp_ أو العبارة get_ بعدها اسم الملف او القسم المسؤولة عنه

مثلا لعرض الصفحات الثابتة التي تكون عادة في sidebar أو header نستعم الدالة:

< ?php wp_list_pages() ?>

الدالة ستعرض جميع الصفحات مع عبارة pages واذا اردت ترتيب الصفحات وحذف عبارة pages الافتراضية يمكنك إضافة arguments للدالة

< ?php wp_list_pages('sort_column=menu_order&title_li='); ?>

بحيث سيتم عرض الصفحات بالترتيب حسب id وقيمة title_li ستكون فارغة وبالتالي لن يعرض عبارة pages أو صفحات
يمكن تضمين الدالة سواء في ملف header.php أو sidebar.php

ايضا يجب ان تكون ضمن قائمة منسدلة كالتالي:

<ul id='nav'>
  < ?php wp_list_pages(); ?> 
</ul>

بدون li

فورم البحث:
يمكنك كتابة اكواد الفورم مباشرة في اي مكان تريد او وضعه في ملف خارجي واستدعائه مثل الطريقة المستعملة في theme الذي يأتي افتراضيا باسم default

<!-- start search box -->
 < ?php include (TEMPLATEPATH . '/search.php') ?>
<!-- end search box-->

حيث ملف search.php يحتوي على اكواد xhtml او يمكن عرض الفورم مباشرة:

<form method='get' action='..'>
  <input type='text' value='..' name='s' />
  <input type='submit' value='بحث' />
</form>

لادراج header في اي صفحة استعمل الدالة:

< ?php get_header()?>

القائمة الجانبية أو sidebar:

< ?php get_sidebar()?>

ولاظهار footer في آخر الصفحة:

< ?php get_footer()?>

الملفات sidebar.php, header.php, footer.php تتضمن دوال wordpress سهلة وبسيطة الفهم يمكن الرجوع اليها في موقع wordpress لمعرفتها

بمعرفة ملفات theme ودور كل دالة يمكنك البدأ بتصميم theme الخاص بك

1. اختر لغة برمجة مثل php ruby واذا كنت تدرس في معهد بدائي سيكون في الغالب asp هو اختيارك السليم ثم احفظ بعض الاوامر والدوال فيها
2. لا تحاول الاقتراب من css و xhtml فيمكن ان تصبح مبرمج بدونهما فتلك الامور تركت للمبتدئين
3. اقرا القليل عن sql server أو mysql او اي خادم آخر، وجرب الاوامر في برنامج مساعد مثل phpmyadmin حتى تتذكرها جيدا
4. حاول العبث في السكريبتات المجانية وتركيبها فهذه طريقة فعالة لتصبح مبرمجا لا يشق له غبار
5. استعمل frontpage ليسهل عليك تصميم موقع وكانك تعمل في MS Word
6. لست بحاجة الى ان تعرف معنى web 2.0 او ajax او التقنيات الاخرى
7. لا تهتم بالمعايير القياسية و User Interface وكل المعايير التي اتفق عليها نخبة المطورين في العالم، ببساطة لانها تافهة وانت مبرمج كبير من العيب ان تهتم بها
8. قل للجميع انك مبرمج ومطور تطبيقات او مواقع
9. واذا سألك الناس عن اعمالك او لماذا صفحتك هذه لا تحترم ابسط القوانين في xhtml و css فاجبهم ببساطة انك استعملت potoshop لتقسيم الصفحة وجعله يولد لك كود html دون تعب او عياء، اما الاعمال فهي سرية وهي لمؤسسات كبيرة في الدولة
10. في كل موضوع وحتى اذا لم تستوعب فكرة الكاتب، ضع ردا بانك مبرمج عبقري تستعمل asp ولا تسمح لاحد بانتقادك
11. لا انصح بان تكون لديك مدونة شخصية، لكن ان كان ولا بد فضع فيها انك مبرمج باحدث التقنيات
12. في الأخير، اذا لم تعطي للبرمجة وقتك وجهدك ومالك وكل شيء ثمين في حياتك، فلن تجني شيئا

هل انت مرتاح في عملك ؟ هل تحصل على تقدير ومعاملة جيدة من مديرك ؟ وهل تستمتع بيومك اثناء العمل ؟
اذا كانت اجابتك عن الاسئلة السابقة هي “لا”، فربما قد حان الوقت لتعيد التفكير في وظيفتك، وأن تجرب أن تكون “أنت” مدير نفسك

مهنة freelancer لا تعني العمل من المنزل وحسب، وانما تعني الحرية والعمل من اي مكان تحب، لا يوجد روتين ممل، او دوام طول اليوم، او حتى مدير متسلط قليل الادب والاحترام

اذا كانت للوظائف مزايا وحسنات عديدة، فيكفي وجود مدير لا يحب سوى نفسه ويعامل الموظفين كروبوتات للانتاج فحسب، هذا سبب كاف لكي تستقيل من وظيفتك، فالمال الذي ستحصل عليه ستقدم تضحيات كثيرة مقابله

العمل الحر جيد وممتاز بالنسبة لمن يفكر بذكاء ويحسن استثمار وقته، والاهم من ذلك ان تكون لديه قاعدة ينطلق منها، اهم ركائزها مبلغ مالي محترم، يغطي له على الاقل مصاريف لسنة او سنتين

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

هناك تجربة حية مليئة بالعبر، لكاتب كندي شهير لخصها في كتابه الرائع: اعمل اقل تنجح اكثر، في هذا الكتاب يتطرق المؤلف الى مهنة freelancer واشياء اخرى جديرة بالاكتشاف والتجربة

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

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

التقيت به في الحافلة وقال لي انه مبرمج، فسالته باي لغة تبرمج ؟ قال ب SAP التي اتضح سابقا انها framework وليست لغة برمجة، لم اطرح الكثير من الاسئلة، لكن هل من يدرس سنة او سنتين في كلية عربية ومع استاذ عربي هو بنفسه بحاجة الى اعادة تكوين، يسمى مبرمجا ؟

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

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

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

معظم من يدرس “البرمجة” في الجامعات العربية بحاجة الى اعادة تهيئة، وان يتعلم من جديد في المواقع والمدونات الاجنبية المتخصصة، واذا لم يكن ذلك مقنعا كفاية، فلديه مئات الاساتذة والباحثين العباقرة حول العالم يكتبون عن كل فن ولغة برمجة، اما من يدرس حرفين في كلية عربية بدائية ويقول انني مبرمج فهو حالم وواهم لا غير

تتضح المشكلة اكثر حينما يعتقد البعض انه بدراسة سطحية عن JAVA يمكن ان يصبح مطور ويب، ضاربا بعرض الحائط التقنيات الحديثة التي اصبحت مطلوبة بشدة

كل من تعلم بعض المبادئ من java يبدأ بسب وشتم php و ruby  … ناسيا او جاهلا انه حتى المقارنة بينهما ليست عادلة او منطقية، هذا الصراع الذي يذكر بالصراع العربي بين php و asp، فتعلم او حتى محاولة التعرف على هذه الاخيرة لم يكن مهما بالنسبة لي، والسبب هو : “مواقعنا الحكومية وشركاتنا الرسمية التي تستخدم ال asp”

اهنئ الجميع بعيد الفطر السعيد

هناك المئات من الروابط حول التطوير و css .. الخ، اتابع بضعة روابط عبر google reader وساضع افضلها بالنسبة لي

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

4 روابط من مجلد best:

1. Zen Habits
2. WebResourcesDepot
3. Noupe
4. CSS-Tricks

مجلد css gallery لا داعي لذكر روابطه فمعظمها معروف

6 روابط من مجلد developer

1. DeDestruct
2. David Walsh
3. OnSoftware
4. Roshan Bhattarai’s Blog
5. Speckyboy
6. Stepcase Lifehack