السلام عليكم
انا محمود مهدي مطور واجهات امامية 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-عذرا لما افهمك سؤالك هذا
سؤالي فقط عن العجوز IE !
ما هي الأساليب المثالية لحل المشاكل التي تواجهك عليه؟ وما هي الأساليب التي يجب الإبتعاد عنها؟ وهل من معايير معتمدة او مصادر يرجع لها المطورين لحل مشاكله؟
عن نفسي ابين للعميل ان المشروع لا يدعم IE 10 وما قبله اما عن دعم IE 11 اتاكد من دعمه لما استخدمه من تقنيات حديثة فى
HTML5 - CSS3 عن طريق موقع
واي تقنية غير مدعومة اقوم بالبحث عن علاجها او بدائلها علي IE11
اما متصفح ويندوز الجديد Edge فهو يدعم احدث التقنيات مثله مثل Chrome و Firefox
انا مطور Front-end ولكن مع مرور الوقت تعلمت PHP و التصميم على الفوتوشوب وكل ما يتعلق بالويب.. لكن أهم شيء تعلمته هو ال Front-end لذلك أنصح أي مبرمج ويب ان يتعلم تصميم وتطوير الواجهات.. لماذا ؟.. لانك تستطيع إنشاء سكريبت بمدة زمنية تبدأً بنصف ساعة فأكثر ولكن تصميم الواجهات وتطبيقها بحاجة إلى وقت وهو ما يظهر للمستخدم وليس السكريبت الذي كتبته.
لو كنت انا مدير شركة لن أوظف خبير PHP اذا لم يكن يتقن الـ HTML & CSS
لا يوجد مسار اهم من الاخر فهما مكملين لبعضهما ولكل مسار مهامه و فرص العمل به
ولكن التميز ان يعرف كل منهما جزء عن الاخر فمطور الواجهات الامامية لديه اساسيات فى الPHP كمثال
ومطور البرمجيات الداخلية يكون علي المام بال HTML- CSS - Javascript
وعليكم السلام
لدي عدة تطبيقات عملية منذ ان بدأت تعلم تطوير الواجهات الامامية
سؤالي هو
هل استطيع ان ارسل لك اخر ما قمت به لتقييم طريقة كتابة الكود لدي ؟ والمستوى الذي انا فيه حاليا ؟ :)
لدي عدة اسئلة:
١-هل تقوم انت بالتصميم على الفوتوشوب ام يأتيك التصميم ووظيفتك التكويد؟
٢-كيف اتغلب على صعوبة لغة الجافاسكريبت؟وهل يجب اتقانها؟
٣-ما هي الخطوه التاليه بعد تعلم اللغات الثلاثه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 كما تسمى
ما الذى احتاج اليه كى اصبح محترفا قادر على العمل فى السوق كعمل حر او فى شركة
وعليكم السلام ورحمة الله وبركاته
اعزرني للتأخر فى الرد لالانقطاعي عن المجتمع لفترة .
بداية يجب عليك دراسة اساسيات الfront -end developing مثلا HTML , CSS , JS
ثم بعد ذلك اختيار اللغة المناسبة لك وذلك بعد عمل بحث ودراسة وتجميع اراء ومعلومات اما عني شخصي افضل PHP او مكتبات الجافا سكريبت الخاصة بالبرمجة مثل NodeJS , Angular JS
ارجو ان اكون افدتك بقدر كافي
التعليقات