رأيكم في العمل المبدئي

تصميم جيد و بداية موفقة 

الملاحظات:

1. الألوان فاقعة و متنوعة جدا (النصف الثاني من الموقع ألوان غير مريحة, الجزء العلوي جيد) (نكتفي ب 3 ألوان رئيسية)
2. خطأ في التصميم (محاذاة آخر عنصر في الأسفل جهة اليسار) /مولد النص العربي/ 
3. ال navbar خذها إلى اليسار قليلا (حافظ على تباعد متساوٍ لجميع العناصر عن أطراف الصفحة) (اجعل الهامش موحداً)

الصفحة جيدة ,وكبداية عمل ممتاز   .

• لدي بعض الملاحظات:

1- الموقع يحتوي على بعض العناصرة غير متوافقة مع الشاشات

2-  تناسق الألوان

لا تكثر الألوان في موقعك وحاول أن تأخذ الألوان من العناصر الأساسية في موقعك, لو لون الخلفية غامق يجب أن تكون العناصر التي عليها ذات لون فاتح  ,مثل الصندوق المكتوب فيه الرؤية والهدف لونه غامق.

3- العناوين (من نحن وخدماتنا) لو كانت في المنتصف تكون أجمل. 

**التدريب يا صديقي مهم لجميع المبرمجين فلا تتوقف عند مرحلة  معينة  , يجب أن تستمر في تطوير مهاراتك   .

بالنسبة ك شخص مبتدئ في مجال frontend وهذه أول تطبيقاته فهذا جيد .

ولكن يوجد بعض التعليقات على التصميم 

• الريسبونسيف ليس جيد نهائيا ويحتاج التعديل على التوافق على الشاشات الصغيرة 

لا يوجد أي تناسق على الكلام فيحب وضع النص في الوسط وإعطاء إلي p width: 100%

يجب عليك تعلم MediaQueries فهذه الخاصية سوف تساعدك كثيراً في الريسبونسيف لأنها تحدد تغير خواص عنصر معين في الصفحة في مقاس شاشة معين مثل :

@media only screen and (max-width: 600px) {
  div {
    background-color: lightblue;
  }
}
600px هنا سوف يتم تغير خاصية لون الخلفية فى العنصر عند شاشة 

خاصية MediaQueries  في css مهمة جداً لا تعتمد على bootstrap فقط في الريسبونسيف .

يمكنك أن تتعلم الخاصية من هنا .

• يجب أن تهتم على القيام بالتطبيق ثم التطبيق فهذا سوف يؤثر كثيراً على مستوى إدراكك للغات .
• نصيحة لا تستخدم أكواد جاهزة مثل مكتبة bootstrap الأن حاول أن تتعلم كيف تنشئ أي شئ في الويب قبل استخدام المكاتب الجاهزة مثل bootstrap .
• حاول أن تقوم بإنشاء مواقع مشابة لمواقع عالمية مثلأ :

تقوم بفتح login الخاصة بالفيس بوك وتقوم بإنشاء صفحة مماثلة بنسبة 100% لها 

ثم تقوم بالتعديلات التي تريدها ويجب وضعها من وجهة نظر حضرتك على صفحة login  هذا سوف يؤثر على مستوى حضرتك كثيرأ .

لا تتوقف عن التعلم فجميع المطورين مهما زاد احترافهم في اللغات لا يعرف كل شئ  فيها وكل يوم يرى شئ جديد فيها أثناء التطبيق والعمل .

جميل جدًا، يبدو انك مجتهد و هذا عمل يعتبر جميل جدًا بما انت عليه الآن من مهارات.

راجعت الموقع و سأقدم لك ملاحظاتي و نصائحي :

• حاول أن تجعل محتوى الصفحة و محاذاته بشكل متناسق مع شاشة العرض، حتى يكون مريح للعين وغير متباعد أو متلاصق، أنصحك أن تسخدم كلاس container الذي توفره Bootstrap حيث أنه يحاذي لك المحتوى من جميع الأطراف، كما أنه متوافق مع جميع شاشات العرض.
• المسافة من الأسفل و الأعلى بين المحتويات في الواجهة الرئيسية بالأعلى من الأفضل أن تكون أكثر من ذلك، لأنها تبدو متداخلة، أنصحك بإستخدام line-height Property، تستطيع من خلاله التحكم في إرتفاع كل div عن الآخر و يمنحك تحكم سهل في طريقة العرض.
• الألوان تبدو صاخبة و مزعجة للعين، أنصحك بأن تختار ألوان أكثر تناسقًا و بدرجات أقل من المستخدمة في موقعك، هناك مواقع توفر لك إمكانية تنسيق ألوانك للموقع بحيث تختار اللون و تمنحك الدرجات الأقل و الأكثر التي تكون ملائمة للون الرئيسي مثل Color Scheme Designer أو The Color Wizard 3.0.
• بالنسبة لتوافق الموقع مع الشاشات مختلفة الأحجام، فإن موقعك يفتقد لذلك الشيء، أنصحك بإستخدام media إنها تمنحك التحكم الكامل بأحجام الشاشات و منح كل حجم شاشة الإعدادت اللازمة، و سأطرح عليك موقع يساعدك في معرفة أحجام الشاشات المستخدمة في معظم الأجهزة تستطيع زيارته من هنا.

بالتوفيق.