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

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

يجب أن تعلم عزيزي مبرمج المستقبل أن تطوير المواقع، أي لكي تنشئ موقع مثل المواقع التي تتصفحها يوميا فيجب عليك تعرف أن انشاء أي موقع ينقسم إلى قسمين:
1- تصميم المواقع
2- برمجة الموقع أو تطويره
نحن في هذا المقال سنوضح لك تصميم المواقع وهو يعني تطوير الواجهات الأمامية للموقع فمثلا إذا دخلت لأي موقع فستجد له تقسيم معين وهناصر موجودة بداخل الصفحة وألوان وتنسيقات وكل هذا يدخل في إطار تصميم الموقع من حيث الألوان وتوزيع العناصر وكل هذه الأمور.

تصميم المواقع
تصميم المواقع

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

تقنيات تصميم المواقع التي يجب أن تتعلمها لتصبح مصمم مواقع

لكي تصبح مصمم مواقع محترف ياعزيزي يجب عليك تعلم القنيات التالية

1- html اتش تي ام ال
2- css سي اس اس
3- javascript جافا سكريبت
4- جي كويري وهي مكتبة مبنية على لغة جافا سكريبت
6- تعلم ساس sass وهذه لغة للتصميم تم انشاؤها لتدعم اشياء رائعة لم تكن تدعمها لغة css وهي تستخدم في تصميم الموقع ولا ييوجد مصمم مواقع محترف لا يعلم كيف يستخدم لغة ساس sass.
5- بعض أطر العمل على هذه اللغات مثل (بوتستراب – ماترياليز – ماتريال ديزاين)
6- بعض أطر العمل والمكتبات المبنية على لغة جافا سكريبت مثل (انجولار جي اس angular js – ريأكت جي اس react.js – فيو جي اس vue.js) وهذه أطر العمل تستخدم لبناء تطبيقات ويب ذات الصفحة الواحدة ننصحك بقراءة هذا المقال للتعرف أكثر على ذلك.

من أين وكيف تبدأ في تصميم المواقع؟

بعد أن تعرفت على معنى تصميم المواقع وماذا يعني هذا المجال، حان الأن وقت معرفة مين أين وكيف تبدأ في مجال تصميم المواقع، وقد علمت ما هي التقنيات التي يتوجب عليك تعلمها لتصبح مصمم مواقع محترف يجب علينا الأن توضيح المسار الذي يجب ان تسير عليه في تصميم المواقع لتصبح مصبب مواقع متقن لعمله.

1- لغة اتش تي ام ال html : يجب تعلم يا عزيزي المبرمج أو المصمم أن البداية دائما في تطوير وتصميم المواقع تكون مع لغة html اتش تي ام ال وهذه تعي لغة النص التشعبي والتي تستخدمها لتخطيط وبناء هكلة الموقع.
2- css لغة سي اس اس: ثم بعد ذلك وبدورك ستكون مصمم مواقع يجب عليك أن تتعلم لغة سي اس اس والتي تعتبر ثاني لغة أساسية في تصميم المواقع وهذه اللغة مختصة بالتلوين والموقع واعطاء التنسيقات لعناصر html.
3- لغة جافا سكريبت javascript بعد ان تعلمت اللغتين السابقتين بالترتيب وجب الأن ياعزيزي المبرمج أو المبرمجة بتعلم لغة جافا سكريبت والتي تستخدم لاعطاء الروح للتصميم وعمل أشياء تفاعلية في صفحة الموقع، فمثلا نفترض أنك قمت بعمل زرار في تصميم الموقع وأردت أن عندما يضغط المستخدم على هذا الزر تنسدل قائمة أسفله فيها روابط أو شء مثل هذا وحتى تقوم بتطبيق هذه الفكرة ان تحتاج إلى جافا سكريبت، وهذا أبسط مثال يمكن أن تحتاج فيه لغة جافا سكريبت، وهي لغة كبيرة تستخدم لبناء صفحات ويب تفاعلية على مستوى عالي جدا.
4- بعد أن تعلمت اللغات الثلاث أنت الأن بأمان ياعزيزي المبرمج أو عزيزتي المبرمجة ولم يتبق أمامك إلا تعلم بعض التقنيات الحديثة وأطر العمل المبنية على اللغات السابقة منها كما ذكرنا بالأعلى:

1- أطر عمل تسهل عملية التصميم مثل:
(بوتستراب – ماترياليز – ماتريال ديزاين)

2- أطر عمل مبنية على لغة جافا سكريبت ويكفي أن تتعلم تقنية واحدة منهم مثل:
انجولار جي اس angular js – ريأكت جي اس react.js – فيو جي اس vue.js) وهذه أطر العمل تستخدم لبناء تطبيقات ويب ذات الصفحة الواحدة ننصحك بقراءة هذا المقال للتعرف أكثر على ذلك.

نأمل في هذا المقال أن نكون أوضحنا لكم ما هو أفضل مسار من وجهة نظرنا لـتصميم المواقع ولكي تصبح مصمم مواقع محترف، بالتأكيد سيكون هناك مزيد من الشروحات والمقالات في تصميم المواقع وتطويرها.