📌 ٧ افكار مشاريع لتطوير مهارات ال Front-End Development الاساسية
HTML | CSS | Javascript
🧵👇
HTML | CSS | Javascript
🧵👇
1- Gradient Background generator
مشروع هدفه تشجيعك للقيام باول تطبيق بسيط و زيادة الثقه بالنفس للقيام بالمشاريع الاخري
مثال للمشروع:
pascavld.github.io
مشروع هدفه تشجيعك للقيام باول تطبيق بسيط و زيادة الثقه بالنفس للقيام بالمشاريع الاخري
مثال للمشروع:
pascavld.github.io
2- To-Do list App
مشروع غني عن التعريف و شائع جدا و ستتعلم منه الكثير، بالاخص كيف تتعامل مع ال DOM و Local Storage
مثال للمشروع:
pascavld.github.io
مشروع غني عن التعريف و شائع جدا و ستتعلم منه الكثير، بالاخص كيف تتعامل مع ال DOM و Local Storage
مثال للمشروع:
pascavld.github.io
3- Loan Calculator
في هذا المشروع تتعلم كيف تستعمل الداتا المدخلة من المستخدم و تتلاعب بها من خلال ال Javascript و كيف يتم عرضها في ال DOM
مثال للمشروع:
pascavld.github.io
في هذا المشروع تتعلم كيف تستعمل الداتا المدخلة من المستخدم و تتلاعب بها من خلال ال Javascript و كيف يتم عرضها في ال DOM
مثال للمشروع:
pascavld.github.io
4- Number Guessing
هدف المشروع معرفة كيف تولد رقم عشوائي و كيف تقارن هذا الرقم مع الرقم المدخل من المستخدم و ايضا كيف تعيد حاله البرنامج الاولية بعد نفاذ المحاولات
مثال للمشروع:
pascavld.github.io
هدف المشروع معرفة كيف تولد رقم عشوائي و كيف تقارن هذا الرقم مع الرقم المدخل من المستخدم و ايضا كيف تعيد حاله البرنامج الاولية بعد نفاذ المحاولات
مثال للمشروع:
pascavld.github.io
6- Calculator App
هدف المشروع اجادة استخدام ال CSS-Grid و ايضا التعامل مع ال Classes من خلال ال DOM و عرض الداتا بطريقة منظمه و جميلة
مثال للمشروع:
pascavld.github.io
هدف المشروع اجادة استخدام ال CSS-Grid و ايضا التعامل مع ال Classes من خلال ال DOM و عرض الداتا بطريقة منظمه و جميلة
مثال للمشروع:
pascavld.github.io
7- Weather App
هدف المشروع التعامل مع ال APIs و ادخال داتا من الخارج وعرضها في موقعك
مثال للمشروع:
pascavld.github.io
مصدر ل API مجاني لهذا المشروع:
rapidapi.com
هدف المشروع التعامل مع ال APIs و ادخال داتا من الخارج وعرضها في موقعك
مثال للمشروع:
pascavld.github.io
مصدر ل API مجاني لهذا المشروع:
rapidapi.com
هذه الافكار و المشاريع ملك لشخص يدعي Vlad Pasca رأيت فيها فائدة فحببت ان اشاركها معكم
ايضا تجدون فيديو لشرح جميع الافكار و كيفية الاستفاده منها بالاسفل👇
youtube.com
ايضا تجدون فيديو لشرح جميع الافكار و كيفية الاستفاده منها بالاسفل👇
youtube.com
Loading suggestions...