تصميم المواقع هي صناعة انتشرت بشكل كبير جدا فى العقد الأخير نظرا لأحتياج اى مؤسسة لها ولم يقتصر الأمر فقط على المؤسسات الكبرى بل والصغرى والأشخاص فأصبح كل شخص أو مؤسسة بحاجة إلى مرجع لحملاته الإعلانية تمكن العميل من الوصول إلى خدماته ومنتجاته ومن الجميل أن صناعة تصميم المواقع لا تعتمد على لغة بعنيها حيث ان الشركات التى تستخدم فى برمجة مواقعها PHP أو Java أو asp.net أو nodejs أو غيرها جميعها يحتاج إلى تصميم المواقع مما يفتح سوق بفرص عمل كبيرة أمام الشباب المهتم بهذا المجال. وهنا سنتحدث عن 

  • سر سهولة تعلم تصميم المواقع للمبتدئين؟
  • الخطوات التي يجب اتباعها لتعلم تصميم المواقع باحتراف
  • العلاقة بين تصميم المواقع وال freelancer العمل الحر
  • كيف تحصل على شهاده مجانية معتمدة اونلاين فى مجال تصميم المواقع أو تصميم واجهات المستخدم؟

سر سهولة تعلم تصميم المواقع للمبتدئين؟

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

<p>نص المقال و p هو اختصار لكلمة paragraph </p>

الخطوات التي يجب اتباعها لتعلم تصميم المواقع باحتراف

هنا سنتحدث عن اللغات التى يجب تعلمها لكى تكون محترف فى تصميم المواقع والترتيب الذي يجب عليك اتباعه ووظيفة كل منها

  • كورس HTML
    هى اللغة المسؤولة عن بناء وتقسيم اى موقع وتحديد محتوى كل جزء بصفحاته، ويوجد منها إصدارين يجب عليك تعلمهما هما html5  و html
    مثال: إذا اردت تضع قائمة بموادك الدراسة 

<ul>

            <li>Arabic</li>

            <li>English</li>

</ul>

 

  • كورس CSS
    هى اللغة المسؤولة عن تشكيل وتلوين وتزيين البناء الذى قمت بعمله مسبقا بلغة ال html وهى مثل عملية الزخرفة بالنسبة لحجرات للبيت الذى سبق بنائه
    مثال: وهنا نحاول أن نزبن القائمة السابقة بتلوين النص على سبيل المثال
ul { color:red; }
  • كورس JavaScript
    وهى اللغة المسؤولة عن التحكم فى عناصر الصفحة  مثل القدرة على إظهار او إخفاء عنصر طبقا لحدث وهى لها استخدامات كثيرة ولكن هنا سنتحدث ببساطة من خلال المثال التالى والذى نحاول فيه بجعل القائمة مطوية

document. getElementsByTagName( ‘ul’).style.display = “none”;

  • كورس jQuery
    مكتبة جاهزة بنيت على لغة الجافا سكريبت مهمتها الأساسية هى انجاز مهام كثيرة كانت تحتاج لكتابة اكواد كثيرة بلغة الجافا سكريبت ولكن هنا يتم كتابتها بأكواد اقل بكثير. ويوجد مكتبات كثيرة أخرى ولكن أشهرها هى الجيكويري المثال السابق يمكننا انجازه بالتالى

$(‘#id’).hide();

  • كورس Bootstrap
    مع بداية انتشار الهواتف الذكية من الأندرويد والـ  IOs، وجد أن معظم متصفحى المواقع يستخدمون الموبايل بديلا عن الحاسوب الشخصي لذا وجب تصميم المواقع بشكل متجاوب مع احجام الشاشات المختلفة ليعمل بشكل أنيق مع الموبيل والتابلت وشاشات الكمبيوتر. والبوتستراب هى بيئة عمل صممت خصيصاً لهذا بدون عناء وجهد كبير 

 

باتباع التقنيات السابقة انت قادر على تصميم اي وجاهات ويب لأي موقع

 

العلاقة بين تصميم المواقع وال freelancer العمل الحر

يوجد الكثير من المواقع الإلكترونية الناجحة والتى تقوم فكرتها على بيع نماذج تصميمات جاهزة يعرضها اى شخص سبق وأن صمم نموذج مقابل نسبة ٧٠٪ يحصل عليها مصمم الموقع، ومن أشهر هذه التطبيقات themeforest ، وهناك مواقع عدة تقوم على فكرة طلب العميل لتصميم ومن ثم يقوم مصمم المواقع ببرمجته مقابل نسبة ايضا ومن أشهرها مواقع التى تقدم هذه الخدمات مستقل و upwork و خمسات وغيرها الكثير . كل هذه المواقع لا تتطلب منك الالتحاق بوظيفة أو بمواعيد عمل وانما يمكنك إنجازها من غرفتك الخاصة

كيف تحصل على شهاده مجانية معتمدة اونلاين فى مجال تصميم المواقع أو تصميم واجهات المستخدم؟

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