اريد اشياء كي اختبر نفسي

حاول تصميم موقع يشبه I/O حسوب فهو بسيط و واضح.

مرحبا...

يمكنك الإطلاع على هذا الموضوع.

بأمكانك استعمال موقع

يوجد الكثير من الأمثلة البسيطة وأكثرها بلغة html&css

بأمكانك اختبار نفسك ومحاولة تقليد الموجود هناك وتطوير مهراتك

أنصحك بالإطلاع على معارض أعمال المتخصصين في مجالك، فبجانب ما ستمدك به من تغذية بصرية، فإنها ستعطيك نماذج لا حصر لها للتدريب وإكتساب الخبرة.

حاول أن تقوم بتقليد المواقع التي تستخدمها كثيرًا أو بشكل يومي، لأنك ستكون على علم بكل المميزات التي فيها وكيفية عملها. بالطبع قد تواجهة عوائق أثناء مرحلة التطوير، حينها يمكنك أن تسأل أحد المحترفين أو أن تستخدم مجموعات الفيسبوك أو المواقع المتخصصة في هذا الأمر مثل Stack Overflow

وبإمكانك أيضُا أن تشاهد أعملًا لمبرمجين محترفين على مواقع مثل Codepen أو GitHub

كما أنصحك أن تقوم بتطبيق دورة أو فيديو لتطبيق عملي لكي تتعلم كيف يتم تصميم المواقع من البداية، ومن أمثلة هذه الدورات هي التطبيقات العملية في قناة Elzero Web School حيث يقوم أستاذ أسامة (صاحب القناة) بعمل 3 تطبيقات لمواقع ممتازة وتحتوي على كثير من التفاصيل العملية.

أفضل شئ هو البحث في المواقع التي توفر التصميمات الملهمة في الويب حيث يمكنك البحث في هذه المواقع لإختيار الموقع الذي يعجبك وتنفيذ موقع مشابه له ومن هذه الموقع

1. behance

2. awwwards

3. dribble

وتوجد العديد كل ماعليك فعله هو البحث عن website inspiration وستجد العديد من الموقع ولكن إذا أردت موقع أكثر تنظيماً يمكنك أن تتطلع على موقع frontend mentor وهو موقع جميل جداً يوفر لك التصاميم والصور المستخدمة والألوان وينظم لك التصاميم حسب صعوبة تنفيذ الموقع

يمكنك الاستعانة بموقع Frontend mentor

فهو متخصص بالتدريب على بناء المواقع الالكترونية

الموقع يقوم باعطائك التصميم الخاص بالموقع وأنت تقوم ببنائه

المهارات التي تحتاجها لبناء الموقع تختلف على حسب مستوى التحدي

يوجد في الموقع 5 مستويات

يمكنك البدء بالمستويات الأولى والتي يلزمها معرفة بHTML, CSS من دون الJavascript

بعد ان تقوم ببناء التصميم الذي تم تزويدك به يقوم بعض الmentors بمراجعته و اعطائك ملاحظات عليه و بعض النصائح

سواء في ناحية الناتج النهائي او من ناحية الكود المكتوب

بالاضافة لاعطائك بعض النصائح و التحسينات

frontendmentor.io/challenges

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

من ضمنها موقع أكاديمية حسوب وغيرها

وبالتوفيق في طريق تعلمك

أكاديمية الزيرو بها تكليفات، عن كل دروس الhtml وcss ، وتكليفاتها صعبة نوعًا ما، ويمكن الدخول إلى قناة زيرو ويب، وستجد قائمة كاملة لتطبيق العملي عليهم.