من هو مصمم الويب؟
ماذا نَعني بـ تمصمم الويب Web Design؟
ما هى لغات/مكتبات/أطر البرمجة التى يجب عليك تعلمها؟
كل المعلومات حول مسار مصمم الويب Web Designer سأشاركها فى هذه التغريدة💻
ريتويت وتابع >>>
ماذا نَعني بـ تمصمم الويب Web Design؟
ما هى لغات/مكتبات/أطر البرمجة التى يجب عليك تعلمها؟
كل المعلومات حول مسار مصمم الويب Web Designer سأشاركها فى هذه التغريدة💻
ريتويت وتابع >>>
من هو مصمم الويب؟
مصمم الويب هو شخص يقوم بإعداد محتوى للويب، يرتبط هذا الدور أساسًا بتصميم وتخطيط الصفحات ذات المحتوى ، بما في ذلك النصوص والصور والأيقون ، كل شىء يمكن أن يراه المستخدم مصمم الويب هو من يقوم بعمله.
مصمم الويب هو شخص يقوم بإعداد محتوى للويب، يرتبط هذا الدور أساسًا بتصميم وتخطيط الصفحات ذات المحتوى ، بما في ذلك النصوص والصور والأيقون ، كل شىء يمكن أن يراه المستخدم مصمم الويب هو من يقوم بعمله.
غالبًا ما يكون مصممين الويب بارعون في العديد من لغات البرمجة عالية المستوى المستخدمة لإنشاء برامج نصية للويب، يركز الكثير منهم أيضًا على القدرة على إنشاء مواقع جيدة المظهر ستظهر بشكل جيد على مجموعة من المتصفحات والأجهزة.
ماذا نَعني بـ تمصمم الويب Web Design؟
تصميم الويب: هى عملية انشاء واجهات صفحات الويب والانترنت عموما ، مثل واجهة المواقع التى نتصفحها يوميا ( Twitter – Facebook – Youtube ).
عند انشاء موقع، اذا كنت تريد تسهيل الأمر عليك عند التصميم فاتبع ما يلى:
تصميم الويب: هى عملية انشاء واجهات صفحات الويب والانترنت عموما ، مثل واجهة المواقع التى نتصفحها يوميا ( Twitter – Facebook – Youtube ).
عند انشاء موقع، اذا كنت تريد تسهيل الأمر عليك عند التصميم فاتبع ما يلى:
ابدأ بتصميم التصميم بالكامل على ورقة خارجية أو أى برنامج أو أداة تقدم لك هذه الخدمة، حيث تساعدك بشكل كبير على ( ترتيب محتوى الصفحة وتنسيقة – خريطة فى ذهنك تسير عليها عند التصميم الفعلى – …ِ إلخ ).
ما هى لغات/مكتبات/أطر البرمجة التى يجب عليك تعلمها؟
1. HTML and CSS
HTML و CSS هما العمود الفقري لأي موقع، حيث توفر لغة HTML الهيكل أو العمود الفقرى لصفحات الويب، بينما توفر لغة CSS النمط ويساعدهم في أن يكونوا أفضل وأكثر جاذبية بصريًا من حيث اضافة الألوان والخطوط والصور..إلخ.
1. HTML and CSS
HTML و CSS هما العمود الفقري لأي موقع، حيث توفر لغة HTML الهيكل أو العمود الفقرى لصفحات الويب، بينما توفر لغة CSS النمط ويساعدهم في أن يكونوا أفضل وأكثر جاذبية بصريًا من حيث اضافة الألوان والخطوط والصور..إلخ.
2. HTML5 & CSS3
بعد تعلم HTML & CSS الإصدارات القديمة، ابدأ بتعلم الاصدارات الجديدة مباشرا حيث تم تطوير كل من اللغتين واضافوا عناصر جديدة وتم وضع بعض المزايا الجديدة التى توفر عليك الوقت والجهد،
وفي CSS3 اضافوا مزايا كتيرة جدا من أهمهم (Flexbox – Animation ) والكثير من المزايا.
بعد تعلم HTML & CSS الإصدارات القديمة، ابدأ بتعلم الاصدارات الجديدة مباشرا حيث تم تطوير كل من اللغتين واضافوا عناصر جديدة وتم وضع بعض المزايا الجديدة التى توفر عليك الوقت والجهد،
وفي CSS3 اضافوا مزايا كتيرة جدا من أهمهم (Flexbox – Animation ) والكثير من المزايا.
3. Javascript
بعد تعلم اللغات السابقة ابدأ بتعلم JavaScript هو الذي يجعل موقعك على قيد الحياة عن طريق إضافة التفاعل والحيوية، وهتساعدك فى فهم مكتبة الـ Jquery لأنها مبنية عليها، وهذه اللغة ستفتح لك أفاقك وفهمك لمفهوم البرمجة.
بعد تعلم اللغات السابقة ابدأ بتعلم JavaScript هو الذي يجعل موقعك على قيد الحياة عن طريق إضافة التفاعل والحيوية، وهتساعدك فى فهم مكتبة الـ Jquery لأنها مبنية عليها، وهذه اللغة ستفتح لك أفاقك وفهمك لمفهوم البرمجة.
4. Jquery
بعد تعلم لغة Javascript ، ابدأ بتعلم مكتبة الـ Jquery المبنية على Javascript، هذه المكتبة الأشهر على الإطلاق ، ومستخدمة من قبل مواقع كثيرة مشهورة على الانترنت.
بعد تعلم لغة Javascript ، ابدأ بتعلم مكتبة الـ Jquery المبنية على Javascript، هذه المكتبة الأشهر على الإطلاق ، ومستخدمة من قبل مواقع كثيرة مشهورة على الانترنت.
5. CSS Framework
يجب ولابد أن تتعلم أُطر عمل Framework لأنه هيوفر لك إطار عمل كامل لمشروعك وهيسهل عليك ساعات تكتب فيها Pure CSS وهيساعدك بمكونات Components تستخدمها بمشروعك ، وممكن تجعل تصميمك Responsive عن طريقة أيضًا.
أشهر الـ Frameworks هم ( Bootstrap – Bulma ).
يجب ولابد أن تتعلم أُطر عمل Framework لأنه هيوفر لك إطار عمل كامل لمشروعك وهيسهل عليك ساعات تكتب فيها Pure CSS وهيساعدك بمكونات Components تستخدمها بمشروعك ، وممكن تجعل تصميمك Responsive عن طريقة أيضًا.
أشهر الـ Frameworks هم ( Bootstrap – Bulma ).
6. Javascript Frameworks
يجب عليك تعلم اطارات عمل Javascript لتسهيل كود JS ولجعل موقعك أسرع ، لو كنت بدور على الـ Performance الخاص بموقعك ، واضافة بعد المميزات الاخرى.
– بعض الأمثلة لأُطر الـ JS :
ReactJS
Angular
يجب عليك تعلم اطارات عمل Javascript لتسهيل كود JS ولجعل موقعك أسرع ، لو كنت بدور على الـ Performance الخاص بموقعك ، واضافة بعد المميزات الاخرى.
– بعض الأمثلة لأُطر الـ JS :
ReactJS
Angular
جاري تحميل الاقتراحات...