دوره رسپانسیو کردن تصاویر و ویدیوها همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

🎓 دوره آموزشی جامع

📚 اطلاعات دوره

عنوان دوره: دوره رسپانسیو کردن تصاویر و ویدیوها

موضوع کلی: توسعه وب و برنامه‌نویسی فرانت‌اند

موضوع میانی: Responsive Web Design (طراحی وب واکنش‌گرا)

📋 سرفصل‌های دوره

• 1. بهینه‌سازی تصاویر برای وب
• 2. مبانی فرمت‌های تصویری رایج
• 3. فرمت JPEG: اصول و کاربردها
• 4. فرمت PNG: شفافیت و کیفیت
• 5. فرمت WebP: نسل جدید تصاویر
• 6. انتخاب فرمت مناسب تصویر برای وب
• 7. فشرده‌سازی تصاویر بدون افت کیفیت
• 8. روش‌های فشرده‌سازی Lossless
• 9. روش‌های فشرده‌سازی Lossy
• 10. ابزارهای آنلاین فشرده‌سازی تصاویر
• 11. بهینه‌سازی تصاویر برای سرعت بارگذاری
• 12. اندازه‌گیری سرعت بارگذاری تصاویر
• 13. تکنیک‌های Lazy Loading تصاویر
• 14. تصاویر واکنش‌گرا (Responsive Images)
• 15. تگ `<picture>`: معرفی و کاربرد
• 16. تگ `<source>`: مشخص کردن منابع تصویر
• 17. تگ `<img>` با `srcset` و `sizes`
• 18. رسپانسیو کردن تصاویر با CSS
• 19. Media Queries و تصاویر
• 20. استفاده از Viewport برای تصاویر
• 21. بهینه‌سازی تصاویر برای دستگاه‌های مختلف
• 22. تصاویر پس‌زمینه واکنش‌گرا
• 23. ویدیوهای واکنش‌گرا (Responsive Videos)
• 24. مبانی فرمت‌های ویدیویی رایج
• 25. فرمت MP4: سازگاری و کیفیت
• 26. فرمت WebM: فرمت آزاد و مدرن
• 27. تگ `<video>`: معرفی و ویژگی‌ها
• 28. ویژگی `width` و `height` در تگ `<video>`
• 29. استفاده از CSS برای کنترل ابعاد ویدیو
• 30. نسبت تصویر (Aspect Ratio) ویدیو
• 31. بهینه‌سازی ویدیو برای سرعت بارگذاری
• 32. فشرده‌سازی ویدیو
• 33. استفاده از CDN برای ارائه ویدیو
• 34. پیش‌نمایش ویدیو (Video Poster)
• 35. پشتیبانی از زیرنویس در ویدیو
• 36. کنترل‌های ویدیو با HTML5
• 37. استفاده از JavaScript برای کنترل ویدیو
• 38. APIهای ویدیو در HTML5
• 39. تشخیص فرمت‌های ویدیو توسط مرورگر
• 40. مدیریت خطاها در پخش ویدیو
• 41. بهینه‌سازی ویدیو برای موبایل
• 42. بهینه‌سازی تصاویر و ویدیو برای SEO
• 43. تأثیر تصاویر و ویدیو بر رتبه‌بندی
• 44. استفاده از Alt Text برای تصاویر
• 45. نام‌گذاری صحیح فایل‌های تصویری و ویدیویی