آموزش بوت‌استرپ: ساخت اپلیکیشن‌های وب تعاملی و ریسپانسیو - آخرین آپدیت

سرفصل ها و درس ها

معرفی دوره و آماده‌سازی اپلیکیشن وب Course Overview and Web App Setup

• معرفی کلی دوره Course Overview

• نصب و راه‌اندازی بوت‌استرپ Setting up Bootstrap

تسلط بر چیدمان‌های ریسپانسیو با گرید بوت‌استرپ Mastering Responsive Layouts with the Bootstrap Grid

• شروع کار با گرید ۱۲ ستونی Getting Started with the 12-column Grid

• کنترل اندازه ستون‌ها و چیدمان‌های ریسپانسیو Controlling Column Sizes and Responsive Layouts

• نقاط شکست (Breakpoints) و اندازه‌ها در بوت‌استرپ Bootstrap Breakpoints and Sizes

• ساخت نوار لوگو Creating Our Logo Bar

• تکنیک‌های پیشرفته گرید Advanced Grid Techniques

بهبود طراحی با تایپوگرافی، ابزارهای کاربردی و استایل‌دهی پیشرفته Enhancing Design with Typography, Utilities, and Advanced Styling

• تایپوگرافی و ابزارهای کاربردی متن Typography and Text Utilities

• ابزارهای استایل‌دهی و فاصله‌گذاری بوت‌استرپ Bootstrap Style and Spacing Utilities

• استایل‌دهی سفارشی و بازنویسی CSS Custom Styling and CSS Overrides

• افزودن ردیف‌های بیشتر Adding More Rows

افزودن تعامل با کامپوننت‌های جاوااسکریپتی بوت‌استرپ Adding Interactivity with JavaScript-based Bootstrap Components

• استفاده از کامپوننت‌های جاوااسکریپتی بوت‌استرپ Using Bootstrap’s JavaScript Components

• افزودن و شخصی‌سازی مودال‌ها Adding and Customizing Modals

• ویژگی‌های پیشرفته مودال Advanced Modal Features

• ساخت مودال‌های قابل استفاده مجدد Reusable Modals

• ساخت یک کاروسل تعاملی Building an Interactive Carousel

• شخصی‌سازی و کنترل‌های کاروسل Carousel Customization and Controls

• دراپ‌داون‌ها برای ناوبری و عملیات Dropdowns for Navigation and Actions

اتمام اپلیکیشن وب و گام‌های بعدی Finalizing Our Web App and Next Steps

• ساخت لیست محصولات ریسپانسیو Building a Responsive Product Listing

• تکمیل فروشگاه Carved Rock Fitness Finalizing the Carved Rock Fitness Store

• جمع‌بندی و گام‌های بعدی Conclusion and Next Steps