25060904239828990

مسار مصمم الويب الطريق الصحيح لتعلم تصميم الويب

الخط

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


تعريف مصمم الويب : مصمم الويب بإختصار هو الذي يهتم بالشكل الخارجي للموقع , يقوم بتصميم الازرار والالوان والشعار، فهو عامل مثل الشخص الذي يدهن المنزل او يقوم بتصميم بألوان جميله.

الادوات اللازمه في تصميم الويب | مسار مصمم الويب

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


ماذا تحتاج لتعلم تصميم الويب

(1) لغة HTML : هي لغه تعمل على بناء هيكل صفحات الويب {كورسات HTML}
(2) لغة CSS : لغة جميله تغير الوان الموقع والاحجام و نوع الخط {كورسات CSS}
(3) دروس مهمه جداً:
كيف تتجنب الوقوع في اخطاء HTML {هنا}
كيف تتجنب الوقوع في اخطاء CSS {هنا}

-----------------------------

بعد تعلم كل هذا , نأتي التطبيق العملي , وذلك بتصميم الكثير من التطبيقات لتحترف أكثر وتتعلم من أخطائك , لذلك تحتاج الى تعلم التخطيط أولاً.

كورس التخطيط {هنا}
كورس التطبيق الاول على HTML + CSS {هنا}


نأتي لمرحلة التطوير وهي على HTML5 و CSS الجديده

لغة HTML5 متطوره , فيه مفيده وتحتاجها في عملك , تم تطوير الوسوم واضافة مميزات جديده , وايضا توفر عليك جهد ووقت اثناء التصميم.



تعلم HTML5 الجديد {هنا}

تعلم CSS الجديده {هنا}


-----------------------------

ماذا بعد ؟
تعلم مكتبة jQuery , مكتبه مشهوره مبنية على Javascript , فمن خلالها تضيف لمسات سحريه في الموقع , وهي مكتبه سهله ومهمه جداً لتصنع شكل جميل للموقع بدلا من ان يكون الموقع صامت.

تعلم Javascript , وطبعا Javascript مهمه ومن خلالها تفهم مكتبة jQuery لاني ذكرت ان jQuery مبنيه على Javascript , وايضا الـ Javascript بعد تعملها تفيدم في التطوير في المستقبل و وتساعدك على تعلم لغات برمجه لان يوجد لغات برمجه متشابهه.

تعلم jQuery , بعد تعلم هذه المكتبه , طبق ما تعلمته من {هنا} , {هنا}

-----------------------------

اطار العمل Framework : ربما سمعت عن Bootstrap فهنا نتعرف على البوتستراب , فهو اطار جميل ويعمل التصميم بسهوله ويوفر عليك الوقت والجهد الكثير في كتابة الاكواد , مع Bootstrap يسهل عليك الانتهاء من العمل المطلوب منك في وقت وجيز ويكون الموقع متوافق مع Responsive , يعني متوافق مع الاجهزه المختلفه , سواء موبايل او تاب او كمبيوتر وهكذا ....الخ , تعلم Bootstrap 3 من قناة الزيرو لاني لم اجل الكثير من الشروحات العربيه لـ Bootstrap 3


-----------------------------

تعلم Responsive لتجعل التصميم متجاوب مع الاجهزه المختلفه
ماهو Responsive : هذذ يجعل تصميم الموقع متجاوب ومتوافق مع الاجهزه المختلفه مثل الموبايل و التاب و اللاب توب وعرض الشاشات المختلفه , فهو مهم جدا جدا

شرح  "Responsive" من البدايه

-----------------------------

مواقع مهمه قد تحتاجها
W3Schools {مهم جداً}

مفيد جداًتطبيق مسار مبرمج اول تطبيق علي جوجل يرشدك للدخول الي عالم البرمجة

مصدر المسار
ليست هناك تعليقات
إرسال تعليق

إرسال تعليق

نموذج الاتصال
الاسمبريد إلكترونيرسالة