التعليم
التكنولوجيا
تطوير الويب
تصميم الويب
تحسين محركات البحث
تطوير الواجهة الأمامية
Versionskontrolle
الأطارات النمطية لـ CSS
كيف تحترف برمجه ال Front end 🤔
ثريد مختصر أشرح لك أهم المفاهيم و الأدوات التي يجب عليك معرفتها من أجل إحتراف ال Front end 😎
👇🏻
ثريد مختصر أشرح لك أهم المفاهيم و الأدوات التي يجب عليك معرفتها من أجل إحتراف ال Front end 😎
👇🏻
❇ الأساسيات.
في هذه المرحلة يجب تعلم و التطبيق العملي على
- Html
- Css
- Javascript
مع تعلم أساسيات
- SEO (تحسين محركات البحث)
- Ux/Ui (Adobe xd/ figma)
تعلم أساسيات التصميم مفيدة جدا
تسهل عليك
التعامل مع المصممين (إذا كنت في شركه)
برمجه المواقع للعملاء (العمل الحر)
في هذه المرحلة يجب تعلم و التطبيق العملي على
- Html
- Css
- Javascript
مع تعلم أساسيات
- SEO (تحسين محركات البحث)
- Ux/Ui (Adobe xd/ figma)
تعلم أساسيات التصميم مفيدة جدا
تسهل عليك
التعامل مع المصممين (إذا كنت في شركه)
برمجه المواقع للعملاء (العمل الحر)
و من الأساسيات التي أنصح بتعلمها.
- إحتراف البحث في جوجل.
- تعلم git and github من أجل إداره و الاحتفاظ بنسخ احتياطية للملفات.
- تعلم إطار Bootstrap or tailwindcss
يفضل تعلم إطار css من أجل تسريع بناء المواقع و توفير الوقت
- تعلم Sass
تفيدك في تعديل و تخصيص bootstrap
- إحتراف البحث في جوجل.
- تعلم git and github من أجل إداره و الاحتفاظ بنسخ احتياطية للملفات.
- تعلم إطار Bootstrap or tailwindcss
يفضل تعلم إطار css من أجل تسريع بناء المواقع و توفير الوقت
- تعلم Sass
تفيدك في تعديل و تخصيص bootstrap
❇ المستوى المتوسط.
في هذه المرحلة تحتاج إلى تعلم بعض الأدوات و التقنيات التي تساعدك في عملك اليومي مثل.
- npm (إداره المكتبات)
عند إستخدام npm من أجل إداره المكتبات الخاصه بنا نحتاج إلى إستخدام bundle tools.
في هذه المرحلة تحتاج إلى تعلم بعض الأدوات و التقنيات التي تساعدك في عملك اليومي مثل.
- npm (إداره المكتبات)
عند إستخدام npm من أجل إداره المكتبات الخاصه بنا نحتاج إلى إستخدام bundle tools.
من أشهر ال bundle tools.
- Webpack
صعبه شويه في التعلم و الإستخدام.
- Parcel
سهله في التعلم
- Vite
الاسهل و الأفضل من رأيي و تجربتي الشخصية.
- Webpack
صعبه شويه في التعلم و الإستخدام.
- Parcel
سهله في التعلم
- Vite
الاسهل و الأفضل من رأيي و تجربتي الشخصية.
تعلم javascript frameworks
مثل reactjs and vuejs.
ملاحظة بسيطة reactjs عباره عن library.
إذا كنت لا تعلم ماهو
الفرق بين الإطار و المكتبه بكل إختصار
المكتبه تقوم بتنفيذ مهمه او عده مهام محدده و محدوده.
مثل مكتبه axios المختصة في التعامل مع api
👇🏻
مثل reactjs and vuejs.
ملاحظة بسيطة reactjs عباره عن library.
إذا كنت لا تعلم ماهو
الفرق بين الإطار و المكتبه بكل إختصار
المكتبه تقوم بتنفيذ مهمه او عده مهام محدده و محدوده.
مثل مكتبه axios المختصة في التعامل مع api
👇🏻
الإطار أكثر شمولية و يمكن إستخدامه في تنفيذ أكثر من مهمه.
الإطار ممكن يحتوي على
أكثر من مكتبه بداخله.
غالبا الإطار يجبرك على العمل ضمن قواعد محددة لترتيب الملفات و المجلدات
نرجع للثريد 👇🏻
الإطار ممكن يحتوي على
أكثر من مكتبه بداخله.
غالبا الإطار يجبرك على العمل ضمن قواعد محددة لترتيب الملفات و المجلدات
نرجع للثريد 👇🏻
الأشهر في الوقت الحالي و الأكثر طلب في سوق العمل
- Vuejs
- Reactjs
- Angular.
إطار vuejs الأسهل في التعلم
أغلب المفاهيم مشتركه و يمكنك التنقل من إطار إلى آخر بكل سهولة (من تجربتي الشخصيه)
المهم أن تتعلم و تتقن الأساسيات بشكل صحيح 👇🏻
- Vuejs
- Reactjs
- Angular.
إطار vuejs الأسهل في التعلم
أغلب المفاهيم مشتركه و يمكنك التنقل من إطار إلى آخر بكل سهولة (من تجربتي الشخصيه)
المهم أن تتعلم و تتقن الأساسيات بشكل صحيح 👇🏻
تعلم ال Unit test
اختبار البرمجيات من الأمور المهمة و التي يجب عليك تعلمها
من أشهر المكتبات المختصه في هذا المجال Jestjs-
- Mocha
تعلم Typescript
في المشاريع الصغيرة على الأغلب لن تحتاج لها لكن عند التعامل مع مشاريع متوسطة و كبيرة تبرز الحاجة لها.
اختبار البرمجيات من الأمور المهمة و التي يجب عليك تعلمها
من أشهر المكتبات المختصه في هذا المجال Jestjs-
- Mocha
تعلم Typescript
في المشاريع الصغيرة على الأغلب لن تحتاج لها لكن عند التعامل مع مشاريع متوسطة و كبيرة تبرز الحاجة لها.
❇ المستوى المتقدم.
بعد تعلم و التطبيق على كا سبق
يأتي الآن وقت تطوير و إحتراف أفضل الممارسات البرمجيه و تحسين بيئه العمل.
في هذه المرحلة يجب التمكن من
- أساسيات الخوارزميات وهياكل البيانات .
- تنظيم الوقت و إداره المهام.
- تعلم ال Design Patterns
👇🏻
بعد تعلم و التطبيق على كا سبق
يأتي الآن وقت تطوير و إحتراف أفضل الممارسات البرمجيه و تحسين بيئه العمل.
في هذه المرحلة يجب التمكن من
- أساسيات الخوارزميات وهياكل البيانات .
- تنظيم الوقت و إداره المهام.
- تعلم ال Design Patterns
👇🏻
- تعلم و فهم ال
Design architecture patterns.
في كل إطار javascript توجد طرق ينصح بها في ترتيب ملفات و مجلدات المشروع.
- تقويه ال problems solving skill
او مهاره إيجاد الحلول للمشاكل البرمجيه.
👇🏻
Design architecture patterns.
في كل إطار javascript توجد طرق ينصح بها في ترتيب ملفات و مجلدات المشروع.
- تقويه ال problems solving skill
او مهاره إيجاد الحلول للمشاكل البرمجيه.
👇🏻
ملخص الثريد
المحترف في برمجه ال Front end يمكنه
تطوير المواقع في أقل وقت ممكن بدون التضحية بجوده العمل.
عن طريق اتباع أفضل الممارسات و إستخدام الأدوات التي تسرع و تسهل العمل.
المحترف في برمجه ال Front end يمكنه
تطوير المواقع في أقل وقت ممكن بدون التضحية بجوده العمل.
عن طريق اتباع أفضل الممارسات و إستخدام الأدوات التي تسرع و تسهل العمل.
نلتقي في ثريد أخر 😇
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
إذا أعجبك الثريد لا تنسى تعمل
ريتويت عشان
يستفيد اكبر عدد من الناس 😊
تابع حسابي @naif4web
لجديد المقالات و النصائح
في مجال البرمجة و تصميم الواجهات Ui
جاري تحميل الاقتراحات...