تويت
[frame="12 90"]
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
هذا الموضوع (في جزئين) آخر المواضيع في إعداد بيئة العمل، هو الأخير فقط في الدورة أما للمهتمين بالتطوير فإعداد بيئة العمل قد لا ينتهي أبدا، كل يوم يحتاج متابعة وتنقيب، ليبقى المطور في تحديث دائم ومنسجما مع أحدث التقنيات والأدوات التي تسهل عليه العمل وتجعله أكثر احترافية، هناك أدوات عادية قد تغني البعض، لكن التردد في استعمال أدوات احترافية وخاصة البرامج الحرة، سيفوت عليك الكثير، أتطرق في الموضوع إلى ثلاث محاور:
1. برامج تحرير الكود plain Text Editor
هناك العديد من برامج تحرير الكود والكثير منها يخضع لإتفاقية البرامج الحرة، بعضها يدعم العديد من لغات البرمجة والآخر متخصص في لغة معينة، قمت بتجربة بعضها على بيئة ويندوز وفي هذا المحور سأتطرق لإثنين من أروعها، الأول komodo يعمل على جميع انظمة التشغيل، والثاني notepad++ يعمل بكفاءة على نظام التشغيل ويندوز.
komodo
1. التحميل
تحميل البرنامج من هذا الرابط
http://www.activestate.com/komodo_edit/downloads/
إختر نظام تشغيلك وابأ بالتحميل، حجم البرنامج يتجاوز 30 mb، بعد تحميل البرنامج أنقر عليه للبدء بالتثبيت
أنقر next للمتابعة بعد إغلاق أي برامج أخرى لتجنب مشاكل التثبيت.
2. عليك الموافقة على اتفاقية Mozilla1.1 للإستمرار في عملية التثبيت
3. تحديد الأجزاء التي تريد تثبيتها، يفضل أن تبقي على الإعدادات الإفتراضية، كذلك ملفات المساعدة تثبت افتراضيا، قد تحتاج إليها.
4. إذا كنت متأكدا من الغعدادات السابقة أنقر install للتثبيت، في حال الرغبة في التعديل على الخيارات أنقر Back ثم تابع مرة أخرى
5. إنتظر ليتم تثبيت ابرنامج ونسخ الملفات، بع انتهائها البرنامج من التثبيت ستظهر لك النافذة التالية
6. أنقر finish ستظهر صفحة التوجيهات، ويتم تشغيل البرنامج للمرة الأولى
7. عند فتح أي ملف بالبرنامج، وخاصة الملفات التي تحتوي اللغة العربية، تأكد من ضبط إعدادات تشفير اللغة، وكذلك حدد لغة البرمجة في الملف، لضبط إعدادات الملف من قائمة Edit إختر Current File Setting
8. ستظهر لك النافذة التالية، تأكد من اختيار UTF-8 مع عدم التأشير، أكرر عدم التأشير على إستخدام singnature BOM.
9. من خصائص البرنامج الرائعة، أنه يقترح عليك في قائمة نظيفة، حسب اللغة المحددة في الملف، مثلا بمجر أن تفتح وسم الفقر p في ملف php سيقترح عليك الأمور التي يمكن أن تدرجها في هذا الوسم، كذلك في css مثلا بمجرد كتابة حرف m تجد مقترحاته بخصائص css التي تبدأ بهذا الحرف
notepad++
هذا أحد البرامج التي استعملتها منذ نسخها الأولى، ما يميز البرنامج الإضافات التي تمنحه القوة ككل برنامج مفتوح المصدر، فبالإضافة إلى قائمته الإفتراضية للدوال والخصائص في الملفات، يمكن أن تضاف إليه إضافة خاصة بالتصحيح مثلا، أو إضافة تعرض اللون بمجرد الإشارة إلى قيمته.
1. التحميل
تحميل البرنامج من هذا الرابط
http://notepad-plus.sourceforge.net/uk/site.htm
يمكنك اختيار لغة البرنامج قبل التحميل، أنقر على رابط البرنامج كالظاهر في الصورة ( في الأسفل تجد الإضافات الملحقة، لا داعي لتحميلها الآن، وقد لا تحتاجها أبدا)، سينقلك الرابط إلى موقع sourceFourge، هناك عدة صيغ للملف، من الأفضل أن تحمل الملف التنفيذي للتثبيت، كما هو موضح في الصورة
2. بعد تحميل البرنامج أنقر عليه، وقم بتحديد لغة التثبيت
3. سحليتنا أيضا تقدم النصيحة المعتادة، قم بإغلاق جميع البرامج لكي لا تحدث مشاكل مفترضة أثناء التثبيت.
4. اتفاقية البرامج الحرة، وافق عليها بالنقر على I Agree
5. حدد مسار البرنامج، يمكنك تثبيته على ذاكرة محولة flashDisk
6. تحديد المكونات التي ستثبت في البرنامج، في حال قمت بتثبيته على ذاكرة محمولة، حدد الخيار الأول، لكي لا يخزن الملف إعداداته على %APPDATA%، النقطة الثانية، وهي إمكانية تحديد البرنامج افتراضيا لمعاينة مصدر الكود لصفحة ما على المتصفح، للقيام بذلك، حدد خيار As Default Html Viewer.
7. انتظر ريثما ينهي البرنامج نسخ وتثبيت مكوناته، بعد انتهائه سيظهر لك الزر السعيد، Finish
8. عند تحرير الملفات التي تتضمن عبارات باللغة العربية، قم بتحديد خيار UTF-8 without Bom من قائمFormat
تنبيه: أحيانا إذا كان الملف يتضمن اللغة العربية، وقمنا بتغيير إعداده إلى UTF-8 without Bom سيظهر تغير بالحروف العربية بأشكال غريبة، لذلك قبل تغيير الإعداد قم بتحديد كامل الصفحة، ثم قص (Ctl + A) ثم (ctl + X)، بعدها قم بتغيير الإعداد ثم قم بلصق مرة أخرى، (Ctl+ C)
9. قم بتحديد خيار لغة البرمجة، من قائمة language
كما سبق، البرنامج أيضا يتضمن قائمة اقتراحات، رفم أنها قائمة واحدة لا تميز بين اللغات، إلا انها تساعد كثيرا لتحديد الكتابة الصحيحة لخاصية ما، لإظهار القائمة أثناء الكتابة إضغط (ctl + space)
تابع الجزء الثاني من الموضوع
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
[/frame]
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
هذا الموضوع (في جزئين) آخر المواضيع في إعداد بيئة العمل، هو الأخير فقط في الدورة أما للمهتمين بالتطوير فإعداد بيئة العمل قد لا ينتهي أبدا، كل يوم يحتاج متابعة وتنقيب، ليبقى المطور في تحديث دائم ومنسجما مع أحدث التقنيات والأدوات التي تسهل عليه العمل وتجعله أكثر احترافية، هناك أدوات عادية قد تغني البعض، لكن التردد في استعمال أدوات احترافية وخاصة البرامج الحرة، سيفوت عليك الكثير، أتطرق في الموضوع إلى ثلاث محاور:
- برامج تحرير الكود plain Text Editor
- - Komodo
- NotePad++
- برامج تجربة المتصفحات
- فايرفوكس وإضافاته
- المتصفحات الإخرى
- IeTester
- إضافات فايرفوكس لتطوير الويب
- web developer
- FireBug
هناك العديد من برامج تحرير الكود والكثير منها يخضع لإتفاقية البرامج الحرة، بعضها يدعم العديد من لغات البرمجة والآخر متخصص في لغة معينة، قمت بتجربة بعضها على بيئة ويندوز وفي هذا المحور سأتطرق لإثنين من أروعها، الأول komodo يعمل على جميع انظمة التشغيل، والثاني notepad++ يعمل بكفاءة على نظام التشغيل ويندوز.
komodo
- دعم العربية: نعم
- يدعم أغلب لغات البرمجة.
- نظام التشغيل: متعدد
1. التحميل
تحميل البرنامج من هذا الرابط
http://www.activestate.com/komodo_edit/downloads/
إختر نظام تشغيلك وابأ بالتحميل، حجم البرنامج يتجاوز 30 mb، بعد تحميل البرنامج أنقر عليه للبدء بالتثبيت
أنقر next للمتابعة بعد إغلاق أي برامج أخرى لتجنب مشاكل التثبيت.
2. عليك الموافقة على اتفاقية Mozilla1.1 للإستمرار في عملية التثبيت
3. تحديد الأجزاء التي تريد تثبيتها، يفضل أن تبقي على الإعدادات الإفتراضية، كذلك ملفات المساعدة تثبت افتراضيا، قد تحتاج إليها.
4. إذا كنت متأكدا من الغعدادات السابقة أنقر install للتثبيت، في حال الرغبة في التعديل على الخيارات أنقر Back ثم تابع مرة أخرى
5. إنتظر ليتم تثبيت ابرنامج ونسخ الملفات، بع انتهائها البرنامج من التثبيت ستظهر لك النافذة التالية
6. أنقر finish ستظهر صفحة التوجيهات، ويتم تشغيل البرنامج للمرة الأولى
7. عند فتح أي ملف بالبرنامج، وخاصة الملفات التي تحتوي اللغة العربية، تأكد من ضبط إعدادات تشفير اللغة، وكذلك حدد لغة البرمجة في الملف، لضبط إعدادات الملف من قائمة Edit إختر Current File Setting
8. ستظهر لك النافذة التالية، تأكد من اختيار UTF-8 مع عدم التأشير، أكرر عدم التأشير على إستخدام singnature BOM.
9. من خصائص البرنامج الرائعة، أنه يقترح عليك في قائمة نظيفة، حسب اللغة المحددة في الملف، مثلا بمجر أن تفتح وسم الفقر p في ملف php سيقترح عليك الأمور التي يمكن أن تدرجها في هذا الوسم، كذلك في css مثلا بمجرد كتابة حرف m تجد مقترحاته بخصائص css التي تبدأ بهذا الحرف
notepad++
هذا أحد البرامج التي استعملتها منذ نسخها الأولى، ما يميز البرنامج الإضافات التي تمنحه القوة ككل برنامج مفتوح المصدر، فبالإضافة إلى قائمته الإفتراضية للدوال والخصائص في الملفات، يمكن أن تضاف إليه إضافة خاصة بالتصحيح مثلا، أو إضافة تعرض اللون بمجرد الإشارة إلى قيمته.
- دعم العربية: نعم
- يدعم اغلب لغة البرمجة
- نظام التشغيل: وندوز
1. التحميل
تحميل البرنامج من هذا الرابط
http://notepad-plus.sourceforge.net/uk/site.htm
يمكنك اختيار لغة البرنامج قبل التحميل، أنقر على رابط البرنامج كالظاهر في الصورة ( في الأسفل تجد الإضافات الملحقة، لا داعي لتحميلها الآن، وقد لا تحتاجها أبدا)، سينقلك الرابط إلى موقع sourceFourge، هناك عدة صيغ للملف، من الأفضل أن تحمل الملف التنفيذي للتثبيت، كما هو موضح في الصورة
2. بعد تحميل البرنامج أنقر عليه، وقم بتحديد لغة التثبيت
3. سحليتنا أيضا تقدم النصيحة المعتادة، قم بإغلاق جميع البرامج لكي لا تحدث مشاكل مفترضة أثناء التثبيت.
4. اتفاقية البرامج الحرة، وافق عليها بالنقر على I Agree
5. حدد مسار البرنامج، يمكنك تثبيته على ذاكرة محولة flashDisk
6. تحديد المكونات التي ستثبت في البرنامج، في حال قمت بتثبيته على ذاكرة محمولة، حدد الخيار الأول، لكي لا يخزن الملف إعداداته على %APPDATA%، النقطة الثانية، وهي إمكانية تحديد البرنامج افتراضيا لمعاينة مصدر الكود لصفحة ما على المتصفح، للقيام بذلك، حدد خيار As Default Html Viewer.
7. انتظر ريثما ينهي البرنامج نسخ وتثبيت مكوناته، بعد انتهائه سيظهر لك الزر السعيد، Finish
8. عند تحرير الملفات التي تتضمن عبارات باللغة العربية، قم بتحديد خيار UTF-8 without Bom من قائمFormat
تنبيه: أحيانا إذا كان الملف يتضمن اللغة العربية، وقمنا بتغيير إعداده إلى UTF-8 without Bom سيظهر تغير بالحروف العربية بأشكال غريبة، لذلك قبل تغيير الإعداد قم بتحديد كامل الصفحة، ثم قص (Ctl + A) ثم (ctl + X)، بعدها قم بتغيير الإعداد ثم قم بلصق مرة أخرى، (Ctl+ C)
9. قم بتحديد خيار لغة البرمجة، من قائمة language
كما سبق، البرنامج أيضا يتضمن قائمة اقتراحات، رفم أنها قائمة واحدة لا تميز بين اللغات، إلا انها تساعد كثيرا لتحديد الكتابة الصحيحة لخاصية ما، لإظهار القائمة أثناء الكتابة إضغط (ctl + space)
تابع الجزء الثاني من الموضوع
أتمنى لكم جميعا الفائدة من هذه المشاركة
ولاتنسونا من صالح دعائكم
:fasel6:
أبوهمام
.
تعليق