12

كمطور نظم أمامية، ماهي التقنيات والأطر التي تستخدمها حاليا

  • khelll

١- هل تميل للتعامل البرمجي مع الواجهات(Javascript/Typescript/Coffescript) أم تميل أكثر لتصميم الواجهات وتحويلها ل HTML/CSS

٢- ماهو المحرر الذي تستخدمه

٣- هل هناك أدوات أخرى بجانب المحرر

٤- ما هية الأطر التي تستعملها ومتى.

٥- كيف تنظم مشروعك برمجيا من حيث الهيكلة.

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

التعليقات

يوسف سيد أضف ردا

١- عرف عن اتجاهك العملي، هل تجيد التعامل البرمجي مع الواجهات أم تميل أكثر لتصميم الواجهات وتحويلها ل HTML/CSS

لم أفهم ما تقصد هنا، هل تقصد البرمجة الخلفية؟

٢- ماهو المحرر الذي تستخدمه

أعمل على العديد من المشاريع، لا فرق عندي من المحرر أستخدم العديد منها Atom مثلًا أكتب عليه الخادوم الخلفي لعمل ما أكتبه بلغة Go، وvisual code لخادوم الواجهة لنفس المشروع NodeJS + React + TypeScript مع العديد من التبعيات.

٣- هل هناك أدوات أخرى بجانب المحرر

لا أستطيع التخلي عن أداة تصحيح لغوي للتعليقات البرمجية، ومصحح لمستوى كتابة الشيفرة مثلًا jslint لجافاسكربت.

٤- ما هية الأطر والأدوات أضفت هذا :) التي تستعملها ومتى.

React أو Angular 2 على حسب مزاجي تبًا للمشروع الأهم أن أستمتع، TypeScript لم أعد أطيق JavaScript وإن كان لا أكتب إلا شيفرات ES6، وبعض الأدوات لإختبار طلبات الويب إضافات للمتصفح نسيت اسمها فهي ليست مهمة، Gulp لبناء ما يتعلق بجافاسكربت، Sass لكتابة شيفرات Css، أستخدم express لكتابة خوادم NodeJS، وللغة Go لا أحتاج أي أطر فهي تأتي متاكملة، بالنسبة لأطر التصميم هذا شرٌ لابدّ منه إذا لم أحتاج إليها وكان الوقت كبيرًا لا أستخدم أحدها فلا ينقصني بعد الصداع صداع، يوجد الكثير الآخر(WebPack، Grunt، ...) لا أتذكره لأنه ربما سبب لي مشكلة ما، أو لأنه لم يؤثر علي لم أستمتع به، أه يتحدثون تلك الأيام عن Meteor هذا اللعين يسحب منك كل المتعة ويتحكم بكل المشروع :(

٥- كيف تنظم مشروعك برمجيا من حيث الهيكلة.

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

قمت بتعديل السؤال ليكون أكثر وضوحا.

يوسف سيد أضف ردا

إذن أميل للتعامل البرمجي على الأغلب يحتوي على الكثير من التحديات والإمتاع أكثر من تصميم الواجهة.

1- اميل للتعامل البرمجي وان اُضطررت للعمل على تجربة المُستخدم والتصميم أعتمد على اُطر عمل فالواجهات الأمامية تستهلك مني أضعاف أضعاف الوقت الذي أقضيه في البرمجة فقط.

2- ++Notepad

3- أغلب أعمالي الحالية تكون تطوير على مواقع تعمل فعلياً فلا أحتاج الكثير من الأدوات فـ PuTTY و FileZilla و ++Notepad يفوا بالغرض.

4- استخدم Laravel في حال كان العمل اعتيادي أما إن كان تطبيق لن استفيد من الإطار في شيء لا أعتمد عليه وأفضل الكتابة بدونه لأنه سيعيق العمل أكثر من التيسير فيه، jQuery و Mustache للغة javaScript

5- اعتمد كثيراً على توحيد المُسميات على مستوى المشروع وقد تحدثت عن الأمر هنا:

غير أن اطار العمل يساعد كثيراً في هذا التنظيم

megasoft أضف ردا

استعمل laravel كاطار عمل

وphpstorme كبيئة متكاملة للتطوير الخلفي والامامي وايضا تطوير تطبيقات الموبايل

بالاضافة ادوات مساعدة موجودة في هذا الاخير كال CLI وnpm و git و composer manager ....الخ

للتعديلات البسيطة والسريعة استعمل notepad++ او sublime 2

كادوات ايضا مساعدة live template و file template موجودة فيphpstorme

استخدم ايضا easyphp 16 يحتوي على php 7 مع سرفر nginx

كونك خصصت فقط الواجهات الأمامية، وكوني متخصص نوعاً ما في برمجة إضافات متصفح كروم، فأميل بالطبع للبرمجة باستخدام JavaScript مع واجهة كروم البرمجية وقليلاً من نكهة HTML مع CSS للمكياج :)

ماهو المحرر الذي تستخدمه

أستخدم Sublime Text Editor 3 مع ثيم Material

هل هناك أدوات أخرى بجانب المحرر

بالطبع، مجموعة من الإضافات التي تساعد في سرعة البرمجة، كإضافة Emmet, Code formatter ومجموعة خفيفة من الإضافات.

وأحياناً أستخدم برنامج Fiddler لمتابعة الـ Requests ولكن بالعادة أدوات مطوري الويب الموجود في متصفح كروم يكفي وزيادة.

ما هية الأطر التي تستعملها ومتى

لحتى الآن فقط jQuery وأفكر باستخدام AngularJS

كيف تنظم مشروعك برمجيا من حيث الهيكلة

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

  • أستخدم webstorm منذ سنتين، ولم أستطع التخلي عنه، رغم محاولاتي للتبديل الى Atom

  • بجانب المحرر استخدم sourcetree الخاص بالتعامل مع مستودعات git

أستخدم اطار عمل Angular و ionic framework

1- أفضل الشق البرمجي في أي مشروع .

2- Notepad++

3- ليس كثيرا فقط filezila

4- jQuery أعتمد عليه كثيرا

5- أحافظ في معظم المشاريع على نفس ترتيب المجلدات و نفس الشيء مع المجلدات فمثلا لدي ملف html جاهز

فقط اقوم بعمل نسخة منه ، و بالنسبو للأكواد فغالبا استعمل اسماء دوال و متغيرات طويلة مفصولة بعلامة _

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

١- هل تميل للتعامل البرمجي مع الواجهات(Javascript/Typescript/Coffescript) أم تميل أكثر لتصميم الواجهات وتحويلها ل HTML/CSS

-> أستعمل الأول كثيرا، تصميم بالأكواد مباشرة، و مأخرا بدأت بالتكويد و وجدته ممتعا لذا أنوي إضافته لمجال عملي..

٢- ماهو المحرر الذي تستخدمه

-> Sublime 3 جربت Atom و Brackets لكن الأول رائع ببساطة، حتى أني أفكر بشراء نسخة منه مستقبلا (كما هو مذكور في ترخيصه)..

٣- هل هناك أدوات أخرى بجانب المحرر

->طبعا المتصفح Chrome و البقية لتجريب التوافق في أغلب الأحيان

٤- ما هية الأطر التي تستعملها ومتى.

->لا أذكر منذ متى بالضبط لكن لا أستغني عن jQuery و أستعمل مكونات 3 Bootstrap بكثرة و بعض الـPlugins الجاهزة عند الحاجة..

٥- كيف تنظم مشروعك برمجيا من حيث الهيكلة.

-> جربت طريق كثيرة و لم أجد أحسن من الـMVC