لاحظت كثير ينتهي من دراسة أساسيات الـ Front-End ويكون عنده معلومات كثير..
بس ما يعرف كيف يوظّفها في مشاريع حقيقية! ولا متى ووين يستخدم كل جزئية تعلّمها! 😵💫
لو أنت عالق بهذه المرحلة راح أقولك خطوتين تخرّجك منها:
بس ما يعرف كيف يوظّفها في مشاريع حقيقية! ولا متى ووين يستخدم كل جزئية تعلّمها! 😵💫
لو أنت عالق بهذه المرحلة راح أقولك خطوتين تخرّجك منها:
✅ الخطوة الأولى: راقب وقلّد
شوف كيف غيرك يكتب الكود، حلّله، وافهمه، واكتب مثله.. كيف؟
1- ابحث عن Tutorials في اليوتيوب لمشاريع كاملة، أو أفكار محددة تخطر ببالك وطبق معاه خطوة بخطوة، وبعد ما تنتهي أضف لمساتك وتعديلاتك للمشروع وطوّره أكثر..
شوف كيف غيرك يكتب الكود، حلّله، وافهمه، واكتب مثله.. كيف؟
1- ابحث عن Tutorials في اليوتيوب لمشاريع كاملة، أو أفكار محددة تخطر ببالك وطبق معاه خطوة بخطوة، وبعد ما تنتهي أضف لمساتك وتعديلاتك للمشروع وطوّره أكثر..
ابحث مثلًا عن:
- landing page html css tutorial
- creative form html css
- javascript animated counter
- javascript animation tutorial for beginners
وأي فكرة تشوفها أو تخطر ببالك ابحث عنها وحتلاقي لها شروحات ودروس كثير..
- landing page html css tutorial
- creative form html css
- javascript animated counter
- javascript animation tutorial for beginners
وأي فكرة تشوفها أو تخطر ببالك ابحث عنها وحتلاقي لها شروحات ودروس كثير..
2- اطّلع على قوالب ومشاريع HTML/CSS/JS جاهزة، وشوف كيف كاتبين الكود..
حاول تحلّلها وتدرسها وتعدّل عليها، وحتتعلم منها جدًا 👌🏻
كيف تجيب هذه القوالب والمشاريع؟
حاول تحلّلها وتدرسها وتعدّل عليها، وحتتعلم منها جدًا 👌🏻
كيف تجيب هذه القوالب والمشاريع؟
ممكن تبحث في Github و Google أو بالمواقع المخصصة للقوالب مثل:
- free-css.com
- onepagelove.com
- html.design
وغيرهم كثيير..
- free-css.com
- onepagelove.com
- html.design
وغيرهم كثيير..
✅ الخطوة الثانية: جرّب وتدرّب
جرّب الآن تكتب الكود لحالك، وأبدع فيه بطريقتك، ومو لازم يكون أفضل شيء لأنك قاعد تتدرب.. واكيد راح تتطور مع الوقت 👍🏻
من فين تجيب واجهات UI تدرب عليها؟
جرّب الآن تكتب الكود لحالك، وأبدع فيه بطريقتك، ومو لازم يكون أفضل شيء لأنك قاعد تتدرب.. واكيد راح تتطور مع الوقت 👍🏻
من فين تجيب واجهات UI تدرب عليها؟
1- ابحث في مواقع التغذية البصرية مثل Dribbble و Pinterest عن واجهات UI وحولها لكود Front-End بطريقتك وأسلوبك.
وميزة هذه الطريقة إنها تخليك تتعلّم كيف تبحث عن الموارد المستخدمة في التصميم سواء صور / أيقونات / أشكال .. وغيره
وميزة هذه الطريقة إنها تخليك تتعلّم كيف تبحث عن الموارد المستخدمة في التصميم سواء صور / أيقونات / أشكال .. وغيره
2- اعمل محاكاة أو نسخ ( Clone ) للمواقع اللي تزورها عادة، أو أي موقع تشوفه مميز..
مثلًا حاول تقلّد واجهة تويتر، أو اليوتيوب، أو لينكدان.. الخ
مثلًا حاول تقلّد واجهة تويتر، أو اليوتيوب، أو لينكدان.. الخ
وأخيرًا.. أي فكرة تتعلمها مباشرة وظّفها بمشروع من مشاريعك السابقة، أو أنشئ لها مشروع جديد.
المهم توظّفها بمشروع فعلي؛ عشان تثبت وما تنساها 👍🏻
المهم توظّفها بمشروع فعلي؛ عشان تثبت وما تنساها 👍🏻
جاري تحميل الاقتراحات...