كيف تصبح مصمم ويب l مسار مصمم الويب

خارطة طريق لكي تصبح مصمم ويب | web designer :

موضوع مهم جداً يعرفك كيف تبدأ لتصميم الويب , بداية من البرامج التي تحتاجها حتى الشروحات التي تجعلك مصمم ويب.
---
تعريف مصمم الويب | web designer : مصمم الويب بإختصار هو الذي يهتم بالشكل الخارجي للموقع , يقوم بتصميم الازرار والالوان والشعار , فهو عامل مثل الشخص الذي يدهن المنزل او يقوم بتصميم بألوان جميله.

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

تحتاج الى كتابة اكواد , وهذه تكون في محررات مخصصه لها وليس الكتابه في ملف نصي او ملف وورد , فيمكن ان تختار احد افضل برامج كتابة الاكواد وهذه مجموعه من اقوى برامج كتابه الاكواد .." Sublime text - Atom - Brackets - Light Table - ++ Notepad "

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

(1) لغة HTML : هي لغه تعمل على بناء هيكل صفحات الويب وهذه كورسات HTML التى ستحتاجها : https://goo.gl/fJCpmX
(2) لغة CSS : لغة جميله تغير الوان الموقع والاحجام و نوع الخط وهذه كورسات CSS التى ستحتاجها :- https://goo.gl/DurkMP
(3) دروس مهمه جداً:
كيف تتجنب الوقوع في اخطاء HTML .. من هنا :- https://goo.gl/mfJn2w
كيف تتجنب الوقوع في اخطاء CSS من هنا :- https://goo.gl/hJ3nrD

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

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

كورس التخطيط من هنا :- https://goo.gl/TrQcvA
كورس التطبيق الاول على HTML + CSS من هنا :- https://goo.gl/1G9nig

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

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

تعلم HTML5 الجديده من هنا : https://goo.gl/sbbv63
تعلم CSS3 الجديده من هنا : https://goo.gl/EzHCh8

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

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

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

تعلم jQuery من هنا : https://goo.gl/p1wTQp , بعد تعلم هذه المكتبه , طبق ما تعلمته من هنا: https://goo.gl/D5VHwN , هنا : https://goo.gl/fUaBcv
كورس Javascript الأساسي لإتقان اللغة : https://goo.gl/1AV4A8
كورس Javascript DOM للتعامل مع صفحة الويب : https://goo.gl/4rD1aB
كورس Javascript BOM للتعامل مع المتصفح : https://goo.gl/iT1mVw

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

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

- تعلم Bootstrap 3 من هنا : https://goo.gl/Nvwyvv
- تحويل PSD لتصميم بواسطة البوتستراب من هنا : https://goo.gl/44M5K5
- كيفية عمل إطار عمل خاص بك تستخدمه في جميع تصميماتك ليوفر عليك الوقت والجهد من هنا : https://goo.gl/gj14rF

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

تعلم Responsive لتجعل التصميم متجاوب مع الاجهزه المختلفه

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

شرح "Responsive" من البدايه من هنا : https://goo.gl/wGCkUd

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

مواقع مهمه قد تحتاجها
MDN : https://goo.gl/ZdCh3J
W3Schools : https://goo.gl/uqH2S1 {مهم جداً}
SitePoint : https://goo.gl/h3CTVZ
Bootstrap : https://goo.gl/UcSw9G