U3F1ZWV6ZTM5ODgwMzUxMDA0X0FjdGl2YXRpb240NTE3ODkzNTM2Mzc=
recent
أخبار ساخنة

مسار مصمم الويب + كورسات حصرية مجانية لكل لغة

مسار مصمم الويب + كورسات حصرية مجانية لكل لغة


ماهو تصميم الويب ؟

مصطلح web design يطلق على انشاء صفحات النترنت مث جوجل و يوتيوب وغيرهم من المواقع التي نتصفحها يوميا .انشاء الموقع عبر مرحلتين هم 
تصميم كامل لشكل الموقع بمحتواه وعناصره, يمكن رسم التصميم على ورقة او على برنامج الpintاو فوتوشوب او اي tool شتساعدك على ترتيتب المحتوى وتنسيقه بشكل مريح للمستخدم ويعد هذا العنصر الاساسي لنجاح الموقع.ثم استخدم لغات internet مثل Html و Javascript في انشاء موقع وادراج العناصر والمحتوى الموجودين في التصميم و css لتنسيقهم ليطابقو الinterface (الواجهة)

ماهو الFront End وما الفرق بينه وبين Back End  

نتيجة بحث الصور عن ‪Front End‬‏

الواجهة الامامية - Front End

نتيجة بحث الصور عن ‪Front End‬‏
هو الخاص Front End Development بتطوير كل مايتعلق بالواجهة الامامية للتطبيقات ومضاهرها اي كل مايشاهده المستخدم ويراه بعينه من واجهات , واشكال وبنرات وايقونات وخطوط وصور ونصوص وغيرها هو الجزء من الموقع الدي يتفاعل معه المستخدمين اي شي من مكونات الموقع Buttons التي يمكنك مشاهدتها مثل الDropdowns Menu والخطوط والالوان و  ومعارض الصور وحركات الAnimation وغيرها من الامورالتي يراها المستخدم ويتفاعل معها 

الواجهة الخلفية - Back End

نتيجة بحث الصور عن ‪Back End‬‏
اما back End development فيعني تطوير وصيانة البنية التحتية او الاساس للتطبيق وايضا تصميم وتعديل قواعد البياناتالخاصة بالتعامل مع هذا التطبيق .وبالطبع فإن برمجة المواقع تتطبي بناء بنية تحتية او اساس للموقع اولا . تم تاتي برمجة الواجهة Front End Development كخطوة ثانية

إبدا تعلم 

  • HTML
  • نتيجة بحث الصور عن ‪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

الكورسات

  1. traversy media - NPM Crash
  2. 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
الكورسات




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

إرسال تعليق