السلام عليكم ،،
أنا مبرمجة مبتدئة في javascript كنت قد تعلمت وشاهدت دروسا كثيرة وكنت أطبق ما اتعمله تماما مع فهم كل كود بالطبع، وكان كل شيء على ما يرام وكأي متعلم كنت أواجه في كل مرة اتعلم فيه كود جديد بعض المشاكل لكن تكون بسيطة وأستطيع حلها، الآن بعد أن انتهيت من تعلم اللغة وأصبحت لدي معلومات لا بأس فيها لكي أجرب ما تعلمته لكن هذه المرة من غير أن أستعين بالدروس التي كنت أتابعها وأن أعتمد على فهمي ومعلوماتي و تخيلت أنه علي أن أقوم بعمل موقع صغير و كأنني في مهمة حقيقة ويتطلب علي تسليم عملي لكي أكون أكثر جدية وإبداع ، لكنني بدأت أشعر بالضياع قليلا مثلا كيف سأكتب هذا الكود وكيف سأربط هذين الكودين مع بعضهم، بأي فكرة سأبدأ أولا،هل علي أن أبدأ بتصميم الواجهة ووضع كل شي بمكانه وحجمة ولونه المطلوب أو علي كتابة الأكواد وعلي البدأ بالبرمجة أولا ، ثم بدأت أواجه مشاكل لم تكن مذكورة في الدورات التي تابعتها، ما أود معرفته هل يحدث هذا لأنني مبتدئة ومازلت لا أملك خبرة ولأنني لم أعمل على مشروع حقيقي أم أنني لم أحصل على العلم الكافي وعلي التعلم من البداية مرة أخرى، أحتاج بعض النصائح للذين كانوا مبتدئين و أصبحوا محترفين هل كنتم بهذا الحال في بداية مسيرتكم ؟
وشكرا
السلام عليكم اصيل,
ماتمرين به هو طبيعى ومنطقى لانك مازلتى فى بداية مسيرتك فى مجال البرمجة وليس لديك خبرة حتى الان ,
يجب أن تتأكدى ان اى مبرمج بدأ مسيرتة بنفس التساؤلات والحيرة .
من وجهة نظرى فى البرمجة انك لست ملزمة بحفظ جميع المصطلحات او كل مايخص اللغة فهو امر غير منطقى فقط يكون تركيزك على اساسيات اللغة وتدريب نفسك على اكثر من مثال على الاساسيات.
مع ممارسة البرمجه سوف تجدى انك لست بحاجة الى الحفظ على الاطلاق وايضا ضعى فى اعتبارك انك دائما سوف تحتاجى الى الاطلاع على تجارب الآخرين فى مواجهة اى مشكلة برمجية وهو مانلجئ له دائما مهما كان المستوى او الخبرة التى نمتلكها .
سوف اخبرك بمراحل العمل التى اتخذها عندما يُطلب منى فى العمل انشاء مشروع بداية من التصميم,
اولا : اقوم بفهم المطلوب منى جيدا حتى استطيع تقديم افضل ما لدى والعمل فى الطريق الصحيح
ثانيا : اقوم بالبحث عن مشاريع مشابهة لما هو مطلوب منى تنفيذة وادون الافكار التى اجدها مناسبه للمهمة الملزم بها
ثالثا : ارتب جميع الافكار والملاحظات بشكل جيد
رابعا : انشئ نموذج للتصميم بالورقة والقلم فقط حتى استطيع تخيل مكان كل قسم وهذه العملية تسمى wireframe يمكنك البحث اكثر وتعلم هذه الطريقة
خامسا : احول النموذج الاولى من الورقة والقلم الى نسخة الكترونية كصورة لايضاح شكل الموقع النهائى قبل البدء فى برمجته ويوجد العديد من البرامج التى استطيع العمل عليها لتصميم واجهة المستخدم مثل adobe XD
سادسا : تحديد التكنولوجية المستخدمة فى برمجة الموقع هل سيكون فقط HTML - CSS - Javascript ام ساحتاج الى مكتبات تساعدنى فى انجاز المطلوب بشكل افضل ام ساحتاج الى العمل على منصة مثل wordpress او ghost مثلا
سابعا : الخطوة الاخيرة وهى البداية فى برمجة التصميم وتحويلة الى موقع حى
ماذكرتة هنا هى طريقة عملى يمكنك ان تجربى نفس الخطوات حاليا ومع تقدمك واكتسابك للخبرة بالتأكيد سوف تتبعى اسلوب عمل يتناسب معكى
ارجو ان اكون قد ساعدتك كما يجب
بالتوفيق فى القادم باذن الله
بارك الله فيك ، سأحاول الالتزام بنصائحك، وأيضا بالفعل رغم انني لم استخدم طريقة wireframe لكنني استخدمت بعض التطبيقات الخاصة بالرسم لرسم واجهة الصفحة التي سأتدرب على تصميمها كان التصميم بسيطا ومضحكا ولكن يبدو أنني لو اخطط بشكل كافٍ فقد وصلت لنقطة معينة في تصميم الواجهة باستخدام CSS ثم شعرت أن المعلومات انتهت وانني مشتتة، لكن سأجرب نصائحك بأن احاول أن أرى نماذج وتجارب الآخرين
الله يعزك , لا تقلقى ان كان شكل التصميم مضحك او غير منطقى فقد مررت بهذا ايضا فى البداية ومازلت احتفظ بهذه التصاميم فقط حتى اتذكر دائما من اين البداية واين انا الان بمعنى انى اقارن عملى الحالى بعملى السابق وهو مقياسى دائما .
عند بداية التصميم باستخدام wireframe يجب ان تحددى جميع الاقسام الخاصة بالموقع بدون محتوى كلامى فقط تحددى مثلا لدى 4 اقسام
الاول : وهو بداية الصفحة ونسمية hero
الثانى : من نحن
ثالثا : منتجاتنا
رابعا : تواصل معنا بالضافة للfooter
كل هذا فقط بدون كتابة محتوى نصى لكن عند الانتقال للمرحلة التالية وهى التصميم البصرى باستخدام XD مثلا يمكنك استخدام موقع نصوص مخصصه لذلك مجرد نصوص لعرض شكل المحتوى, ابحثى عن lorem ipsum يوجد به نصوص للغات عديدة
بالتوفيق باذن الله
التعليقات