مسار مصمم الويب + كورسات حصرية مجانية لكل لغة
ماهو تصميم الويب ؟
مصطلح web design يطلق على انشاء صفحات النترنت مث جوجل و يوتيوب وغيرهم من المواقع التي نتصفحها يوميا .انشاء الموقع عبر مرحلتين هم
تصميم كامل لشكل الموقع بمحتواه وعناصره, يمكن رسم التصميم على ورقة او على برنامج الpintاو فوتوشوب او اي tool شتساعدك على ترتيتب المحتوى وتنسيقه بشكل مريح للمستخدم ويعد هذا العنصر الاساسي لنجاح الموقع.ثم استخدم لغات internet مثل Html و Javascript في انشاء موقع وادراج العناصر والمحتوى الموجودين في التصميم و css لتنسيقهم ليطابقو الinterface (الواجهة)
ماهو الFront End وما الفرق بينه وبين Back End
الواجهة الامامية - Front End
هو الخاص Front End Development بتطوير كل مايتعلق بالواجهة الامامية للتطبيقات ومضاهرها اي كل مايشاهده المستخدم ويراه بعينه من واجهات , واشكال وبنرات وايقونات وخطوط وصور ونصوص وغيرها هو الجزء من الموقع الدي يتفاعل معه المستخدمين اي شي من مكونات الموقع Buttons التي يمكنك مشاهدتها مثل الDropdowns Menu والخطوط والالوان و ومعارض الصور وحركات الAnimation وغيرها من الامورالتي يراها المستخدم ويتفاعل معها
الواجهة الخلفية - Back End
اما back End development فيعني تطوير وصيانة البنية التحتية او الاساس للتطبيق وايضا تصميم وتعديل قواعد البياناتالخاصة بالتعامل مع هذا التطبيق .وبالطبع فإن برمجة المواقع تتطبي بناء بنية تحتية او اساس للموقع اولا . تم تاتي برمجة الواجهة Front End Development كخطوة ثانية
إبدا تعلم
- HTML
في البداية يجب ان تتعلم ال Html فهي اللغة التي تبني أساس الصفحة
- الكورسات
- CSS
بعد تعلم HTML يجب عليك تعلم CSS لأنها ستساعدك في تصميم صفحات ال HTML وتغير خواص العناصر من ناحية الألوان والأحجام والخطوط ,الخ.......
الكورسات
- HTML5
بدأ تعلم الإصدار الجديد من HTML شحيث تطورت اللغة عن سابقتها وتمت إضافة مزايا جديدة تساعدك في تسهيل عملك وتوفير الجهد عليك تعلم الكورس لمعرفة الجديد
الكورسات
- CSS3
بدا تعلم الإصدار الجديد من CSS وايضا تم تطوير مزايا رهيبة ستجعل تنسيق صفحات الويب اكثر سهولة واشهر المزايا الجديدة هي Flexbox ولتعرف كل شي عن الإصدار الجديد يجب ان تشاهد الكورس
الكورسات
- Javascript
سوف تضيف javascript التفاعليه الى الموقع وسوف تمكنك من فهم مكتبة الjquery بسهولة كبير لان ال jquery مبينة على javascript وسوف تضيف اليك مفهوم البرمجة وسيفيدك الكورس في تعلم اي لغة برمجة بعد ذالك لانك ستفهم مفهوم البرمجة
- Javascript DOM
بعد تعلم الjavascript سيكون عليك تعلم هذه اللغة ولكن لماذا؟ حسنا سوف تمكنك هذه اللغة من التحكم بمحتوى صفحة html كما تريد
- Javascript BOM
بعد تعلم javascript dom سوف تتعلم Javascript BOM لتمكنك من التحكم بالمتصفح مثل إضهار popup وإضهار تنبيهات خاصة بالمتصفح
الكورسات
- jQuery
بعد تعلم الjavascript ستتعلم jQuery لانها ستسهل عليك كل شي يتم عمله بال javascript وهي اشهر مكتبة لل javascript ومستخدمة في معضم المواقع
الكورسات
بناء بعض المشاريع المتجاوبة مع اضافة تفاعلية بال javascript
بعد إنجازك لهذا الشوط الطويل يجب ان تطبق ماتعلمته بالتاكيد لكي لاتنساه حيث انك ستكسب خبرة كبيرة من المشاكل التي ستضهر لك
الكورسات
تعلم التصميم المتجاوب
يجب ان تتعلم التصميم المتجاوب لكي يضهر الموقع بشكل جيد على الجهزة الاخرى مثل الهاتف المحمول والتابلت
الكورسات
- package manger
تعلم package manger مثل NPM او YARN حيث انهم سيفدونك كثيرا في تنزيل PLUGINS او frameworks لل js وايضا يمكنك رفع Plugin خاصتك
NPM- Node Package Manger
YARN
الكورسات
- traversy media - NPM Crash
- CourseDecMarketer - Yarn
- CSS Preproccessors
يجب ان تتعلم CSS Preproccessors لكي يسهل عليك عملك كثيرا في Html و سيضيق اليك الكثير من مزايا البرمجة في ال Css مثل المتغيرات والدوال
Sass
Less
Stylus
الكورسات
- Elzero -SAss
- HTML Preproccessors
يجب ان تتعلم HTML Preproccessors لكي يسهل عليك عملك كثيرا في ال HTML وسيضيف اليك الكثير من مزايا البرمجة في ال HTML مثل المتغيرات والدوال
Pug
Handlebars
الكورسات
- CSS Framework
يجب ان تتعلم Framework لانه سيسهل عليك عملك كثيراحيث يقدم لك COMPONENTS جاهزة للإستعمال ويعطيك البنية الأساسية لأي موقع
Bootstrap
Materliz CSS
Bulma
الكورسات
مشغلات المهام - Task Runers
يجب ان تتعلم Task Runers لتسهيل العمل وتوفير الوقت فمثلا تريد ان تعمل ب pug و Sass معا حينها ستتعب وانت تعمل بهم االاثنان ولكن Task Runers سيجعلها سهلة جدا
Gulp
Gruntjs
Webpack
الكورسات
اطارات عمل الجافا سكربت - Frameworks js
تعلم اطار لل js لتسهيل عمل ال js عليك وايضا لتميز موقعك بالكفاءة وسهولة التعديل
Angular
Reacrjs
Vuejs
الكورسات
تعليقات
إرسال تعليق