1. تعرف على أساسيات HTML و CSS و Javascript
لغة ترميز النصوص التشعبية


هذه هي المكسرات والبراغي لكل تصميم مواقع الذي ستعمل معه يوميًا إذا قررت إنشاء مواقع ويب لكسب العيش.


HTML تملي البنية
سيجعل CSS تبدو جميلة
جافا سكريبت ستجعلها تعمل
دعونا نناقش كل واحد من هذه وكيف يمكنك تعلمها.


لغة البرمجة
يشير HTML إلى لغة ترميز النص التشعبي. إنه أحد المكونات الرئيسية لأي موقع ويب وواحد من لغات الواجهة الأمامية.


باختصار - إنها توفر الهيكل الأساسي لموقع الويب ، بشكل رئيسي من خلال سلسلة من العلامات.


العلامة هي رمز HTML الذي يتحكم في مظهر محتوى مستند HTML.


فيما يلي بعض علامات HTML الشائعة التي يجب أن تكون على دراية بها:


<HTML>… </HTML> - تظهر هذه العلامة في بداية ونهاية مستند HTML. يشير إلى أن المستند مكتوب بلغة HTML5.
<title>… </title> - علامة العنوان هي عنوان الصفحة. هذا مفيد لكل من محركات البحث (عندما يقومون بمسح الصفحات وفهرستها) والمستخدمين (يظهر في شريط عنوان المتصفح) من خلال ذكر الموضوع الأساسي لكل صفحة بشكل صريح
<head>… </head> - يحتوي هذا على معلومات حول الصفحة المحددة ، بما في ذلك علامات العنوان والبيانات الوصفية وروابط النصوص البرمجية وأوراق الأنماط.
<body>… </body> - يشمل ذلك كل المحتوى الذي سيتم عرضه للمستخدمين ، بما في ذلك كل ما سيشاهدونه ويقرؤونه.
ملاحظة: تبدأ جميع العلامات مثل "<body>" وتنتهي مثل "</body>". يشير "/" إلى أن العلامة المحددة لم تعد مستخدمة بعد ذلك. من المهم وضع علامة النهاية. وإلا ، فسيستخدم المستند بأكمله تلك العلامة.


تشير CSS إلى أوراق الأنماط المتتالية.


يضع النمط خلف بنية HTML. بشكل أساسي ، بدون CSS ، HTML ، وبالتالي ، ستبدو صفحة الويب بأكملها مملة.


إليك كيفية الدمج: ضمن شفرة HTML الخاصة بك ، يمكنك الرجوع إلى ورقة أنماط CSS.


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


لتصبح مطور ويب ، سيكون عليك التعرف على WordPress. بعد كل شيء - يتم تشغيل 58٪ من جميع مواقع الويب بواسطة هذا البرنامج المجاني المفتوح المصدر الذي يمكنك تثبيته في الأساس لأي مضيف ويب.


بمجرد إعداد موقع WordPress ، يصبح من السهل إلى حد ما على عملائك إضافة محتوى بأنفسهم (حتى لو لم يكن لديهم أي خبرة في تطوير الويب).


UI (واجهة المستخدم) و UX (تجربة المستخدم) هي أساسيات تصميم تجربة المستخدم.


معظم المطورين ليسوا خبراء تصميم - هذان مجالان مختلفان. لن تحتاج إلى أن تكون نجم تصميم.


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


لتعلم العناصر الأساسية لمهارات التصميم ، نوصي بتعلم Adobe Creative Suite. يجب أن يكون Photoshop هو أول ما تتعمق فيه ، حيث إنه الخيار الأمثل لمعظم المصممين الجادين. إذا كنت لا تحب Adobe ، يمكنك أيضًا الغوص في Sketch ، وهو نجم صاعد بين المصممين.


فيما يلي بعض الموارد لفهم وتعلم واجهة المستخدم و UX:


الفرق بين UX و UI Design-A Layman's Guide
تقدم Treehouse و Lynda دورات ممتازة للمبتدئين في كل من مفاهيم Photoshop والتصميم العام
إليك مجموعة من موارد تطوير الويب المفيدة بما في ذلك الخطوط والطباعة والشعارات.
قم بزيارة:
https://www.efadh.com/%D8%AA%D8%B5%D...7%D9%82%D8%B9/