Gráficos SVG + Javascript

أهلا بك عزيزي المتابع لموقع (journey for learn) نقدم دورات بكوبونات متاحة لاول 1000 تسجيل مجاني فقط وكوبونات اخري لفترة محدودة فاذا كنت تريد ان تحصل علي كل الكورسات علي موقعنا وان تكون اول المسجلين في الكورسات المجانية قم بتسجيل الدخول أوقم بالدخول علي وسائل التواصل الاجتماعي وخصوصا التليجرام نوضح الوصف المختصر والطويل للدورات لكي تعرف الدروس التي سوف تتعلمها بسهولة ويسر :

ما هي رسومات SVG؟ :       اختصارها Scalable Vector Graphics يحدد ما هي عليه.  إنه تنسيق رسومي يسمح لنا بتوسيع حجم الصورة أو بمعنى آخر زيادة حجمها على نطاق واسع ولا يفقد الحدة. إذا قارنا صورة png عالية الجودة، يمكننا أن نرى كيف يتجاوز وزنها بسهولة 500 كيلو بايت في الحجم، ومع ذلك فإن صورة SVG المكافئة ستشغل حوالي 30 كيلو بايت فقط، وليس ذلك فحسب، بل ستكون جودة رسومها مثالية، وهو ما إذا تم تغيير حجم png بنفس الحجم سيكون كارثة.  متى يجب أن نستخدم تنسيقًا واحدًا ومتى نستخدم تنسيقًا آخر؟        PNG     في الصور التي نريد فيها الواقعية أو الصور الفنية، كما هو الحال في الفنون المفاهيمية وأغلفة ألعاب الفيديو AAA، يتم استخدام png، لأن هذا التنسيق، بالإضافة إلى العمل مع الورق الشفاف، يتمتع بمرونة تشبه إلى حد كبير الرسم الواقعي التقليدي، والذي نحن يمكن تحقيقه مع فوتوشوب. يتم استخدامه أيضًا في الألعاب القديمة ثنائية الأبعاد، حيث على الرغم من أنه ليس أسلوبًا واقعيًا، إلا أننا نحتاج إلى مواد واقعية.        SVG في ألعاب الويب والتطبيقات والكتب الرقمية التفاعلية والكازينوهات الافتراضية وما إلى ذلك. يتم استخدام SVG عادةً لأن وزنه أقل بكثير ويتم تحقيق أبسط نوع من الرسوم التوضيحية بألوان أكثر انبساطًا. هذا لا يعني أنه لا يمكنك تحقيق رسم توضيحي معقد باستخدام svg، لأنه يتعامل أيضًا مع التدرجات وتقنيات التظليل المختلفة النموذجية لنمط الرسوم هذا. من وجهة نظري كمصمم شخصيات ومبرمج، فإن هذه الدورة مثالية للمبرمجين أو مصممي الويب الذين يرغبون في دمج هذا النوع من الرسومات في عملهم ويكونوا قادرين على التفاعل معها. ستتمكن من تضمين تصميماتك المصنوعة في Illustrator، ودمج التعليمات البرمجية الخاصة بك في html وستكون قادرًا على جعلها تفاعلية بفضل لغة البرمجة Javascript، وتغيير ألوان تلك الرسومات من خلال البرمجة، وتحريكها، وإنشاء أحداث بحيث يتمكن المستخدم على سبيل المثال، يقوم موقع ويب بالنقر فوق مفتاح ويحرك شيئًا من هذا التصميم.  تمنحك هذه الدورة الأدوات اللازمة للقيام بذلك. لمن هذه الدورة؟ -يجب عليك معرفة لغة ترميز Html. -أي شخص يريد تعلم التخصصات التفصيلية.  -إذا كنت تريد المزيد من المعلومات في الموضوع 1، فلديك الفيديو المجاني للجميع ويخبرك بالمحتوى.

ما هي المتطلبات الأساسية لدخول الدورة والتسجيل فيها على موقعنا؟ رحلة التعلم:

(احصل على الدورة للدخول إلى الموقع والتسجيل)

يجب أن يكون لديك بريد إلكتروني (حساب بريد) تتذكره لنفسك وأيضًا يجب أن تتذكر كلمة مرور البريد الإلكتروني الذي ستسجل به ، وإذا لم يكن لديك حساب بريد إلكتروني ، فمن الأفضل إنشاء حساب (Gmail)