wesamdev

افلام هندية$type=sticky$count=4$show=home

$show=home

|روبوتات_$type=slider$source=random-posts$snippet=hide$cate=20$show=home

|اضافات بلوجر$type=three$m=0$rm=0$h=400$c=3$show=home

$show=home

wesamdev

من هو مصمم الويب

HTML و CSS هما العمود الفقري لأي موقع، حيث توفر لغة HTML الهيكل أو العمود الفقرى لصفحات الويب، بينما توفر لغة CSS النمط ويساعدهم في أن يكونوا أفضل وأك

من هو مصمم الويب

أولا: من هو مصمم الويب؟

هو شخص يقوم بإعداد محتوى للويب، يرتبط هذا الدور أساسًا بتصميم وتخطيط الصفحات ذات المحتوى ، بما في ذلك النصوص والصور والأيقون ، كل شىء يمكن أن يراه المستخدم مصمم الويب هو من يقوم بعمله.

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



ثانيا: ماذا نَعني بـ مصمم الويب Web Design؟


تصميم الويب: هى عملية انشاء واجهات صفحات الويب والانترنت عموما ، مثل واجهة المواقع التى نتصفحها يوميا ( Twitter Facebook Youtube ).
عند انشاء موقع، اذا كنت تريد تسهيل الأمر عليك عند التصميم فاتبع ما يلى.~ wesam


ابدأ بتصميم التصميم بالكامل على ورقة خارجية أو أى برنامج أو أداة تقدم لك هذه الخدمة، حيث تساعدك بشكل كبير على ( ترتيب محتوى الصفحة وتنسيقة – خريطة فى ذهنك تسير عليها عند التصميم الفعلى – …ِ إلخ ).
انتقل إلى التصميم الفعلى بإستخدام لغات البرمجة الخاصة ببناء هيكل صفحات الويب مثل HTML، ولغة CSS لتنسيق الصفحة (Interface) واضافة الألوان وأنواع الخط…إلخ ، ثم استخدام لغات برمجة أكثر تفاعلية مثل Javascript.


ثالثا: يجب عليك الأن التعرف على الفرق بين Front-end و Back -end.

لغات البرمجة التى يجب عليك تعلمها
من هو مصمم الويب


HTML and CSS 1

HTML و CSS هما العمود الفقري لأي موقع، حيث توفر لغة HTML الهيكل أو العمود الفقرى لصفحات الويب، بينما توفر لغة CSS النمط ويساعدهم في أن يكونوا أفضل وأكثر جاذبية بصريًا من حيث اضافة الألوان والخطوط والصور..إلخ.
 إذا كنت تريد أن تصبح مطورًا جديداً للواجهة الأمامية Front-end، فيجب عليك أن تتقن هذين الأمرين وأن تبدأ بهم.



HTML5 & CSS3 2

بعد تعلم HTML & CSS الإصدارات القديمة، ابدأ بتعلم الاصدارات الجديدة مباشرا حيث تم تطوير كل من اللغتين واضافوا عناصر جديدة وتم وضع بعض المزايا الجديدة التى توفر عليك الوقت والجهد، وفي CSS3 اضافوا مزايا كتيرة جدا من أهمهم
 (Flexbox – Animation ) والكثير من المزايا التى ستساعدك على التنسيق بشكل أفضل وأسرع.



Javascript 3

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



Jquery 4

بعد تعلم لغة Javascript ، ابدأ بتعلم مكتبة الـ Jquery المبنية على Javascript، هذه المكتبة الأشهر على الإطلاق ، ومستخدمة من قبل مواقع كثيرة مشهورة على الانترنت.



Responsive Design 5

ابدأ بتعلم التصاميم المتجاوبة من أجل تشغيل موقعك على جميع الأجهزة ، لأن موقعك ممكن المستخدم يتصفحة عن طريق Tablet أو Mobile أو Laptop أو عن طريق أى شىء أخر ، يجب أن يكون موقعك Responsive.



CSS Framework 6

يجب ولابد أن تتعلم أُطر عمل Framework لأنه هيوفر لك إطار عمل كامل لمشروعك وهيسهل عليك ساعات تكتب فيها Pure CSS وهيساعدك بمكونات Components تستخدمها بمشروعك ، وممكن تجعل تصميمك Responsive عن طريقة أيضًا.

💡 أشهر الـ Frameworks هم ( Bootstrap – Bulma ).


CSS Preprocessors 7

تعلم بعض CSS Preprocessor اللى هتسهل عليك أشياء كثيرة جدا فى CSS ، وستتعلم كيفية وضع المتغيرات وأشياء أخرى كثيرة.

💡 أمثلة لـ CSS Preproccessors هم ( Less – Sass – Stylus ).



HTML Preprocessors 8

تعلم بعض HTML Preprocessor أيضا اللى هتسهل عليك حاجات كتير جدا فى HTML وهضيف مزايا كثيرة.

💡 من أشهر الـ HTML Preprocessor هو PugJS.



Javascript Frameworks9

يجب عليك تعلم اطارات عمل Javascript لتسهيل كود JS ولجعل موقعك أسرع ، لو كنت بدور على الـ Performance الخاص بموقعك ، واضافة بعد المميزات الاخرى. 
 – بعض الأمثلة لأُطر الـ JS :

 ReactJS

 Angular 

VueJS



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

👈 من هو مبرمج تطبيقات الأندرويد.


إذا أعجبك المقال أو كان مفيدًا - ضع "أعجبني". اشترك في المدونة اوشارك برأيك في التعليقات! أراك لاحقا

COMMENTS

BLOGGER
الاسم

اخبار,45,اداة للكمبيوتر,7,اضافات بلوجر,88,افلام اجنبي,9,افلام روسية,32,افلام عربي مترجمة الي الروسية,1,افلام قديمة,2,افلام هندي,8,البرمجة,8,الجديد في التكنولوجيا,46,العاب,9,النمر,7,اليوتيوب,16,اندرويد,15,اندرويد استوديو,3,برامج كمبيوتر,11,بلوجر,8,تركيا,6,تصميم,3,تطبيقات,20,جافاسكريبت,3,حوادث,5,حول العالم,65,حيوانات,25,خلفيات,1,دروس HTML| بالعربية,2,روبوتات,8,روسيا,60,سياحة,4,سيارات,12,سياسة,17,شروحات,34,شريط الاخبار,1,صحتي,2,طائرات,22,فن,35,قناة الوعي نور,4,قناة قعدة تاريخ,8,قوالب بلوجر,3,كتب الكترونية,7,مالتي ميديا,6,متصفح,2,محليات,4,مسلسل لعبة الحبار,1,مسلسلات اجنبية,2,مسلسلات رمضان 2022,1,مسلسلات رمضان 2120,1,مصر والعرب,2,معدات حربية,34,معدات زراعية,6,مقالات,100,مواصلات النقل,1,مواقع للتصميم,14,وثائقي,14,وسوم بلوجر,2,ويندوز,15,Antivirus,3,Button,1,c++,1,css,37,HTML,11,wesam,2,
rtl
item
Wesam: من هو مصمم الويب
من هو مصمم الويب
HTML و CSS هما العمود الفقري لأي موقع، حيث توفر لغة HTML الهيكل أو العمود الفقرى لصفحات الويب، بينما توفر لغة CSS النمط ويساعدهم في أن يكونوا أفضل وأك
https://1.bp.blogspot.com/-uXmgazGwUVg/YLHTiQC92hI/AAAAAAAAVCo/SRKUaH-5S1g5lQVyb1FSYSCRO4wKjt3SwCLcBGAsYHQ/s16000/%25D9%255%25D8%25B5%25D9%2585%25D9%2585%2B%25D8%25A7%25D9%2584%25D9%2588%25D9%258A%25D8%25A8%2B%25D9%2585%25D9%2586%2B%25D9%2587%25D9%2588.jpg
https://1.bp.blogspot.com/-uXmgazGwUVg/YLHTiQC92hI/AAAAAAAAVCo/SRKUaH-5S1g5lQVyb1FSYSCRO4wKjt3SwCLcBGAsYHQ/s72-c/%25D9%255%25D8%25B5%25D9%2585%25D9%2585%2B%25D8%25A7%25D9%2584%25D9%2588%25D9%258A%25D8%25A8%2B%25D9%2585%25D9%2586%2B%25D9%2587%25D9%2588.jpg
Wesam
https://www.wesamdev.com/2021/05/blog-post_97.html
https://www.wesamdev.com/
https://www.wesamdev.com/
https://www.wesamdev.com/2021/05/blog-post_97.html
true
1297279864306511161
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content