ماذا بعد Javascript ؟

بعد الإنتهاء من عمل مشاريع كاملة ب html - css - javascript وتطبيقات تعمل بشكل جيد وتكون متجاوبة مع كل أحجام الشاشات أيضا يمكنك أيضا التعرف على:-

Sass : لغة Sass هي اختصار لعبارة Syntactically awesome style sheets وهي بمثابة توسعة أو تطوير للغة تنسيق صفحات الويب CSS ,ظهرت لغة Sass لكي تضيف العديد من المميزات الجديدة للغة CSS، مثل ميزة تداخل الكود وميزة التصريح عن الثوابت والمتغيرات وإمكانية تعريف الدوال وغيرها من المميزات المتقدمة.

فى حالة أنك تريد إتقان مجال FrontEnd وتصبح FrontEnd محترف عليك الإنتقال لأحد أطر العمل المشهورة مثل:

Angular : إطار عمل مشهور مقدم من جوجل قبل تعلم هذا الإطار لابد من إتقان Typescript وهي أضافت لجافا سكربت تحديد أنواع البيانات للمتغيرات والدوال في وقت الكتابة، مما يساعد على اكتشاف الأخطاء وتصحيحها قبل تشغيل الكود وإطار العمل Angular يعمل بTypeScript وهو يقوم بتسهيل العمل لك وله مجتمع واسع ومشهور ويدعم تطبيق الصفحة الواحدة SPA (Single Page Application) أي الموقع كاملا عبارة عن صفحة واحدة وباقى الموقع عبارة عن وحدات يتم التبديل بينهم ولا داعى لعمل إعادة تحميل للموقع عندما نطلب أى صفحة وهذا الإطار تقريبا مدمج بها المكتبات المهمة والوحدات الذى ستحتاجها أثناء عملك.

React : إطار عمل مشهور مقدم من فيسبوك ويعمل بجافاسكربت وله مجتمع واسع جدا ومشهور ويتميز بسهولة تعلمه بسرعة ويدعم تطبيق الصفحة الواحدة SPA أيضا بالإستعانة ببعض المكتبات الأخرى مثل React router dom ولكن غير مدمج به مكتبات كثيرة تحتاج لتثبيت مكتبات وحزم أخرى أثناء بناءك للموقع.

Vue : هو إطار عمل مشهور مفتوح المصدر يُستخدم ويعمل بجافاسكربت وله شعبية كبيرة جدا يتميز بمرونته وسهولة تعلمه واستخدامه ويدعم تطبيق الصفحة الواحدة SPA وستحتاج لمكتبات إضافية لتسهيل العمل مثل React.

**لا تقوم بدراسة أى إطار عمل بدون فهمجيد جدا لجافاسكربت والتطبيق عليها فهذا يوفر عليك الوقت والجهد أثناء الدراسة لأى إطار عمل

تريد الإنتقال بعد ذلك لتصبح مطور واجهة خلفية Net. عليك بالأتى:

1. تعلم أساسيات C# و.NET Framework:ابدأ بفهم الأساسيات الرئيسية للغة C# و.NET Framework، والتي تعتبر اللغات الأساسية لتطوير تطبيقات ASP.NET Core | Open-source web framework for .NET.
2. ممارسة MVC (Model-View-Controller):تعلم كيفية استخدام نمط تصميم MVC في ASP.NET Core | Open-source web framework for .NET، والذي يساعد في تنظيم التطبيق وفصل المنطق من واجهة المستخدم لسهولة الصيانة والتطوير.
3. تعلم Entity Framework:اكتسب مهارات في استخدام Entity Framework للتعامل مع البيانات والتفاعل مع قواعد البيانات، مما يسهل عملية إنشاء، قراءة، تحديث، وحذف البيانات (CRUD).
4. مارس تطوير واجهات المستخدم:تعلم كيفية بناء واجهات مستخدم ديناميكية واستجابية باستخدام أدوات مثل Blazor وRazor Pages في ASP.NET Core | Open-source web framework for .NET.
5. فهم مبادئ أمان التطبيقات:اكتسب معرفة في مجال أمان التطبيقات لحماية تطبيقاتك من التهديدات والهجمات الشائعة.
6. ممارسة وتطبيق المعرفة:النجاح يأتي مع الممارسة المستمرة، لذا ابدأ بمشاريع صغيرة ثم انتقل تدريجياً إلى مشاريع أكبر لتعزيز مهاراتك وخبراتك.

للمزيد حول أطر عمل جافاسكربت

للمزيد حولnet.

يوجد العديد من أطر العمل للغة javascript ويعتبر تعلم أحد هذه الأطر مهم جداً لتطوير مهاراتك في مجال ال frontend حيث تنقل أطر عمل javascript مستوى التطبيقات التي تقوم ببناءها لمستوى آخر أكثر إحترافية ويفضل الإطلاع على المقالة التالية حيث تشرح لك لماذا نستخدم أطر عمل ل javascript

وبالنسبة للإختيار بينهما قام مصطفى في التعليق السابق بالشرح بشكل ممتاز.

مرحباً ,

فهمك لـ HTML، CSS، Tailwind، وJavaScript يضعك على الطريق الصحيح في مجال تطوير الويب. بالنسبة للخطوات التالية في تعلمك لفرونت إند وما بعده:

أولاً الفروقات بين مكتبات وأطر JavaScript

هناك العديد من المكتبات والأطر في JavaScript، ولكل منها استخداماته وميزاته الخاصة. سأشرح لك الفروقات بين أشهرها وأيها قد يكون الأنسب لك بناءً على أهدافك:

React: هي مكتبة JavaScript لبناء واجهات المستخدم، طورتها فيسبوك.

•  شعبية واسعة ودعم مجتمع كبير.
•  مناسبة لبناء تطبيقات واجهة مستخدم تفاعلية.
•  توفر مكونات قابلة لإعادة الاستخدام.
• تستخدم لمشاريع كبيرة وصغيرة.

Vue : هي إطار JavaScript تدريجي، يمكن استخدامه لبناء واجهات المستخدم.

•  سهل التعلم والاستخدام.
•  يوفر توجيه وإدارة الحالة بشكل مدمج.
•  مجتمع نشط ودعم جيد.
• تستخدم لمشاريع صغيرة إلى متوسطة

Angular : إطار JavaScript طورته Google.

• شامل ومتكامل.
• وفر حلولًا للكثير من المشاكل مثل التوجيه، إدارة الحالة، واختبار الوحدة.
• يستخدم لمشاريع كبيرة ومعقدة، تطبيقات الشركات.

ماذا تختار؟

بناءً على أهدافك، يمكنك البدء بتعلم React للأسباب التالية:

• React هو الأكثر شهرة ويستخدم على نطاق واسع في الصناعة.
• الكثير من الشركات تطلب مطورين يجيدون React.
• تعلم React سيساعدك لاحقاً عند الانتقال لتعلم Node.js إذا كنت تخطط للعمل في بيئة JavaScript في الخلفية وليس .Net .

الخطوة التالية

• تعلم React**:

  ابدأ بموقع React الرسمي والوثائق.

  اتبع دروسًا ومشاريع عملية على منصات مثل أكاديمية حسوب.

• تطبيق مشاريع عملية

   حاول بناء تطبيقات بسيطة مثل قائمة المهام أو معرض الصور.

بعد ذلك، ابدأ بمشاريع أكبر وأكثر تعقيداً.

• التعلم المستمر

   ابحث عن مشاريع مفتوحة المصدر وساهم فيها, هذا يزيد من خبرتك وانتاجك في عالم البرمجة.

تابع مدونات ومجتمعات مثل حسوب io لتظل على اطلاع بالتحديثات والأخبار.

الانتقال للـ Backend

بعد أن تصبح متمكناً في الفرونت إند، يمكنك البدء بتعلم Node.js وExpress.js لتصبح مطورًا شاملًا (Full-Stack). Node.js يسمح لك بكتابة البرمجة الخلفية باستخدام JavaScript، مما يجعله انتقالاً سلسًا من الفرونت إند.

بينما في حال أردت تعلم .net , سيتطلب ذلك منك مجهوداً أكبر ووقت أطول , أنا مطور React و Nodejs و .Net Core, دوت نت كور يتطلب مجهوداً تخصص للمشاريع الكبيرة , بينما يمكنك بناء مشاريع صغيرة لمتوسطة باستخدام Node js .