ثريد اسلوب المبرمجين في التكويد
بالغالب يوجد اسلوبين وهم
1- تكتب وتفكر بنفس الوقت
2- مجهز السيناريوز او الفلو قبل
تحت سأتطرق بالتفاصيل لكل طريقه
بالغالب يوجد اسلوبين وهم
1- تكتب وتفكر بنفس الوقت
2- مجهز السيناريوز او الفلو قبل
تحت سأتطرق بالتفاصيل لكل طريقه
ماقبل البرمجه قد يكون عندك ملف متطلبات
او واجهه تصميم او بدون شيء ولكن بتبدأ تبرمج
او واجهه تصميم او بدون شيء ولكن بتبدأ تبرمج
الاسلوب الاول : تبرمج وتفكر بنفس الوقت
هنا انت مع الكتابة يبدأ حبل الافكار يشتغل وكل مره تنضاف فكره , المشكله هنا توصل لمرحله ريفاكتور كثير كل مره ترجع تعدل الكود لأجل ظهور سيناريو جديد عليك السيناريو ذا هو حالات تصير في الكود عندك , ومنها :
هنا انت مع الكتابة يبدأ حبل الافكار يشتغل وكل مره تنضاف فكره , المشكله هنا توصل لمرحله ريفاكتور كثير كل مره ترجع تعدل الكود لأجل ظهور سيناريو جديد عليك السيناريو ذا هو حالات تصير في الكود عندك , ومنها :
- تبرمج واجهه جاهزه , بس مافكرت صح بالـLayout يكون Responsive لكل الشاشات
- تبرمج Form بدون ماتجهز ايش تحتاج بالفورم و الايرور اللي قد تصير فتضطر تعدل بالفورم كثير
- تبرمج فنكشن جانبيه تستخدمها بالمشروع مثل فنكشن تسوي Fetch فممكن ماهندلت انواع الايرور اللي تجيك صح
- تبرمج Form بدون ماتجهز ايش تحتاج بالفورم و الايرور اللي قد تصير فتضطر تعدل بالفورم كثير
- تبرمج فنكشن جانبيه تستخدمها بالمشروع مثل فنكشن تسوي Fetch فممكن ماهندلت انواع الايرور اللي تجيك صح
لذلك مشاكل الاسلوب ذا هي
- ريفاكتور كثير
- مابنيت السيناريو صح
- اخطاء وارده بالكود
- وقت اطول
ليش ؟
لأن انت قاعد تكتب الكود وبنفس الوقت تجيك افكار فيصير كل مره تضيف فكره تعدل الكود حقك وتاخذ وقت اطول انت قبل لا تبرمج تحتاج تحصر الحالات عندك بالكود وتبرمجها
- ريفاكتور كثير
- مابنيت السيناريو صح
- اخطاء وارده بالكود
- وقت اطول
ليش ؟
لأن انت قاعد تكتب الكود وبنفس الوقت تجيك افكار فيصير كل مره تضيف فكره تعدل الكود حقك وتاخذ وقت اطول انت قبل لا تبرمج تحتاج تحصر الحالات عندك بالكود وتبرمجها
الاسلوب الثاني : تكتب السيناريو او الفلو ثم تبرمج
الطريقه ذي صرت اطبقها مؤخراً وجداً مفيده لأنها تساعدك بالتفكير السليم لبناء كود نظيف وبدون ريفاكتور كثير يتعبك الطريقه هنا هي انك تجهز الفلو و السيناريو اللي تصير بالكود
الطريقه ذي صرت اطبقها مؤخراً وجداً مفيده لأنها تساعدك بالتفكير السليم لبناء كود نظيف وبدون ريفاكتور كثير يتعبك الطريقه هنا هي انك تجهز الفلو و السيناريو اللي تصير بالكود
كيف ممكن تجهز الفلو ؟
عن نفسي بدايه ملف الكود اكتب كومنتات بالترتيب ايش المفروض يصير وخلال كتابه الفلو انت بتكتب السيناريو اللي تصير بالكود عندك فصار عندك جميع الحالات اللي تصير بكودك لأن فكرت بها قبل ماتكتب كودك
امثله بسيطه
عن نفسي بدايه ملف الكود اكتب كومنتات بالترتيب ايش المفروض يصير وخلال كتابه الفلو انت بتكتب السيناريو اللي تصير بالكود عندك فصار عندك جميع الحالات اللي تصير بكودك لأن فكرت بها قبل ماتكتب كودك
امثله بسيطه
1- بتبرمج فورم
- اكتب متطلبات الفورم (اسم , ايميل ..)
- الفاليديشن سكيما لبيانات الفورم
- وين ممكن تظهر الاخطاء
- ايش نوع الاخطاء اللي تصير عندي
- ايش هي الخدمات من الباك ايند بستدعيها
- ايش يصير بعد ما المستخدم ادخل بيانات صحيحه
- اكتب متطلبات الفورم (اسم , ايميل ..)
- الفاليديشن سكيما لبيانات الفورم
- وين ممكن تظهر الاخطاء
- ايش نوع الاخطاء اللي تصير عندي
- ايش هي الخدمات من الباك ايند بستدعيها
- ايش يصير بعد ما المستخدم ادخل بيانات صحيحه
2- بتبرمج فنكشن تسوي فيتش لبيانات
- ايش الباراميتر اللي تحتاجه
- ايش ترجع لي الفنكشن (لودنق , ايررو , نجاح)
- ايش هي الاخطاء المحتمله بالفيتش
- ماهي رسايل الاخطاء اللي اظهرها له
- ايش الباراميتر اللي تحتاجه
- ايش ترجع لي الفنكشن (لودنق , ايررو , نجاح)
- ايش هي الاخطاء المحتمله بالفيتش
- ماهي رسايل الاخطاء اللي اظهرها له
3- تبرمج واجهه
- كيف ممكن يكون اختلاف Layout بالشاشات الصغيره
- هل احتاج اخليه Flex or Grid ايش الاسهل لي
- هل الواجهه ناقصه شيء يحتاجه يسويه المستخدم ونسي يحطه المصمم
- وين اظهر الايرور على الانبوت , فوقه او تحته
- كيف ممكن يكون اختلاف Layout بالشاشات الصغيره
- هل احتاج اخليه Flex or Grid ايش الاسهل لي
- هل الواجهه ناقصه شيء يحتاجه يسويه المستخدم ونسي يحطه المصمم
- وين اظهر الايرور على الانبوت , فوقه او تحته
من ايجابيات التفكير ماقبل التكويد
- جهّزت الحالات اللي تحصل لك
- تبرمج بشكل اسرع
- ريفاكتور اقل
ليش ؟ لأن انت جهزت الفلو مع السيناريو
وايش يصير لك بكل حاله وكيف تتصرف معها
انت هنا بنيت خطه كامله للكومبونت حقك من اي اخطاء وارده قد تحصل
- جهّزت الحالات اللي تحصل لك
- تبرمج بشكل اسرع
- ريفاكتور اقل
ليش ؟ لأن انت جهزت الفلو مع السيناريو
وايش يصير لك بكل حاله وكيف تتصرف معها
انت هنا بنيت خطه كامله للكومبونت حقك من اي اخطاء وارده قد تحصل
تجهيز الفلو قبل يساعدك بالتفكير المنطقي
يساعدك يخلي تدقق بأدق التفاصيل , يخليك تعرف كيف الفلو يصير لأي كومبونت مشابه بعدين بتسويه ومع الوقت بتشوف نفسك عارف وش بتسوي بدون ماتكتب الفلو لأن الفلو صار براسك طبيعي
يساعدك يخلي تدقق بأدق التفاصيل , يخليك تعرف كيف الفلو يصير لأي كومبونت مشابه بعدين بتسويه ومع الوقت بتشوف نفسك عارف وش بتسوي بدون ماتكتب الفلو لأن الفلو صار براسك طبيعي
كنصيحه الفلو العام خليه بملف منفصل
تستخدمه مع اي مشروع مثل
الفيتش , الفورم , تسجيل الدخول , الفاليديشن
هذي اشياء تكون غالباً بكل مشروع ويصير ترجع لها بعدين وتعرف كيف تتصرف بها بسهولة لكل مشروع بتشتغله حتى تقدر تخلي الكود كامل عام وتستخدمه بكل مشروع كـ كومبونت
تستخدمه مع اي مشروع مثل
الفيتش , الفورم , تسجيل الدخول , الفاليديشن
هذي اشياء تكون غالباً بكل مشروع ويصير ترجع لها بعدين وتعرف كيف تتصرف بها بسهولة لكل مشروع بتشتغله حتى تقدر تخلي الكود كامل عام وتستخدمه بكل مشروع كـ كومبونت
نصايح عامه بالموضوع ذا
- اكتب المتطلبات للمشروع لكل خاصيه
- قبل لا تبرمج حط كومنتات وش بتسوي
- افصل الكومبونت وخليها عامه قدر المستطاع
- كل فلو تكتبه حطه بملف منفصل عشان ترجع له لأي مشروع احتجته فيه
- اقرا اكواد من قيت-هب واكتب الفلو اللي يصير بالملف
- اكتب المتطلبات للمشروع لكل خاصيه
- قبل لا تبرمج حط كومنتات وش بتسوي
- افصل الكومبونت وخليها عامه قدر المستطاع
- كل فلو تكتبه حطه بملف منفصل عشان ترجع له لأي مشروع احتجته فيه
- اقرا اكواد من قيت-هب واكتب الفلو اللي يصير بالملف
جاري تحميل الاقتراحات...