إذا كنت حاب تدخل مجال تطوير المواقع كـ Front-End هذا الموضوع مهم جداً لك وراح يفيدك كثير بإذن الله ✅
تطوير وتصميم المواقع من أحد أهم المجالات والمطلوبة من سنين ومن المستحيل وأعتقد طالما في إنترنت في إحتياج لمطور المواقع ومصممها
لذلك تعتبر احد المهارات المتميزه التي تستطيع تحقيق نجاحات وأهداف وأرباح كبيره منها
وهنا راح أدلك على أهم النقاط والمهارات بالترتيب لتحترف المجال
كنت حاب تدخل مجال تطوير المواقع وخاصة Front-End عليك تعلم وفهم النقاط التالية :
1️⃣ كيف يعمل الانترنت ؟
لتستطيع التطوير للإنترنت تحتاج فعلياً تفهم كيف يعمل ماهو الإنترنت كيف يعمل ؟ ماهو Http كيف تعمل المتصفحات ؟ وتعرض لنا المواقع ؟ ايش هوا النطاق Domain و الإستضافه Hosting؟
2️⃣ تعلم أساسيات HTML & CSS
وهذه هي لغة أساس المواقع وأهم شيء تتعلمه وتتقنه في بدايتك في هذا المجال وهي من أسهل وأبسط اللغات ..
3️⃣ تعلم كيف تستخدم Git
ال Git أحد أهم الأساسيات في حياة المطور بمختلف مجالاته عليك تعلمها وإتقانها لكي تستطيع التعامل مع مشاريعك بشكل احترافي
4️⃣ تعلم كيف ترفع الموقع وتشغله على الإنترنت
بدايتك في التطوير راح تكون على جهازك LocalHost تعلم كيف تقوم بحجز Domain نطاق وإستضافه ورفع الموقع عليه وتشغيله على الإنترنت .
5️⃣ تعلم JavaScript
لغة الجافاسكربت هي ملكة تطوير الويب الأن ولا كاد يخلو موقع من الجافاسكربت، عليك تعلم أساسيات الجافاسكرت وأتقانها ومعرفة التعامل مع API / Ajax وفهم المفاهيم الأساسيه والمهمه مثل Async Await ، Event Bubbling ،Prototype Closures, Scope وغيرها الكثير …
6️⃣ تعلم Sass
تساعدك sass في التعامل مع CSS بشكل اكثر احترافي وتختصر لك الكثير وتبعدك عن تكرار العمل والأكواد .
7️⃣ تعلم Packages Managers و Web Bundlers
مجوعة من الأدوات والمكاتب الي راح تساعدك كثير في العمل وتختصر عليك بعض المهام المتكرره
8️⃣ قم باختيار إطار عمل Framework وتعلم عليه
بعد تعلم كل الأساسيات والأدوات الي ذكرتها سابقاً الآن عليك اختيار احد أطر العمل للجافاسكربت لبناء واجهات المواقع بأحدث وأفضل التقنيات
ومن أمثلة أطر العمل Vue Js ( وأفضلها كونها سهلة التعلم للمبتدىء ) وفي غيرها مميز مثل React , Angular
9️⃣ تعلم على طرق الاستدعاء من السيرفر و الرندرينق ( حاولت والله اشرحها قدر ما أقدر بالعربي 😂 )
Server-side rendering and Static generators
وبالمختصر بعد تعلم أطر عمل مثل Vue JS راح مثلا تتعامل مع مكتبة NuxtJS للقراءة والبناء من السيرفرسايد وغيرها من التقنيات المرتبطة ببعضه
🔟 تعلم طرق إختبار الموقع بمختلف مجالاته مثل اختبارات الربط integration اختبارات functional وغيرها
وتعتبر الاختبارات هي صديقتك في اكتشاف المشاكل قبل اطلاق الموقع عليك تعلمها واتقانها وفوائدها كثيره
وإلى هنا ي صديقي وصلنا إلى نهاية هذا ثريد مدخلك وخارطة الطريق إلى عالم تصميم وتطوير المواقع
ولا تنسى إذا حاب خارطة طريقة شاملة كاملة مختلفة المجالات وبشكل عام للبرمجة كتابي خارطة الطريق لتعلم البرمجة والربح منها صديقك الصدوق 😍 بإذن الله راح يفيدك كثييير
كل التوفيق♥️
Leave a Reply