مسارات وتراكات الويب

في هذا القسم ستتعلم:

• الفرق بين Frontend و Backend
• ما هو Full-Stack وكيف تبدأ فيه
• أشهر تراكات الويب الجاهزة مثل MERN و MEVN وغيرها
• الأدوات والتقنيات المناسبة لكل تراك
• اختيار المسار الأفضل لمجال شغلك أو شغفك

🟦 التراك الأول: Frontend Development

#

مسؤول عن بناء واجهة المستخدم والتفاعل داخل المتصفح.

ستتعلم في هذا المسار:

• HTML – CSS – JavaScript
• إطار عمل: React أو Vue أو Angular
• Responsive Design
• التعامل مع APIs
• تحسين الأداء وتجربة المستخدم

أدوات مقترحة:
TailwindCSS — Bootstrap — React — Vue — Figma — Vite

🟩 التراك الثاني: Backend Development

#

مسؤول عن إدارة السيرفر والمنطق وقواعد البيانات.

ستتعلم:

• Node.js أو PHP أو Python أو Java
• قواعد البيانات SQL & NoSQL
• بناء REST APIs
• Authentication & Security
• بنية المشاريع على السيرفر

تقنيات مقترحة:
Express — Laravel — Django — Spring Boot — MySQL — PostgreSQL — MongoDB

🟪 التراك الثالث: Full-Stack Development

#

دمج بين الفرونت إند والباك إند — بناء تطبيق كامل من الصفر.

ستتعلم:

• تقنيات الواجهة الأمامية
• Backend & Databases
• إدارة البيانات وإرسالها
• بناء مشاريع كاملة End-to-End
• النشر على السيرفرات

تقنيات شائعة:
MERN — MEVN — PERN — Laravel + Vue — Django + React

🔥 أشهر الـ Stacks الجاهزة

#

MERN Stack

#

MongoDB — Express — React — Node.js
الأكثر استخدامًا لبناء SPAs وتطبيقات حديثة.

MEVN Stack

#

MongoDB — Express — Vue — Node.js
مناسب لمن يفضلون بساطة Vue.

MEAN Stack

#

MongoDB — Express — Angular — Node.js
اختيار قوي للمشاريع الكبيرة.

JAMStack

#

JavaScript — APIs — Markup
يتميز بالسرعة والأمان للمواقع الساكنة.

TALL Stack

#

TailwindCSS — Alpine.js — Laravel — Livewire
Stack خفيف وسريع بدون JavaScript ثقيل.

PERN Stack

#

PostgreSQL — Express — React — Node.js
بديل SQL-Based قوي للـ MERN.

LAMP Stack

#

Linux — Apache — MySQL — PHP
أقدم وأكثر Stack انتشارًا، أساس Wordpress.

Ruby on Rails Stack

#

Ruby — Rails — PostgreSQL
سريع في تطوير منتجات MVP.

Serverless Stack

#

AWS Lambda — Firebase — Cloud Functions
للتطبيقات التي لا تحتاج سيرفرات مخصصة.

🔧 تراكات إضافية مهمة

#

DevOps Track

#

Docker — Kubernetes — CI/CD — AWS
لإدارة التطبيقات والبنية التحتية.

Mobile Web & Hybrid Apps

#

React Native — Flutter — PWA — Ionic
لتطوير تطبيقات موبايل من خلال الويب.