ما هو اختصاص تصميم و تطوير الويب؟!(2)

 ما هو تصميم مواقع الويب؟

هو عبارة عن تخطيط صفحات موقع الويب وضع حجر الأساس لبنائه, باختصار هو عملية بناء مواقع على الشبكة العنكبوتية العالمية بحيث يتم هيكلة صفحة الويب باستخدام اللغة الهيكلية HTML و حاليا أصبح يستخدم النسخة الخامسة من هذه اللغة HTML5 .
و يمكنك الانتقال لقسم (الفرق بين مصمم و مطور الويب) أسفل المقالة لأنه هناك يوجد فيديو توضيحي للمجال بشكل كامل.
يقسم تصميم الويب إلى:

• Front End:

و هو عملية برمجة الواجهة الأمامية من الموقع و الأجزاء و الصفحات المرئية و التي تظهر للمستخدم و يمكنه التعامل معها, فيكون المبرمج هنا مسؤول عن الشكل و المظر و الألوان و الأشكال و الخطوط, و يستخدم فيه لغة HTML , CSS , JavaScript.

بحيث تستخدم HTML: لبناء الهيكل الأساسي للموقع.

تستخدم CSS: لتنسيق الأشكال و العناصر و الخطوط و الألوان.

تستخدم JavaScript: لجعل الموقع تفاعلي بحيث تجعل المستخدم قادر على التفاعل مع عناصر  الموقع.

• Back End:

و هو عملية برمجة الأجزاء الخلفية من الموقع و التي تكون موجودة على السيرفر أي مخفية و غير ظاهرة للمستخدم و أحيانا لا يستطيع الوصول إليها, مثل قواعد البيانات شيفرة PHP و ....و يتم فيها برمجة العمل الذي ستقوم به عناصر الموقع و العمليات التي ستحدث ضمن الموقع عند تفاعل المستخدم مع أحد العناصر و يدخل هذا في مجال عمل مطور الويب أكثر من المصمم.

ما هو تطوير الويب؟

هو عبارة عن عملية مكملة لتصميم الويب بحيث تجد الكثير من مصممين الويب هم أيضا مطورين ويب و هو عملية تطوير برمجة الصفحات و تطبيقات الويب المعقدة و أيضا قد يشمل إصلاح الأخطاء البرمجية الموجودة ضمن كود بعض الصفحات.

ما هو الفرق بين مطور الويب و مصمم الويب؟

مصمم الويب يكون مجال عمله ضمن برمجة الشكل الخارجي و المظهر و الألوان و الخطوط أي عمله يكون في الأجزاء الظاهرة أكثر ما هو في الأجزاء الخلفية.

أما مطور الويب يكون مجال عمله في الأجزاء الخلفية من الموقع أكثر من الأمامية.

و تجد الكثير من المبرمجين هم مصممين ويب و مطورين بنفس الوقت حيث يعملون في كلا الجزئين الأمامي و الخلفي و هذا ما يعرف Full Stack .

خريطة تعلم تصميم و تطوير Front-End

1. Internet Basic.
   
2. HTML5.
3. CSS3.
4. JavaScript.
5. Bootstrap ثم Tailwind css.
6. أساسيات React JS 18 ثم الانتقال إلى Next JS 13.
7. SASS.
8. من هنا تجد الخريطة كاملة بشكل مفصل.

خريطة تعلم Back-End

1. Internet Basic.
2. JavaScript.
3. Python.
4. Php.
5. من هنا تجد الخريطة بشكل مفصل.

أفضل المصادر لتبدأ التعلم:

• قنوات يوتيوب.
• مواقع كورسات.

فضلا شارك المحتوى لنرتقي بالمحتوى العربي ولا تنسى متابعتنا على

Twitter             Facebook                 Quora