آموزش مبانی بوت استرپ (Bootstrap Foundations) - آخرین آپدیت

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

شروع کار با بوت‌استرپ Getting Started with Bootstrap

• معرفی دوره Course Introduction

• دمو: بررسی وب‌سایت نهایی Demo: Looking at the Finished Website

• سلام بوت‌استرپ Hello Bootstrap

• افزودن بوت‌استرپ به سایت Adding Bootstrap to the Site

• دمو: بررسی فایل‌های بوت‌استرپ Demo: Exploring the Bootstrap Files

طراحی لایه‌بندی صفحه با سیستم گرید بوت‌استرپ Creating a Page Layout with the Bootstrap Grid System

• درک سیستم گرید بوت‌استرپ Understanding the Bootstrap Grid System

• دمو: درک مفهوم گرید Demo: Understanding the Grid

• کار با ترتیب و فاصله‌گذاری در گرید Working with Order and Spacing in the Grid

• دمو: کار با ستون‌ها Demo: Working with Columns

• دمو: ریسپانسیو کردن صفحه جزئیات Demo: Making the Detail Page Responsive

استایل‌دهی با بوت‌استرپ Adding Style with Bootstrap

• کار با متن و تایپوگرافی Working with Text and Typography

• دمو: کار با فونت و متن Demo: Working with Type and Text

• دمو: اعمال استایل‌ها روی جداول Demo: Applying Styles on Tables

• دمو: کار با تصاویر Demo: Working with Images

• افزودن کلاس‌های استایل لایه‌بندی Adding Layout Style Classes

• دمو: افزودن کلاس‌های استایل Demo: Adding Style Classes

• استفاده از آیکون‌های بوت‌استرپ Using Bootstrap Icons

• دمو: استفاده از آیکون‌های بوت‌استرپ Demo: Using Bootstrap Icons

• کار با رنگ‌های بوت‌استرپ Working with Bootstrap Colors

• دمو: کار با رنگ‌های بوت‌استرپ Demo: Working with Bootstrap Colors

توسعه سایت با استفاده از کامپوننت‌های بوت‌استرپ Extending the Site Using Bootstrap Components

• درک کامپوننت‌های بوت‌استرپ Understanding Bootstrap Components

• دمو: استفاده از کامپوننت Progress Demo: Using the Progress Component

• افزودن کامپوننت‌ها به صفحه Adding Components to Our Page

• دمو: افزودن منوی ناوبری به سایت Demo: Adding Navigation to the Site

• دمو: پیاده‌سازی کامپوننت Breadcrumb Demo: Bringing in a Breadcrumb Component

• دمو: ساخت صفحه اصلی Demo: Creating the Home Page

• استفاده از کامپوننت Card بوت‌استرپ Using the Bootstrap Card Component

• دمو: استفاده از کارت در صفحه لیست Demo: Using the Card in the List Page

• استفاده از کامپوننت‌های تعاملی Using Interactive Components

• دمو: افزودن Dropdown در نوار ناوبری Demo: Adding the Dropdown in the navbar

• دمو: افزودن کامپوننت Collapse Demo: Adding the Collapse Component

ساخت فرم‌ها با کامپوننت‌های بوت‌استرپ Creating Forms with Bootstrap Components

• بررسی فرم‌ها در بوت‌استرپ Exploring Forms with Bootstrap

• دمو: ساخت اولین فرم Demo: Creating a First Form

• استفاده از لایه‌بندی فرم Using a Form Layout

• دمو: اعمال لایه‌بندی‌های مختلف فرم Demo: Applying Different Form Layouts

• استفاده از کامپوننت‌های فرم بوت‌استرپ Using the Bootstrap Form Components

• دمو: آشنایی با کامپوننت‌های فرم Demo: Discovering the Form Components

• دمو: ساخت فرم کامل Demo: Creating the Complete Form

• افزودن اعتبارسنجی فرم Adding Form Validation

• دمو: افزودن اعتبارسنجی فرم Demo: Adding Form Validation

• جمع‌بندی و پایان دوره Course Closing