فلش‌کارت‌های آموزشی ساخت دکمه‌های نئونی و بازتاب‌دار با CSS

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

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

عنوان دوره: دوره ساخت دکمه‌های نئونی و بازتاب‌دار با CSS

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

موضوع میانی: جلوه‌های بصری در طراحی وب با CSS

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

• 1. مقدمه‌ای بر طراحی وب و CSS
• 2. آشنایی با ساختار HTML
• 3. اصول اولیه CSS
• 4. انتخابگرهای CSS (Selectors)
• 5. ویژگی‌های CSS (Properties)
• 6. مقادیر CSS (Values)
• 7. واحدها در CSS (Units)
• 8. رنگ‌ها در CSS (Colors)
• 9. پس‌زمینه‌ها در CSS (Backgrounds)
• 10. متن و تایپوگرافی در CSS (Text & Typography)
• 11. قواعد جعبه‌ای در CSS (Box Model)
• 12. حاشیه‌ها در CSS (Margins)
• 13. فاصله‌ها در CSS (Paddings)
• 14. کادربندی در CSS (Borders)
• 15. اندازه‌ها در CSS (Dimensions)
• 16. نمایش عناصر در CSS (Display Property)
• 17. موقعیت‌دهی عناصر در CSS (Positioning)
• 18. شناور کردن عناصر در CSS (Floats)
• 19. تراز کردن متن و عناصر
• 20. ایجاد طرح‌بندی با Flexbox
• 21. اصول Flexbox: کانتینر و آیتم‌ها
• 22. جهت‌دهی در Flexbox
• 23. ترازبندی در Flexbox
• 24. بسته‌بندی در Flexbox
• 25. انعطاف‌پذیری آیتم‌ها در Flexbox
• 26. ایجاد طرح‌بندی با Grid
• 27. اصول Grid: کانتینر و آیتم‌ها
• 28. تعریف ردیف‌ها و ستون‌ها در Grid
• 29. ترازبندی در Grid
• 30. فضای خالی در Grid
• 31. لایه‌بندی با Grid
• 32. انتقال‌ها در CSS (Transitions)
• 33. تنظیمات انتقال
• 34. تأخیر در انتقال
• 35. تبدیل‌ها در CSS (Transforms)
• 36. تبدیل‌های دوبعدی
• 37. تبدیل‌های سه‌بعدی
• 38. انیمیشن‌ها در CSS (Animations)
• 39. ایجاد کلیدواژه‌ها (Keyframes)
• 40. تنظیمات انیمیشن
• 41. ترکیب انتقال‌ها و انیمیشن‌ها
• 42. ایجاد جلوه‌های نئونی با CSS
• 43. تنظیم رنگ نئونی
• 44. اضافه کردن درخشش به دکمه
• 45. تکنیک‌های سایه‌زنی برای افکت نئون
• 46. ایجاد افکت بازتاب (Reflection)
• 47. استفاده از گرادیان برای بازتاب
• 48. تنظیم شفافیت بازتاب
• 49. تکنیک‌های پیشرفته بازتاب
• 50. طراحی دکمه‌های ریسپانسیو
• 51. سازگاری با دستگاه‌های مختلف
• 52. استفاده از Media Queries
• 53. تنظیمات فونت برای صفحات واکنش‌گرا
• 54. تنظیم چیدمان برای صفحات واکنش‌گرا
• 55. بهینه‌سازی تصاویر در وب
• 56. استفاده از SVG برای آیکون‌ها
• 57. اصول دسترسی‌پذیری در طراحی وب (Accessibility)
• 58. استفاده از ARIA Attributes
• 59. تست دسترسی‌پذیری
• 60. مقدمه‌ای بر فریم‌ورک‌های CSS
• 61. کار با Bootstrap
• 62. کار با Tailwind CSS
• 63. مقایسه فریم‌ورک‌ها
• 64. مبانی طراحی رابط کاربری (UI Design)
• 65. اصول بصری در UI
• 66. رنگ‌شناسی در UI
• 67. تایپوگرافی در UI
• 68. فضای سفید در UI
• 69. هیرارکی بصری
• 70. اصول تجربه کاربری (UX Design)
• 71. چرخه عمر UX
• 72. تحقیق کاربر
• 73. طراحی پروتوتایپ
• 74. تست کاربر
• 75. اصول طراحی فرم‌ها
• 76. اعتبارسنجی فرم‌ها
• 77. بهبود تجربه کاربری فرم‌ها
• 78. مقدمه‌ای بر JavaScript در فرانت‌اند
• 79. تعاملات اولیه با JavaScript
• 80. دستکاری DOM با JavaScript
• 81. رویدادها در JavaScript
• 82. انیمیشن‌های پیشرفته با JavaScript
• 83. مقدمه‌ای بر ابزارهای توسعه وب
• 84. استفاده از DevTools مرورگر
• 85. مدیریت پروژه با Git
• 86. مقدمه‌ای بر CI/CD در فرانت‌اند
• 87. اصول بهینه‌سازی عملکرد وب
• 88. فشرده‌سازی فایل‌ها
• 89. بارگذاری تنبل (Lazy Loading)
• 90. کش کردن منابع
• 91. مقدمه‌ای بر انواع طراحی وب
• 92. طراحی وب مینیمال
• 93. طراحی وب مدرن
• 94. طراحی وب کلاسیک
• 95. اصول طراحی UI Kit
• 96. ساخت کامپوننت‌های UI
• 97. استانداردسازی طراحی
• 98. مقدمه‌ای بر امنیت در فرانت‌اند
• 99. جلوگیری از حملات XSS
• 100. امنیت کوکی‌ها