آموزش Bootstrap 5 Essential Training: With Projects

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

معرفی Introduction

• معرفی Introduction

• معرفی Introduction

• بررسی اجمالی دوره Course Overview

• بررسی اجمالی دوره Course Overview

معرفی Introduction

شروع شدن Getting Started

• راه اندازی محیط ویندوز Setup Windows Environment

• راه اندازی محیط ویندوز Setup Windows Environment

• محیط MacOS را راه اندازی کنید Setup MacOS Environment

• محیط MacOS را راه اندازی کنید Setup MacOS Environment

• راه اندازی محیط لینوکس Setup Linux Environment

• میانبرهای صفحه کلید VS Code VS Code Keyboard Shortcuts

شروع شدن Getting Started

• راه اندازی محیط لینوکس Setup Linux Environment

• میانبرهای صفحه کلید VS Code VS Code Keyboard Shortcuts

بررسی اجمالی پروژه Project Overview

• ایجاد صفحه فرود Creating a Landing Page

• ایجاد صفحه فرود Creating a Landing Page

• ایجاد یک ورود از Creating a Login From

• پروژه بوت استرپ و SASS Bootstrap & SASS Project

• پروژه آژانس با بوت استرپ و SASS Agency Project with Bootstrap & SASS

بررسی اجمالی پروژه Project Overview

• ایجاد یک ورود از Creating a Login From

• پروژه بوت استرپ و SASS Bootstrap & SASS Project

• پروژه آژانس با بوت استرپ و SASS Agency Project with Bootstrap & SASS

مبانی بوت استرپ 5 Fundamentals of Bootstrap 5

• راه اندازی محیط Environment Setup

• پشتیبانی مرورگر Browser Support

• پشتیبانی مرورگر Browser Support

• نحوه کار بوت استرپ How Bootstrap Work

• نحوه کار بوت استرپ How Bootstrap Work

• رنگ و سفارشی سازی Color & Customization

• نقاط شکست Breakpoints

• نقاط شکست Breakpoints

• ظروف Containers

• توری Grid

• توری Grid

• ستون ها Columns

• ناودان Gutters

• ناودان Gutters

• راه اندازی مجدد Reboot

• تایپوگرافی Typography

• تایپوگرافی Typography

• تصویر Image

• جدول Table

• جدول Table

• تشکیل می دهد Forms

• آکاردئون Accordion

• آکاردئون Accordion

• هشدارها Alerts

• دکمه ها Buttons

• نشان Badge

• نشان Badge

• کارت Card

• چرخ فلک Carousel

• چرخ فلک Carousel

• نوار ناوبری Navbar

• نوار ناوبری Navbar

• صفحه بندی Pagination

• تغییر رنگ در بوت استرپ با SASS Changing Colors on Bootstrap with SASS

مبانی بوت استرپ 5 Fundamentals of Bootstrap 5

• راه اندازی محیط Environment Setup

• رنگ و سفارشی سازی Color & Customization

• ظروف Containers

• ستون ها Columns

• راه اندازی مجدد Reboot

• تصویر Image

• تشکیل می دهد Forms

• هشدارها Alerts

• دکمه ها Buttons

• کارت Card

• صفحه بندی Pagination

• تغییر رنگ در بوت استرپ با SASS Changing Colors on Bootstrap with SASS

05. آیکون های بوت استرپ 05. Bootstrap Icons

• آیکون های بوت استرپ Bootstrap Icons

• جایگزین آیکون بوت استرپ Bootstrap Icon Alternative

• جایگزین آیکون بوت استرپ Bootstrap Icon Alternative

• یکی دیگر از نمادهای بوت استرپ جایگزین Another Bootstrap Icon Alternative

05. آیکون های بوت استرپ 05. Bootstrap Icons

• آیکون های بوت استرپ Bootstrap Icons

• یکی دیگر از نمادهای بوت استرپ جایگزین Another Bootstrap Icon Alternative

Bootstrap 5 Project One Bootstrap 5 Project One

• آماده سازی اولیه Basic Preparation

• منطقه ناوبری هدر Header Navigation Area

• منطقه ناوبری هدر Header Navigation Area

• منطقه چرخ فلک Carousel Area

• منطقه چرخ فلک Carousel Area

• درباره منطقه About Area

• درباره منطقه About Area

• منطقه کار Work Area

• با ما تماس بگیرید Contact Us

• منطقه پاورقی Footer Area

• Scrollspy Scrollspy

• Scrollspy Scrollspy

• بررسی پاسخگو Responsive Check

• بررسی پاسخگو Responsive Check

• پروژه نهایی Final Project

• پروژه نهایی Final Project

Bootstrap 5 Project One Bootstrap 5 Project One

• منطقه کار Work Area

• با ما تماس بگیرید Contact Us

• منطقه پاورقی Footer Area

پروژه دوم بوت استرپ 5 Bootstrap 5 Project Two

• با استفاده از Bootstrap 5 یک فرم ورود ایجاد کنید Create a login form using Bootstrap 5

• با استفاده از Bootstrap 5 یک فرم ورود ایجاد کنید Create a login form using Bootstrap 5

پروژه دوم بوت استرپ 5 Bootstrap 5 Project Two

پروژه بوت استرپ 5 و SASS Bootstrap 5 & SASS Project

• 01. آماده سازی SASS Ready Machine 01. Preparing SASS Ready Machine

• 01. آماده سازی SASS Ready Machine 01. Preparing SASS Ready Machine

• 02. شروع به کار - مجموعه مواد 02. Getting Started - Materials Collection

• 03. ایجاد ناحیه سربرگ بالا 03. Creating Top Header Area

• 03. ایجاد ناحیه سربرگ بالا 03. Creating Top Header Area

• 04. ایجاد ناحیه سرصفحه 04. Creating Header Area

• 05. ایجاد ناحیه قهرمان با مدال 05. Creating Hero Area With Modal

• 06. ایجاد بخش خدمات با کارت 06. Creating Service Section with Card

• 07. ایجاد منطقه تجزیه و تحلیل 07. Creating Analysis Area

• 08. ایجاد منطقه تیمی 08. Creating Team Area

• 09. ایجاد منطقه پرسش و پاسخ 09. Creating FAQ Area

• 10. ایجاد منطقه تماس 10. Creating Contact Area

• 10. ایجاد منطقه تماس 10. Creating Contact Area

• 11. ایجاد منطقه پاورقی 11. Creating Footer Area

• 11. ایجاد منطقه پاورقی 11. Creating Footer Area

• 12. رفع پاسخگو 12. Responsive Fixing

پروژه بوت استرپ 5 و SASS Bootstrap 5 & SASS Project

• 02. شروع به کار - مجموعه مواد 02. Getting Started - Materials Collection

• 04. ایجاد ناحیه سرصفحه 04. Creating Header Area

• 05. ایجاد ناحیه قهرمان با مدال 05. Creating Hero Area With Modal

• 06. ایجاد بخش خدمات با کارت 06. Creating Service Section with Card

• 07. ایجاد منطقه تجزیه و تحلیل 07. Creating Analysis Area

• 08. ایجاد منطقه تیمی 08. Creating Team Area

• 09. ایجاد منطقه پرسش و پاسخ 09. Creating FAQ Area

• 12. رفع پاسخگو 12. Responsive Fixing

ایجاد پروژه با بوت استرپ سفارشی و SASS Creating a project with custom bootstrap and SASS

• آماده سازی اولیه Basic Preparation

• آماده سازی اولیه Basic Preparation

• ایجاد بخش Navbar Creating Navbar Section

• ایجاد بخش Navbar Creating Navbar Section

• ایجاد چرخ فلک Creating Carousel

• ایجاد بخش درباره Creating About Section

• ایجاد بخش خدمات Creating Service Section

• ایجاد بخش خدمات Creating Service Section

• ایجاد بخش پروژه Creating Project Section

• ایجاد بخش تیم Creating Team Section

• ایجاد منطقه خبرنامه Creating Newsletter Area

• ایجاد منطقه خبرنامه Creating Newsletter Area

• ایجاد بخش پاورقی Creating Footer Section

• رفع پاسخگو Responsive Fixing

ایجاد پروژه با بوت استرپ سفارشی و SASS Creating a project with custom bootstrap and SASS

• آماده سازی اولیه Basic Preparation

• ایجاد چرخ فلک Creating Carousel

• ایجاد بخش درباره Creating About Section

• ایجاد بخش پروژه Creating Project Section

• ایجاد بخش تیم Creating Team Section

• ایجاد بخش پاورقی Creating Footer Section

• رفع پاسخگو Responsive Fixing

نکات و ترفندها Tips and Tricks

• اشتباهات رایج بوت استرپ برای جلوگیری از Common Bootstrap Mistakes To Avoid

• اشتباهات رایج بوت استرپ برای جلوگیری از Common Bootstrap Mistakes To Avoid

نکات و ترفندها Tips and Tricks

بعد چه می شود؟ What's Next?

• چه خبر بعدی What's Next

بعد چه می شود؟ What's Next?

• چه خبر بعدی What's Next