کتاب صوتی CSS for Advertising Strategy

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

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

عنوان دوره: دوره CSS for Advertising Strategy

موضوع کلی: برنامه نویسی

موضوع میانی: CSS

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

• 1. مقدمه ای بر CSS و نقش آن در تبلیغات
• 2. آشنایی با سینتکس CSS (قواعد نگارش)
• 3. انتخابگرها (Selectors) : عناصر، کلاس ها و ID ها
• 4. انواع انتخابگرها: ترکیبی، ویژگی و شبه کلاس ها
• 5. نحوه اعمال CSS: درون خطی، داخلی و خارجی
• 6. اولیت بندی CSS (CSS Specificity)
• 7. واحد های اندازه گیری در CSS: پیکسل، اِم، رِم، ویوپورت
• 8. رنگ ها در CSS: نام ها، کد های HEX و RGB/RGBA
• 9. زمینه (Background) : رنگ، تصویر، تکرار و موقعیت
• 10. مدل جعبه ای (Box Model) : محتوا، پدینگ، حاشیه و مرز
• 11. نمایش (Display) : بلوکی، خطی، خطی-بلوکی و پنهان کردن عناصر
• 12. موقعیت دهی (Positioning) : استاتیک، نسبی، مطلق و ثابت
• 13. شناور سازی (Float) و پاکسازی (Clear)
• 14. چیدمان انعطاف پذیر (Flexbox) : مبانی و مفاهیم
• 15. چیدمان انعطاف پذیر (Flexbox) : خواص والد (Container)
• 16. چیدمان انعطاف پذیر (Flexbox) : خواص فرزند (Items)
• 17. چیدمان شبکه ای (Grid Layout) : مبانی و مفاهیم
• 18. چیدمان شبکه ای (Grid Layout) : تعریف سطر و ستون
• 19. چیدمان شبکه ای (Grid Layout) : خواص والد (Container)
• 20. چیدمان شبکه ای (Grid Layout) : خواص فرزند (Items)
• 21. تایپوگرافی در CSS: فونت، اندازه، وزن و ارتفاع خط
• 22. استایل دهی به متن: رنگ، سایه، فاصله حروف و کلمات
• 23. لیست ها: استایل دهی به علامت ها و شماره ها
• 24. جداول: استایل دهی به حاشیه ها، رنگ ها و تراز
• 25. فرم ها: استایل دهی به فیلدها، دکمه ها و برچسب ها
• 26. لینک ها: حالت های مختلف (hover, visited, active)
• 27. دکمه ها: طراحی دکمه های جذاب و قابل کلیک
• 28. منوها: ایجاد منوهای ناوبری افقی و عمودی
• 29. سایه ها: ایجاد سایه برای عناصر و متن
• 30. گرادینت ها: گرادینت های خطی و شعاعی
• 31. ترنزیشن ها: ایجاد انیمیشن های ساده بین حالت ها
• 32. انیمیشن ها: Keyframes و تعریف انیمیشن های پیچیده
• 33. تبدیل ها (Transforms) : چرخش، مقیاس، جابجایی و کجی
• 34. فیلتر ها: اعمال فیلتر های گرافیکی به تصاویر
• 35. حالت Hover و کاربرد آن در تبلیغات
• 36. مدیا کوئری ها: طراحی واکنش گرا برای دستگاه های مختلف
• 37. طراحی برای موبایل: بهینه سازی تبلیغات برای صفحه نمایش های کوچک
• 38. واحدهای نسبی (em, rem, vw, vh) در طراحی واکنش گرا
• 39. Viewport Meta Tag و تنظیم آن
• 40. استفاده از Framework های CSS: Bootstrap و Tailwind CSS
• 41. آشنایی با Bootstrap Grid System
• 42. کامپوننت های Bootstrap برای تبلیغات
• 43. آشنایی با Tailwind CSS و Utility Classes
• 44. سفارشی سازی Tailwind CSS برای تبلیغات
• 45. CSS Preprocessors : Sass و Less
• 46. متغیر ها در Sass و Less
• 47. توابع (Functions) و میکس این ها (Mixins) در Sass و Less
• 48. ماژولار کردن CSS با Sass و Less
• 49. CSS Modules برای جلوگیری از تداخل استایل ها
• 50. CSS in JS : Styled Components و Emotion
• 51. انتخاب رنگ مناسب برای تبلیغات و تاثیر آن بر مخاطب
• 52. استفاده از فونت های مناسب برای خوانایی بهتر در تبلیغات
• 53. طراحی CTA (Call to Action) های جذاب با CSS
• 54. ایجاد بنرهای تبلیغاتی متحرک با CSS
• 55. طراحی لندینگ پیج (Landing Page) های تبلیغاتی با CSS
• 56. ایجاد تبلیغات تعاملی با CSS و جاوا اسکریپت
• 57. بهینه سازی CSS برای سرعت بارگذاری صفحه
• 58. فشرده سازی CSS (CSS Minification)
• 59. استفاده از CSS Sprites برای بهینه سازی تصاویر
• 60. تکنیک های Lazy Loading تصاویر
• 61. CSS Best Practices برای نوشتن کد تمیز و قابل نگهداری
• 62. نامگذاری کلاس ها (Naming Conventions) : BEM و SMACSS
• 63. استفاده از CSS Reset یا Normalize.css
• 64. سازگاری CSS با مرورگرهای مختلف (Cross-Browser Compatibility)
• 65. رفع مشکلات CSS در مرورگرهای قدیمی
• 66. آزمایش CSS در دستگاه های مختلف
• 67. استفاده از Chrome DevTools برای دیباگ کردن CSS
• 68. بررسی CSS با استفاده از ابزارهای Linting
• 69. اعتبار سنجی CSS با استفاده از W3C CSS Validator
• 70. ایجاد انیمیشن های Hover جذاب برای دکمه های CTA
• 71. استفاده از Gradient Overlay برای جذاب تر کردن تصاویر
• 72. ایجاد افکت های Parallax با CSS
• 73. طراحی Card های تبلیغاتی زیبا با CSS
• 74. استایل دهی به Checkbox و Radio Button های سفارشی
• 75. ایجاد Slider های تبلیغاتی با CSS و جاوا اسکریپت
• 76. طراحی Pop-up های تبلیغاتی جذاب با CSS
• 77. استفاده از Modal ها برای نمایش اطلاعات اضافی
• 78. استایل دهی به Tooltip ها با CSS
• 79. ایجاد Notification های تبلیغاتی با CSS
• 80. استفاده از SVG در CSS برای تصاویر و آیکون ها
• 81. انیمیشن SVG با CSS
• 82. ایجاد Loading Spinner با CSS
• 83. طراحی Progress Bar با CSS
• 84. ایجاد شمارش معکوس (Countdown Timer) با CSS و جاوا اسکریپت
• 85. استفاده از CSS Variables (Custom Properties)
• 86. طراحی Dark Mode برای تبلیغات
• 87. استایل دهی به فرم های ثبت نام و ورود
• 88. استفاده از CSS clip-path برای ایجاد اشکال جالب
• 89. استفاده از CSS Masking برای مخفی کردن قسمت هایی از عناصر
• 90. ایجاد Watermark با CSS
• 91. طراحی QR Code با CSS
• 92. ایجاد لوگو با CSS
• 93. طراحی اینفوگرافیک با CSS
• 94. استفاده از CSS Counter برای شماره گذاری عناصر
• 95. طراحی Layout های مجله ای با CSS Grid
• 96. طراحی رابط کاربری برای تبلیغات در اپلیکیشن ها (WebView)
• 97. استفاده از CSS Houdini (مقدمه)
• 98. تکنیک های پیشرفته انیمیشن با CSS
• 99. بررسی و تحلیل نمونه های تبلیغاتی موفق از نظر CSS
• 100. آینده CSS در تبلیغات و روندهای جدید