أفضل Web Editor للمبتدئين

السلام عليكم ورحمة الله وبركاته

قررت وهذا بفضل من الله أن اقوم بتعلم الويب وعلي البدء بالـHTML

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

غيرها من البرامج غير مجانية وانا انتهيت من استخدام البرامج المكسورة حقيقة والغير مرخصة (أحس انه ما فيها بركة)

على أي حال وجدت التالي:

  • ATOM

  • Brackets

  • WebStorm (حصلت على برامج JetBrains مجاناً لمدة عام كامل)

هل من إرشادات أو نصائح؟

ولكم جزيل الشكر.

يرجى الدخول لحسابك أو تسجيل حساب لتستطيع إضافة تعليق
حساب جديد دخول

التعليقات

بالنسبة لل HTML و CSS انا استعمل محرر النصوص SUBLIME 3 ممتاز و يمكن اضافة العديد من المميزات عليه.

في الحقيقة انا استعمله لكل JAVASCRIPT ,PHP,HMTL,CSS

اما ان كنت تبحت عن IDE لPHP فاستعمل PHP designer / PHP storm

حسناً، اعذرني لجهلي.

ولكن انا ملم قليلاً ببرمجة VB.NET وفي الحقيقة اريد الإنتقال الى C# لأنها أوسع وأشمل

الفكرة الان اني اريد التطوير للويب وسطح المكتب وربما لاحقاً للأجهزة الذكية، فوجدت ان C# تلائم الجميع

سي شارب تعمتد على asp اذا كنت محق اذا ما يلائمني في هذه الحالة

لم يسبق لي التعامل مع C#

اذا اردت لغة تلائم برامج سطح المكتب و الويب و الجوال انصح بالجافا فهي افضل اذا كنت تريد العمل على الويب فقط ف عليك ب PHP /html/css/javascript

و استعمال اطر عمل متل Symfony / laravel

اعذرني مرة أخرى

ما معنى أطر عمل؟

إطار العمل في البرمجة (Framework) هي مجموعة من المكونات الجاهزة التي يستخدمها المبرمج في برنامج، حيث أن الهدف منها هو عمل نوع من الأدوات أو البنية التحتية الضرورية للمبرمج، بحيث لا يبدأ برنامجه من الصفر.

امتلة :

تصميم الواجهات : bootstrap

php : LARAVEL SYMPHONY

....

فهمت عليك نوعاً ما

هل هي تشبه ذلك عندما تبدأ بمشروع/حل جديد داخل الـVisual Studio حيث تقوم المنصة بوضع شيفرات من منطلق انك تريد البرمجة لشيء معين

كون ذلك سطح المكتب أو الويب .. الخ.

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

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

هذا مثال لإطار عمل في التصميم

شكراً لك صديقي :)

visual studio2015

بدون منافس بالنسبه c# ولايوجد افضل

هناك العديد من المحررات المميزة

في النهاية الأمر يعود لك في اختيار محررك المفضل

لكن كمحررات مجانية فأفضل محرر بالنسبة لي هو Atom

brackets ايضا محرر جداَ رائع وهناك عدة محررات رائعة قمت بتجربتها شخصياً مثل

aptana studio

netbeans

notepad++

بصراحة هذه المحررات جداً رائعة وافضل حتى من بعض المحررات الغير مجانية

أما إذا كنت مستعد للدفع فأنصحك بـ sublime text فهو المحرر الأكثر شعبية حسب ما أرى

هناك ايضا webstorm - komodo ارى شخصياً بأنها محررات مميزة

لكن أنا شخصياً انصحك بأحد المحررين Atom أو brackets

يبدو أنني سأستعمل WebStorm مع ATOM في الوقت الحالي

لا أريد أن اخسر ترخيص عام كامل من شركة JetBrains

Visual Studio

لأنه يسهل كثيرا ويقوم بالكثير بدلا عنك شاهد هذا الفيديو (10 ثواني)

رائع، لا يزال خيار جيد في الحقيقة

صراحه تعاملت مع معظم المحررات لم اجد افضل من الدريم ويفر والبراكتس

أنا انتقلت من فيجوال ستوديو الى دريم ويفر ولكن لم اجد ميزة الإكمال التلقائي او zen coding

DreamWeaver سعره مرتفع جداً مقارنة بالمحررات الأخرى

أخبرتك انا لم أعد أستخدم البرامج المكسورة

بالنسبة لي فاني اعتمد على ال sublime text 2 في ال front-end وعلى PHP STORM في ال back-end

بالنسبة للاخير فهو IDE أي يحتوي على كل ماتحتاجه اما لل sublime text 2 فانك ستحتاج إلى إضافة بعض الإضافات لتجعله مكان رائع للتطوير وخاصة ال Theme لانه سيضفي اكثر راحة وإنسجام :)

  • كـ theme أقترح عليك predawn

  • بالنسبة للإضافات من المهم ان تتعلم ال emmet وتضيفها إلى ال sublime فهمي اداة رائعة لزيادة المنتوجية كما انه يوجد الكثير من الإضافات الاخرى لدعم مختلف اللغات .. إلخ .

من هنا يمكنك مشاهدة إضافات ال Sublime Text 2 وشرح كيفية إضافتها :

كما أني أستعمل محرر Atom أو Brackets أذا أردت أن أتعامل مع نصوص عربية :)

جميل ولكن ليس الان وقت Sublime المحرر مكلف نوعاً ما في الحقيقة وانا لا أزال في بداية المشوار

كما ان الـTheme الذي ذكرت يشبه Dracula في WebStorm

الفكرة هنا أنني قد قرأت ان Atom يستعمل CoffeeScript و WebStorm يستعمل JavaScript

ما هو الفرق؟ وما هي Scripting Languages؟

  • ال coffee-Script هو pre-processor للجافاسكريبت يعني المتصفحات و البرامج لاتفهم ال coffe-script ولكي يتم فهمه يجب تحويل الشيفرة الى الجافاسكريبت اولا . هذا ما ممثل لي لُبس في فهم سؤالك "Atom يستعمل CoffeeScript و WebStorm يستعمل JavaScript"

ولكن الشئ الي اعرفه حسب ماقرئت في الدليل الخاص بال Atom عند فتحه اول مرة انك تستطيع كتابة ملفات جافاسكريبت و css كي يفتحها البرنامج عند الإقلاع مما يعني تخصيص البرنامج كما تشاء (كما قلت لك استعمل ال atom في التعامل مع النصوص العربية فقط يعني لم اجرب كل خصائصه ومميزاته ) .

  • ال Scripting Languages هي لغات عالية المستوى في الغالب تكون مُفسرةْ ويتم تنفيذ اكوادها سطرا بعد سطر كما انها تستعمل لتنفيذ مهام لا تأخذ وقت طويل في التنفيذ مثال على هذه اللغات : الجافاسكريبت - php - Perl - Python

كما يمكنك ان تبحث عنها في ويكيبيديا المقال الانجليزي لانه يشرح بالتفصيل ماهي، اين و كيف تُستعمل ال scripting languages

وعليكم السلام ورحمة الله وبركاته،

عن نفسي أفضل المقارنات التقنية benchmark عند المفاضلة بين الحلول

انظر مثلا:

ينبغي التنبيه على أن العامل الشخصي له دوره أحيانا ولو بشكل جزئي

لذلك ينصح باختيار عدة محررات ثم اختيار إحداها حسب معاييرك الشخصية.

عن نفسي اخترت brackets على حساب Atom لأنه خيار متوازن يوفر كما ما أريد ويتعامل بشكل أفضل مع الملفات الكبيرة (انظر المقارنة في الرابط السابق).

أخيرا إن كنت في مرحلة التعلّم فليس مهما أن تختار أفضل محرر (إذ يمكنك تغيير المحرر لاحقا) بل المهم أن تكون على الطريق الصحيح.

بالتوفيق.

صدقت، ما أزال في بداية الطريق

كما قال لي أحد الأخوة قديماً "إبدأ بالتعلم حتى لو في ملف نصي .txt"

السلام عليكم ورحمة الله تعالى وبركاته،

أنصحك باستخدام c9.io فهو يدعم العربية ويوفر لك كل شيء ولا داعي لتثبيته لأنه موقع (يمكن تثبيته ولكن صعب قيليلا في ويندوز)، سهل الإستخدام، واضح، يدعم العربية من دون حروف منفصلة وفيه العديد من المزايا الرائعة.

إن كنت تريد استخدام برنامج شامل، يمكنك العمل بـ Brackets فهو سهل وموجه للعمل بلغات الواب فقط ويدعهم العربية أيضا.

آخر أداة ممكن تستعملها هي sublime إن كنت تريد كتابة مواقع أو أمثلة عربية لأنه لا يدعم العربية بشكل مباشر حتى تثبت إضافة (وغير ثابتة)

هناك Aptana رائع جدا، أنصع بإستعماله أفضل من WebStorm بالنسبة لي.

ما شاء الله

بدأت أشعر بالدوار من كثرة البرامج المطروحة من الأعضاء

حالياً سأذهب مع WebStorm وATOM/Brackets

والموقع الذي ذكرت جميل

أستخدم محرر واحد في كل اللغات وهو Brackets ، سريع وليس فيه الكثير من الأزرار المزعجة .. هناك إضافات توفر لك الكثير من العناء

انا front end developer واستخدم Atom منذ 6 اشهر وهو الافضل بالنسبة لي , قمت ايضا باستخدام Brackets لمدة سنة وهو ايضا محرر رائع

شخصيا استخدم Notepad++ فقط و ان كنت بحاجة لبيئة تطويرة انصحك ب Aptana Studio رعم اني لا استخدم لكن فيه خيارات ممزة لاجارة المشاريع + هو مجاني .

توضيح Notepad++ فيها ميزة الاكمال التلقائي للاكواد (بدون ميزة الاقفال) وهناك اضافة رائعة هي WebEdit توضيح Notepad++ فيها ميزة الاكمال التلقائي للاكواد (بدون ميزة الاقفال) وهناك اضافة رائعة هي WebEdit تضيف ازرار بع عناصر HTMl جاهزة مثل الخ