حاول تصميم موقع يشبه I/O حسوب فهو بسيط و واضح.
اريد اشياء كي اختبر نفسي
بأمكانك استعمال موقع
يوجد الكثير من الأمثلة البسيطة وأكثرها بلغة html&css
بأمكانك اختبار نفسك ومحاولة تقليد الموجود هناك وتطوير مهراتك
حاول أن تقوم بتقليد المواقع التي تستخدمها كثيرًا أو بشكل يومي، لأنك ستكون على علم بكل المميزات التي فيها وكيفية عملها. بالطبع قد تواجهة عوائق أثناء مرحلة التطوير، حينها يمكنك أن تسأل أحد المحترفين أو أن تستخدم مجموعات الفيسبوك أو المواقع المتخصصة في هذا الأمر مثل Stack Overflow
وبإمكانك أيضُا أن تشاهد أعملًا لمبرمجين محترفين على مواقع مثل Codepen أو GitHub
كما أنصحك أن تقوم بتطبيق دورة أو فيديو لتطبيق عملي لكي تتعلم كيف يتم تصميم المواقع من البداية، ومن أمثلة هذه الدورات هي التطبيقات العملية في قناة Elzero Web School حيث يقوم أستاذ أسامة (صاحب القناة) بعمل 3 تطبيقات لمواقع ممتازة وتحتوي على كثير من التفاصيل العملية.
أفضل شئ هو البحث في المواقع التي توفر التصميمات الملهمة في الويب حيث يمكنك البحث في هذه المواقع لإختيار الموقع الذي يعجبك وتنفيذ موقع مشابه له ومن هذه الموقع
behance
awwwards
dribble
وتوجد العديد كل ماعليك فعله هو البحث عن website inspiration وستجد العديد من الموقع ولكن إذا أردت موقع أكثر تنظيماً يمكنك أن تتطلع على موقع frontend mentor وهو موقع جميل جداً يوفر لك التصاميم والصور المستخدمة والألوان وينظم لك التصاميم حسب صعوبة تنفيذ الموقع
يمكنك الاستعانة بموقع Frontend mentor
فهو متخصص بالتدريب على بناء المواقع الالكترونية
الموقع يقوم باعطائك التصميم الخاص بالموقع وأنت تقوم ببنائه
المهارات التي تحتاجها لبناء الموقع تختلف على حسب مستوى التحدي
يوجد في الموقع 5 مستويات
يمكنك البدء بالمستويات الأولى والتي يلزمها معرفة بHTML, CSS من دون الJavascript
بعد ان تقوم ببناء التصميم الذي تم تزويدك به يقوم بعض الmentors بمراجعته و اعطائك ملاحظات عليه و بعض النصائح
سواء في ناحية الناتج النهائي او من ناحية الكود المكتوب
بالاضافة لاعطائك بعض النصائح و التحسينات
frontendmentor.io/challenges
الى جانب هذا يمكنك الاستعانة بالشروحات و التحديات الموجودة على المواقع التعليمية
من ضمنها موقع أكاديمية حسوب وغيرها
وبالتوفيق في طريق تعلمك
التعليقات