التحريك على الويب

كائن فضائي متوسط الصعوبة قائمة موارد محطة 19 / 166 الأعمار 11-13 مترجم بالذكاء الاصطناعي

رسوم متحرّكة في المتصفح باستخدام JavaScript وCSS وSVG وغيرها.

دليلك

نظرة عامة كتبها الذكاء الاصطناعي

ما هو؟

التحريك على الويب ضمن مجموعة تطوير الواجهة الأمامية لدينا، وهي قائمة طويلة بأدوات وموارد لبناء الجزء الذي يراه الناس وينقرون عليه في الموقع. لا نعرف من قائمتنا سوى العنوان والوصف القصير والمستوى.

هل هو مناسب لي؟

مناسب لمن يريد بناء صفحات ويب. كثير من العناصر من المستوى المتوسط، لذا تفيد بعض أساسيات الويب. يناسب عمر 11-13 تقريبًا فما فوق، وعناصر المبتدئين أفضل بداية.

للكبار: للكبار: كثير من هذه أدوات للمطوّرين. اطّلعوا على الصفحة أولًا وساعدوا في التثبيت.

كيف تبدأ

ابدأ بعناصر المبتدئين إن كنت جديدًا على صفحات الويب.
افتح الموقع الأصلي مع شخص بالغ واقرأ الصفحة الأولى.
جرّب تغييرًا صغيرًا، كلون أو عنوان، وشاهده في المتصفح.

كم من الوقت؟

خطّط لنحو 55 دقيقة في كل مرة، على مدى نحو 6 جلسات. (تقدير)

55 د في الجلسة 6 جلسات تقدير

خطة يمكنك اتباعها

اليوم 1 30 د اطّلع على ما تفعله الأداة وجرّب المثال الأول.
الأسبوع 1 45 د ابنِ صفحة صغيرة جدًا.
الأسبوع 2 60 د أضف ميزة جديدة، مثل زر.
الأسبوع 3 60 د شارك الصفحة مع صديق أو أحد أفراد العائلة.

الأوقات تقديرية. تقدّم بالسرعة التي تناسبك.

اذهب إلى موقع التعلّم

أنت على وشك مغادرة موقعنا لزيارة التحريك على الويب على موقع آخر. نحن لا نتحكّم في ذلك الموقع. اسأل شخصًا بالغًا قبل أن تذهب. راجع المصدر الأصلي لمعرفة التفاصيل. قد لا يكون ذلك الموقع بلغتك. يمكن لمتصفحك ترجمة الصفحة: ابحث عن زر الترجمة قرب شريط العنوان، أو اطلب المساعدة من شخص بالغ.

أنت تغادر موقعنا

للكبار: للكبار: يؤدي هذا الرابط إلى موقع لا نتحكّم فيه ولم نراجعه إلا من خلال وصفه في قائمتنا. يُرجى إلقاء نظرة عليه أولًا.

انتقل إلى موقع التعلم

https://github.com/sergey-pimenov/awesome-web-animation#readme

على موقع آخر. من القائمة: sindresorhus/awesome · الرخصة: CC0-1.0 · تطوير الواجهة الأمامية · الترجمات مولّدة بالذكاء الاصطناعي؛ راجع الأصل دائمًا.

كيف تتعلم من مشروع أو قائمة على GitHub

مسارك عبر تطوير الويب

محطة 17 SVG قائمة موارد محطة 18 إمكانية الوصول إلى الويب قائمة موارد محطة 19 التحريك على الويب قائمة موارد محطة 20 تصميم الويب قائمة موارد محطة 21 دليل بنفسك لبناء React خاص بك مشروع للبناء محطة 22 Amazon Web Services قائمة موارد محطة 23 واجهة مستخدم Android قائمة موارد

واصل الاستكشاف

تطوير الويب