17

لديك تساؤلات حول تطوير الواجهات الامامية ؟ ضعها هنا وسأجيبك

السلام عليكم

انا محمود مهدي مطور واجهات امامية Front-end Developer. اذا كنت مبتدأ فى المجال ولديك سؤال

انا هنا للإجابة علي سؤالك

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

التعليقات

انا اريد ان ابتدئ :)

ارسم لي الخطوات العمليه الاولى مع التقدير الزمني لكل منهما

اشكرك مقدما

اولا يجب تعلم اساسيات تطوير الويب HTML - CSS - Javascript مع التطبيق العملي علي ما تتعلمه

ثم تحميل تصميم موقع جاهز Free PSD وهي متوفرة بكثرة علي الانترنت ومحاولة تكويد التصميم ولا بأس بالاستعانة بالمكتبات الجاهزة

فى البداية امثال Bootstrap - Foundation والبحث فى جوجل عن الاجزاء التي تعرفها او بها مشاكل وافضل موقع

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

وخلال رحلتك تقوم بتطوير نفسك عن طريق التدرب علي مكتبات الجافا سكريبت منها جي كيوري وغيرها وتطوير مهارات ومواكبة التطور فى HTML5 - CSS3

التقدير الزمني هو علي حسب وقتك واستيعابك وتدربك علي ما تفعله ولكن تقديريا اظنه لا يتجاوز ال3 اشهر ونصف

ارجوا ان يكون ردي مفيد لك

بالتوفيق

واضح

شكرا مرة اخرى :)

وعليكم السلام .. محتاج الكثير من الاجوبة في هذا المجا بصراحة خصوصا وان لدي مشروع تخرج ذو علاقة بالموضوع لذا =D :

1- هل يجب إستعمال الفوتوشوب لتصميم موقع قبل التكويد ؟ وكيف تساعد هذه الخطوة فعليا في تكويد الموقع لاحقا ؟

2- هل بعد تصميم الموقع تقوم بتقطيع الموقع كليا ب slice tool وتصدره على شكل HTML ؟ أم تقوم بتقطيع الصور فقط وتكتب الكود يدويا html + css ؟

3- هل تستعمل خاصية استخراج كود css من اللاير أو تكتبه يدويا بدون تلك المساعدة ؟ وهل من الافضل استعمال الدريم ويفر لتكويد الموقع المصمم بالفوتوشوب ؟

4- هل يجب وضع الموقع كامل داخل في البداية أم لا ؟ وكيف يتم تقسيم الموقع بشكل عام ؟

عذرا على كثرة الأسئلة أخي لكن أي إجابة ستساعدني إن شاء الله

1-بالطبع بيتم تصميم الموقع علي الفوتوشوب قبل التكويد - التصميم هو الموقع ولكن كصورة كيف يمكن تكويد شي غير موجود !!

2-نظام التقطيع نظام قديم جدا الان CSS تدعم كل ماكنا نحتاجه من gradients و border-radius

3-فى بعض الاحوال فقط كاستخراج الbox-shadow وال border-radius فقط اما باقي الكود اقوم بكتابته بنفسي - يوجد العديد من المحررات للتكويد ولكني افضل ATOM

4-عذرا لما افهمك سؤالك هذا

شكرا على المعلومات .. السؤال الرابع قصدت : أعرف أنه يجب وضعdiv لكل من الهيدر , السايدبار , الفوتر , ومنطقة التدوينات ولكن هل يجب وضع الموقع كامل داخل div في البداية أيضا أم لا؟

علي حسب طبيعة المشروع فبعض المشاريع تحتاج التحكم فى عرض الصفحة ولذلك تستخدم div

سؤالي فقط عن العجوز IE !

ما هي الأساليب المثالية لحل المشاكل التي تواجهك عليه؟ وما هي الأساليب التي يجب الإبتعاد عنها؟ وهل من معايير معتمدة او مصادر يرجع لها المطورين لحل مشاكله؟

عن نفسي ابين للعميل ان المشروع لا يدعم IE 10 وما قبله اما عن دعم IE 11 اتاكد من دعمه لما استخدمه من تقنيات حديثة فى

HTML5 - CSS3 عن طريق موقع

واي تقنية غير مدعومة اقوم بالبحث عن علاجها او بدائلها علي IE11

اما متصفح ويندوز الجديد Edge فهو يدعم احدث التقنيات مثله مثل Chrome و Firefox

انا مطور Front-end ولكن مع مرور الوقت تعلمت PHP و التصميم على الفوتوشوب وكل ما يتعلق بالويب.. لكن أهم شيء تعلمته هو ال Front-end لذلك أنصح أي مبرمج ويب ان يتعلم تصميم وتطوير الواجهات.. لماذا ؟.. لانك تستطيع إنشاء سكريبت بمدة زمنية تبدأً بنصف ساعة فأكثر ولكن تصميم الواجهات وتطبيقها بحاجة إلى وقت وهو ما يظهر للمستخدم وليس السكريبت الذي كتبته.

لو كنت انا مدير شركة لن أوظف خبير PHP اذا لم يكن يتقن الـ HTML & CSS

كلامك صحيح يجب علي الويب ديزاينر او الback-end developer معرفة HTML & CSS ولا بأس ان يعرف شخص واحد الثلاث مراحل المهم اتقانه لمرحلة منهم

اما التصميم او front-end او back-end

هل تطوير الواجهات الأمامية أكثر أهمية من الداخلية ، وأي منهما مطلوب أكثر ، ؟ شكراً لك

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

ولكن التميز ان يعرف كل منهما جزء عن الاخر فمطور الواجهات الامامية لديه اساسيات فى الPHP كمثال

ومطور البرمجيات الداخلية يكون علي المام بال HTML- CSS - Javascript

شكراً لكن لم تجب تقريباً على هذا السؤال

وأي منهما مطلوب أكثر ، ؟

"لكل مسار مهامه و فرص العمل به"

ولكن اظن ان الوردبريس هو الاكثر طلب

وعليكم السلام

لدي عدة تطبيقات عملية منذ ان بدأت تعلم تطوير الواجهات الامامية

سؤالي هو

هل استطيع ان ارسل لك اخر ما قمت به لتقييم طريقة كتابة الكود لدي ؟ والمستوى الذي انا فيه حاليا ؟ :)

لا يوجد مشكلة :)

عذراً، يجب أن يكون مستوى سمعة حسابك أكثر من 50 لتتمكن من ارسال رسائل خاصة

:/

لا اعرف هل من قوانين المجتمع كتابة البريد الالكتروني ام لا لذا يمكنك اضافة الروابط هنا كمثال مباشر

لدي عدة اسئلة:

١-هل تقوم انت بالتصميم على الفوتوشوب ام يأتيك التصميم ووظيفتك التكويد؟

٢-كيف اتغلب على صعوبة لغة الجافاسكريبت؟وهل يجب اتقانها؟

٣-ما هي الخطوه التاليه بعد تعلم اللغات الثلاثهHTML,CSS,Javascript ومكتبه مثل البوتستراب والتطبيق عليهم؟

٤-من يبدأ العمل ومن ينهيه انت ام مطورالBack-end؟

٥-كيف تعلمت هذا المجال؟

٦-هل اللغه الانجليزيه مهمه؟ وكيف اتقنتها؟

٧-ما هو مجال تخرجك/دراستك؟

وآسف جداً على الاطاله وشكراً لك.

1- يأتيني التصميم من المصمم وانا اقوم بعمل الwirefram والتكويد

2-ان تتعلم اللغة من البداية وليس تعلم مكتباتها امثال جي كيوري- كل ما اتقنتها اكثر اصبح لديك قدرة اكبر علي تنفيذ اي شىء يحتاج لaction فى المشروع

3-تطوير مستواك واستخدام التقنيات الحديثة فى HTML5 - C33 واتقان مكتبات جافا سكريبت امثال جي كيوري واجاكس وامبير وعند ذلك ستكون لديك القدرة لتصميم برمج ويب Web Apps عوضا عن اتقانك وسرعتك فى تكويد المواقع العادية

4-يتم تصميم الموقع من المصمم ثم الي مطور front-end ثم الي مطور back-end

5-مررت بثلاث مراحل اولها تعلم المجال من موقع teamtreehouse.com ثم التدرب والعمل علي مشاريع تدريجيا فى صعوبتها لاكتساب الخبرة وبعدها تطوير نفسي دائما بتعلم جديد المجال سواء من نفس الموقع السابق ذكره ام من المدونات والمواقع الشهيرة

6-نعم مهمة - عن طريق الكورسات المتوفرة علي الانترنت او التقدم لدراسة الكورس من اي مركز تدريب او عن طريق موقع duolingo.com

7-مجالي هو هندسة الالكترونيات ولا يمت لمجال عملي بصلة فنحن فى مصر نتعلم ما لا ينفعنا بعد التخرج بشىء

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

هل هذه الدروس كافيه في لغة الجافاسكريبت

نعم اعتقد انها كافية

جزاك الله خيراً

السلام عليكم

فقط أبحث عن واجهة شبيهة بهذه

(اعجبتني طريقة النزول الى الاسفل وتغير الصور كل مرة)

لأجربها وأعرف طريقة عملها

شكرا لك

طريقة النزول هي مكتبة مؤثرات واو الشهيرة :

بارك الله فيك اخي...مكتبة رااااااااااااااااائعة

السلام عليكم

انا اريد ان اصبح مبرمج للموقع Back-end developer كما تسمى

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

ارجو منك ان تكتب لى الخطوات التى يجب على ان اتبعها و ان امكن طريقة التعلم بمعنى كيف اطبق على ما اتعلمه

فمثلا اثناء دراستي للغة ال HTML يخبرنى انى ان اردت ان اكتب برجراف استعمل هذا هل التطبيق ان اكتب برجراف !؟!

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

اعزرني للتأخر فى الرد لالانقطاعي عن المجتمع لفترة .

بداية يجب عليك دراسة اساسيات الfront -end developing مثلا HTML , CSS , JS

ثم بعد ذلك اختيار اللغة المناسبة لك وذلك بعد عمل بحث ودراسة وتجميع اراء ومعلومات اما عني شخصي افضل PHP او مكتبات الجافا سكريبت الخاصة بالبرمجة مثل NodeJS , Angular JS

ارجو ان اكون افدتك بقدر كافي