تصميم موقع ويب

مرحباً بك طوني,

إن تصميم الويب هو المجال المختص بما يتم عرضه للمستخدم على صفحة الويب أو من خلال المتصفح, ولتعلم هذا المجال تحتاج إلى اللغات التالية:

1. HTML: وتعني HyperText Markup Language أو لغة ترميز النص الفائق وهي لغة تصميمية وهيكلية أي أنه من خلالها يتم تصميم بنية صفحة الويب من النصوص والعناوين والقوائم والصور وغيرها.

2. CSS: وتعني Cascading Style Sheets وهي اللغة المستخدمة لإضافة الألوان والتنسيقات على ما تم تصميمه وهيكلته باستخدام HTML.

بعد تعلم هاتين اللغتين التصميميتين قم بتطبيق مشروع أو أكثر عليها أما من نسج خيالك أو حاول نسخ التصميم لأي موقع موجود ويمكن معها تعلم Bootstrap فهي مكتبة برمجية مختصة ب css و javascript.

1. JavaScript: وهي لغة برمجة لصفحات الويب تضيف الحركة و والتفاعل بين المستخدم وصفحة الويب. وبعد تعلمها حاول تطبيقها على المشروع الذي قمت به في السابق.

2. jQuery: وهي عبارة عن مكتبة تحتوي مجموعة توابع والأوامر السريعة والصغيرة وتعتمد على javaScript، هذه المكتبة تسهل استخدام الـ javaScript في موقعك. وفائدتها هي اختصار الكثير من الأوامر التي لو طبقتها في javascript تأخذ الكثير من الأوامر أما باستخدامك لjQuery فهذا سيختصر الكثير.

3. Ajax: لغة برمجية تستخدم لجلب البيانات في الصفحة بدون القيام بتحديث الصفحة, حيث في حال قمت بإضافة بيانات على صفحة معينة فأنت بحاجة إلى تحديث الصفحة حتى تظهر هذه البيانات أما باستخدام Ajax فلا تريد ذلك, وغالبا ما تستخدم حكلقة وصل بين صفحة الويب وبياناتها مع قاعدة البيانات و server side.

4. إطار عمل للتصميم الويب Framwork: والمقصود بإطار العمل هي مجموعة من المكتبات الجاهزة في حزمة واحدة تسمى إطار العمل تقوم بتسهيل عملك وتطويرك للمشاريع, حيث أن أطر العمل تعتمد على Javascript كبنية أساسية لها لذا يجب أن تتقنها جيداً حتى يكون فهمك لأطر العمل هذه أسهل. ومن أطر العمل هذه reactjs, vuejs, angulerjs وغيرها ولكن هذه أشهرهم.

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