فلش‌کارت‌های آموزشی ساخت وب‌سایت‌های واکنش‌گرا با بوت‌استرپ

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

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

عنوان دوره: دوره ساخت وب‌سایت‌های واکنش‌گرا با بوت‌استرپ

موضوع کلی: فناوری اطلاعات و ارتباطات

موضوع میانی: طراحی و توسعه وب

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

• 1. مقدمه‌ای بر طراحی وب واکنش‌گرا
• 2. آشنایی با بوت‌استرپ
• 3. نصب و راه‌اندازی بوت‌استرپ
• 4. ساختار پایه‌ای HTML با بوت‌استرپ
• 5. سیستم گرید بوت‌استرپ
• 6. طراحی واکنش‌گرا با گرید بوت‌استرپ
• 7. کامپوننت‌های فرم در بوت‌استرپ
• 8. عناصر فرم سفارشی در بوت‌استرپ
• 9. کامپوننت‌های ناوبری در بوت‌استرپ
• 10. منوهای کشویی و ناوبری در بوت‌استرپ
• 11. کارت‌ها و محتوای کارت در بوت‌استرپ
• 12. استفاده از کامپوننت کارت برای نمایش محتوا
• 13. جداول در بوت‌استرپ
• 14. طراحی واکنش‌گرا برای جداول
• 15. مدیا آبجکت‌ها در بوت‌استرپ
• 16. تصاویر و ویدئوها در بوت‌استرپ
• 17. کامپوننت‌های مودال در بوت‌استرپ
• 18. ایجاد پنجره‌های مودال تعاملی
• 19. کامپوننت‌های آلرت و نوتیفیکیشن
• 20. نمایش پیام‌های سیستمی با آلرت
• 21. کامپوننت‌های باتن در بوت‌استرپ
• 22. سبک‌دهی و انواع دکمه‌ها
• 23. کاربرد دکمه‌ها در فرم‌ها و تعاملات
• 24. کامپوننت‌های آیکون در بوت‌استرپ
• 25. استفاده از آیکون‌های فونت
• 26. کاربرد آیکون در رابط کاربری
• 27. کامپوننت‌های پاپ‌اور و تولتیپ
• 28. نمایش اطلاعات اضافی با پاپ‌اور
• 29. کامپوننت‌های اسلایدر و کاروسل
• 30. ایجاد اسلایدر تصاویر واکنش‌گرا
• 31. کامپوننت‌های تب و آکاردئون
• 32. سازماندهی محتوا با تب و آکاردئون
• 33. کامپوننت‌های ناوبار در بوت‌استرپ
• 34. طراحی ناوبارهای سفارشی
• 35. کامپوننت‌های پیجینیشن
• 36. نمایش صفحات در لیست‌های طولانی
• 37. کامپوننت‌های بردکرامب
• 38. نمایش مسیر ناوبری کاربر
• 39. کامپوننت‌های جوامبوترون
• 40. ایجاد بخش‌های برجسته در صفحه
• 41. کامپوننت‌های هدر و فوتر
• 42. طراحی هدر و فوتر وب‌سایت
• 43. کامپوننت‌های لایوت
• 44. استفاده از کلاس‌های لایوت بوت‌استرپ
• 45. کامپوننت‌های رنگ و پس‌زمینه
• 46. سبک‌دهی بصری با رنگ‌ها
• 47. کامپوننت‌های تایپوگرافی
• 48. استفاده از فونت‌ها و سبک‌های متنی
• 49. کامپوننت‌های اسپیسینگ (فاصله‌گذاری)
• 50. مدیریت فاصله‌ها در طراحی
• 51. کامپوننت‌های نمایش (Display)
• 52. کنترل نمایش عناصر
• 53. کامپوننت‌های فلکس‌باکس
• 54. استفاده از فلکس‌باکس برای چیدمان
• 55. کامپوننت‌های پوزیشنینگ
• 56. کنترل موقعیت عناصر
• 57. کامپوننت‌های روتبل (Rotatable)
• 58. چرخاندن عناصر
• 59. کامپوننت‌های ویژوال (Visual)
• 60. افکت‌های بصری در بوت‌استرپ
• 61. کامپوننت‌های انیمیشن
• 62. افزودن انیمیشن‌های ساده
• 63. کامپوننت‌های هور (Hover)
• 64. افکت‌های هنگام اشاره ماوس
• 65. کامپوننت‌های سه‌بعدی (3D)
• 66. افکت‌های سه‌بعدی ساده
• 67. کامپوننت‌های سایه (Shadow)
• 68. افزودن سایه به عناصر
• 69. کامپوننت‌های گالری تصاویر
• 70. ایجاد گالری واکنش‌گرا
• 71. کامپوننت‌های گرید سفارشی
• 72. ساخت شبکه‌های پیچیده
• 73. کامپوننت‌های فرم سفارشی پیشرفته
• 74. طراحی فرم‌های پیچیده
• 75. کامپوننت‌های ناوبری پیشرفته
• 76. منوهای واکنش‌گرا و پیچیده
• 77. کامپوننت‌های هدرهای سفارشی
• 78. طراحی هدرهای خلاقانه
• 79. کامپوننت‌های فوترهای سفارشی
• 80. طراحی فوترهای کاربردی
• 81. کامپوننت‌های مودال‌های سفارشی
• 82. مودال‌های با قابلیت‌های خاص
• 83. کامپوننت‌های آلرت‌های سفارشی
• 84. پیام‌های هشدار و موفقیت سفارشی
• 85. کامپوننت‌های باتن‌های سفارشی
• 86. دکمه‌های با طراحی منحصربه‌فرد
• 87. کامپوننت‌های آیکون‌های سفارشی
• 88. استفاده از مجموعه آیکون‌های دلخواه
• 89. کامپوننت‌های پاپ‌اورهای سفارشی
• 90. پاپ‌اورهای با محتوای پویا
• 91. کامپوننت‌های اسلایدرهای سفارشی
• 92. اسلایدرهای با کنترل‌های پیشرفته
• 93. کامپوننت‌های تب‌های سفارشی
• 94. تب‌های با ظاهر و عملکرد خاص
• 95. کامپوننت‌های آکاردئون‌های سفارشی
• 96. آکاردئون‌های با طراحی متفاوت
• 97. کامپوننت‌های پیجینیشن سفارشی
• 98. نمایش شماره صفحه با استایل دلخواه
• 99. کامپوننت‌های بردکرامب‌های سفارشی
• 100. مسیر ناوبری با استایل دلخواه