بعد تعلم css و html

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

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

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

الخطوة القادمة هي التطبيق على ما تعلمته من خلال إختيار تصميم موقع ينال إعجابك ثم محاولة تقليد ذلك التصميم، ولكن من تأتي بتلك التصميمات؟

ستجد هنا ما تبحث عنه:

في البداية قم ببناء جزء صغير من الموقع باستخدام html و CSS وأنصحك بتنفيذ التحديات على موقع Frontend mentor .

ثم بعد ذلك تدرج في الصعوبة نحو إنشاء موقع بالكامل، ثم تدرج في الصعوبة نحو إنشاء موقع متعدد الصفحات.

يمكنك الإنتقال لمرحلة تعلم الـ JS بعد أن تصبح قادرًا على رؤية تصميم وقادر على تنفيذه أي أنك قادر على بناء موقع بالكامل باستخدام HTML و CSS على الأقل التصاميم المتوسطة في الصعوبة، أي بعد إنشاء تصميمين كاملين.

يوجد في الإجابات السابقة الكثير من النصائح ولكن لدي وجهة نظر أخري.

هناك مقولة تقول "إذا لم تستطع شرح فكرتك لطفل عمره ست سنوات، فهذا يعني أنك أنت لا تفهمها".

ويمكنك تطبيق هذه المقولة علي البرمجة مثلا قم بعمل قناة علي اليوتيوب وأشرح فيها HTML و CSS أو قم بعمل مشاريع (قناة متخصصة في عمل مشاريع HTML و CSS و JavaScript (مستقبلاً)).

يوجد قناة بنفس الفكرة اسمها "Online Tutorials", يمكنك أخذ بعض الافكار منها أو حتي قم بالتطبيق علي المشاريع الموجودة في هذه القناة (لتطوير مهاراتك في HTML و CSS).

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

ويمكنك أخذ بعص الأفكار من هذه المقالة.

وهذا النقاش يتكلم في نفس الموضوع.

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

ويمكنك أيضاً البداية بتطبيقات صغيرة حتى لا تمل من تكملة موقع كامل ويمكنك التطبيق كالتالي

إعطي نفسك مهامًا صغيرة لتقوم بها:

• سأقوم اليوم بعمل slideshow تفاعلي
• سأتعلم اليوم كيفية صنع forms جميلة
• سأقوم اليوم بإنشاء نظام grid

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

كما يمكنك أيضاً ممارسة ال css من خلال الألعاب والتحديات مثل موقع CSSBattle بحيث تستخدم مهارات CSS الخاصة بك لتكرار الأهداف بأصغر كود ممكن ومن هذه المواقع

• CSSBattle
• Guess CSS!
• codingfantasy

ومن المواقع التي توفر لك تطبيقات على ال html و ال css بحث توفر لك الصور والألوان والخطوط المستخدمة في التطبيق 

• Codewell

• CodePen Challenges

• frontend mentor

• devChallenges.io