❗️تريد البدء برحلة تعلم front-end؟❗️
تطوير الواجهات الامامية هي مجال خاص بتطوير جميع ما يراه المستخدم
اما مطور الواجهات الخلفية هو من يقوم بتوصيل هذه الواجهات بقاعدة البيانات ومعالجتها
سأشرح لكم خطوات لكيفية البدء بتعلم هذا المجال👇🏼
تطوير الواجهات الامامية هي مجال خاص بتطوير جميع ما يراه المستخدم
اما مطور الواجهات الخلفية هو من يقوم بتوصيل هذه الواجهات بقاعدة البيانات ومعالجتها
سأشرح لكم خطوات لكيفية البدء بتعلم هذا المجال👇🏼
الخطوات:
1️⃣ تعلم HTML/CSS
2️⃣ قم بتطوير موقعك الشخصي كمطور
3️⃣ تعلم التحكم بالاصدارات بGit
4️⃣ تعلم JavaScript
5️⃣ تعلم الخوارزميات وهياكل البيانات (اختياري)
6️⃣ ابدأ بتطوير الواجهات الأمامية
7️⃣ تعلم اطر عمل جافاسكريبت
8️⃣ تعلم معالجات CSS
1️⃣ تعلم HTML/CSS
2️⃣ قم بتطوير موقعك الشخصي كمطور
3️⃣ تعلم التحكم بالاصدارات بGit
4️⃣ تعلم JavaScript
5️⃣ تعلم الخوارزميات وهياكل البيانات (اختياري)
6️⃣ ابدأ بتطوير الواجهات الأمامية
7️⃣ تعلم اطر عمل جافاسكريبت
8️⃣ تعلم معالجات CSS
1️⃣ تعلم HTML/CSS:
تعرف على كيفية إنشاء صفحة الويب الأولى باستخدام HTML وكيفية تصميم العناصر، ومنحها الشكل والتنسيق الذي تريده، باستخدام تنسيقات CSS
تعرف على كيفية إنشاء صفحة الويب الأولى باستخدام HTML وكيفية تصميم العناصر، ومنحها الشكل والتنسيق الذي تريده، باستخدام تنسيقات CSS
2️⃣ قم بتطوير موقعك الشخصي كمطور:
للاحتفاظ بالمفاهيم التي تحتاج لممارستها، يمكنك التدرب عن طريق تطوير الأشياء
من خلال معرفة HTML و CSS ، ستكون قادرًا على المضي قدمًا نحو إنشاء موقعك الشخصي ، عندما تتصل بعميل، فإن أول شيء سيُطلب منك هو هذا الموقع حيث تقدم أفضل مشاريعك فيه
للاحتفاظ بالمفاهيم التي تحتاج لممارستها، يمكنك التدرب عن طريق تطوير الأشياء
من خلال معرفة HTML و CSS ، ستكون قادرًا على المضي قدمًا نحو إنشاء موقعك الشخصي ، عندما تتصل بعميل، فإن أول شيء سيُطلب منك هو هذا الموقع حيث تقدم أفضل مشاريعك فيه
3️⃣ تعلم التحكم بالاصدارات بGit:
يسمح لك git ب:
- تتبع التعليمات البرمجية الخاصة بك
- عمل نسخة احتياطية من التعليمات البرمجية الخاصة بك
- تجنب العواقب الوخيمة بسبب التغييرات غير المرغوب فيها
- التعاون مع زملائك في الفريق والأشخاص الآخرين بسلاسة
يسمح لك git ب:
- تتبع التعليمات البرمجية الخاصة بك
- عمل نسخة احتياطية من التعليمات البرمجية الخاصة بك
- تجنب العواقب الوخيمة بسبب التغييرات غير المرغوب فيها
- التعاون مع زملائك في الفريق والأشخاص الآخرين بسلاسة
4️⃣ تعلم JavaScript:
JavaScript مع أطر العمل الخاصة بها ، تعمل بشكل أساسي على تشغيل أي واجهة أمامية تحتاج إلى درجة معينة من التفاعل أو معالجة البيانات مثل:
- نموذج
- نافذة منبثقة
- Twitter feed
JavaScript مع أطر العمل الخاصة بها ، تعمل بشكل أساسي على تشغيل أي واجهة أمامية تحتاج إلى درجة معينة من التفاعل أو معالجة البيانات مثل:
- نموذج
- نافذة منبثقة
- Twitter feed
5️⃣ تعلم الخوارزميات وهياكل البيانات:
يعد امتلاك فهم جيد للخوارزميات وهياكل البيانات أمرًا أساسيًا لكتابة كود أكثر تحسينًا ونظافة
لكن الافضل ان تبدأ بتعلم الخوارزميات بعد اتقان JavaScript بشكل عام
يعد امتلاك فهم جيد للخوارزميات وهياكل البيانات أمرًا أساسيًا لكتابة كود أكثر تحسينًا ونظافة
لكن الافضل ان تبدأ بتعلم الخوارزميات بعد اتقان JavaScript بشكل عام
6️⃣ ابدأ بتطوير الواجهات الأمامية:
الآن بعد أن تعلمت JavaScript ، حان الوقت لتطوير بعض تطبيقات الواجهة الأمامية الكاملة💪🏼
حاول إنشاء:
- مكون التسعير pricing component
- صفحة انطلاق landing page
- نموذج اشتراك signup form
- تطبيق المهام to-do list app
الآن بعد أن تعلمت JavaScript ، حان الوقت لتطوير بعض تطبيقات الواجهة الأمامية الكاملة💪🏼
حاول إنشاء:
- مكون التسعير pricing component
- صفحة انطلاق landing page
- نموذج اشتراك signup form
- تطبيق المهام to-do list app
7️⃣ تعلم اطر عمل جافاسكريبت:
- React
- vue
- angular
- svelte
8️⃣ تعلم معالجات CSS :
هناك العديد من معالجات CSS التي تضيف بعض الميزات غير الموجودة في CSS ، مثل:
- Mixin
- nesting
- inheritance selector
وما إلى ذلك
- React
- vue
- angular
- svelte
8️⃣ تعلم معالجات CSS :
هناك العديد من معالجات CSS التي تضيف بعض الميزات غير الموجودة في CSS ، مثل:
- Mixin
- nesting
- inheritance selector
وما إلى ذلك
مصادر لتعلم تطوير الواجهات👇🏼
Freecodecamp
Udemy
Youtube
W3school
لا تنس اعادة التغريد حتى يستفيد الجميع 🙏🏼
Freecodecamp
Udemy
Youtube
W3school
لا تنس اعادة التغريد حتى يستفيد الجميع 🙏🏼
جاري تحميل الاقتراحات...