دوره آموزش Bootstrap 5 همراه با فلش‌کارت آموزشی — ارائه روی فلش مموری

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

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

عنوان دوره: دوره آموزش Bootstrap 5

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

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

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

• 1. مقدمه ای بر دوره Bootstrap 5
• 2. تاریخچه و اهمیت Bootstrap
• 3. نصب و راه‌اندازی Bootstrap 5
• 4. ساختار فایل‌ها و پوشه‌های Bootstrap
• 5. شروع کار با HTML و Bootstrap
• 6. معرفی کلاس‌های پایه Bootstrap
• 7. استفاده از سیستم Grid در Bootstrap
• 8. تنظیمات Grid: Columns, Rows, Containers
• 9. ریسپانسیو کردن وب‌سایت با Grid
• 10. استفاده از کلاس‌های Margin و Padding
• 11. کار با Typography در Bootstrap
• 12. استفاده از کلاس‌های Headings, Paragraphs, Text
• 13. تغییر فونت و استایل متن
• 14. کار با رنگ‌ها و کلاس‌های رنگی در Bootstrap
• 15. استفاده از کلاس‌های Background و Border
• 16. استفاده از کلاس‌های Utility برای متن و رنگ
• 17. معرفی Component ها در Bootstrap
• 18. استفاده از Buttons در Bootstrap
• 19. انواع دکمه‌ها و استایل‌دهی به آن‌ها
• 20. کار با Forms در Bootstrap
• 21. ایجاد فرم‌های ورودی با Bootstrap
• 22. استفاده از Form Control ها: Input, Select, Textarea
• 23. اعتبار سنجی فرم با Bootstrap
• 24. کار با Images در Bootstrap
• 25. تنظیم اندازه و استایل تصاویر
• 26. استفاده از Responsive Images
• 27. کار با Alerts در Bootstrap
• 28. ایجاد پیام‌های هشدار و اطلاع‌رسانی
• 29. استایل‌دهی به Alerts
• 30. کار با Badges و Labels
• 31. استفاده از Cards در Bootstrap
• 32. ساخت Card های مختلف: Header, Body, Footer
• 33. استفاده از Card Groups و Card Decks
• 34. کار با Tables در Bootstrap
• 35. ایجاد جدول‌های زیبا و ریسپانسیو
• 36. استفاده از Table Variants
• 37. کار با Navigation Bar در Bootstrap
• 38. ایجاد منوهای ناوبری
• 39. استفاده از Navbar Components
• 40. کار با Dropdowns در Bootstrap
• 41. ایجاد منوهای کشویی
• 42. استفاده از Dropdown Events
• 43. کار با Pagination در Bootstrap
• 44. ایجاد صفحات شماره‌گذاری شده
• 45. استفاده از Pagination Variants
• 46. کار با Modals در Bootstrap
• 47. ایجاد پنجره‌های Modal
• 48. استفاده از Modal Events
• 49. کار با Carousels در Bootstrap
• 50. ایجاد اسلایدر تصاویر
• 51. تنظیمات و سفارشی‌سازی Carousel
• 52. کار با Tooltips و Popovers
• 53. ایجاد راهنماهای متنی
• 54. استفاده از Tooltips و Popovers
• 55. کار با Toasts در Bootstrap
• 56. ایجاد اعلان‌های Toast
• 57. استفاده از Toast Events
• 58. کار با Offcanvas در Bootstrap
• 59. ایجاد پنل‌های Offcanvas
• 60. استفاده از Offcanvas Events
• 61. کار با Accordions در Bootstrap
• 62. ایجاد Accordion ها
• 63. استفاده از Accordion Events
• 64. معرفی Sass در Bootstrap
• 65. نصب و راه‌اندازی Sass
• 66. استفاده از متغیرها و Mixins در Sass
• 67. سفارشی‌سازی Bootstrap با Sass
• 68. استفاده از Theme Customization در Bootstrap
• 69. Override کردن استایل‌های Bootstrap
• 70. استفاده از CSS Custom Properties
• 71. کار با JavaScript در Bootstrap
• 72. نحوه استفاده از JavaScript Bootstrap
• 73. کار با Data Attributes
• 74. استفاده از Event Listeners
• 75. کار با Utilities در Bootstrap
• 76. استفاده از Display Utilities
• 77. استفاده از Position Utilities
• 78. استفاده از Spacing Utilities
• 79. استفاده از Sizing Utilities
• 80. استفاده از Text Utilities
• 81. استفاده از Vertical Alignment Utilities
• 82. استفاده از رنگ‌های سفارشی
• 83. ایجاد فرم‌های پیشرفته‌تر با Bootstrap
• 84. استفاده از Form Validation
• 85. کار با Form Layout ها
• 86. آشنایی با Bootstrap Icons
• 87. استفاده از Bootstrap Icons در پروژه
• 88. استفاده از JavaScript Plugins در Bootstrap
• 89. کار با Collapse
• 90. کار با Scrollspy
• 91. کار با Tab
• 92. کار با Toast (بررسی مجدد و عمیق‌تر)
• 93. کار با Tooltip (بررسی مجدد و عمیق‌تر)
• 94. کار با Popover (بررسی مجدد و عمیق‌تر)
• 95. بهینه سازی وب سایت با Bootstrap
• 96. بهبود عملکرد وب سایت
• 97. استفاده از Lazy Loading
• 98. بهینه سازی تصاویر برای Bootstrap
• 99. بررسی Accessibility در Bootstrap
• 100. اصول طراحی accessible