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

Bootstrap 5 Essential Training : With Projects

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: در Bootstrap 5 استاد شوید و پروژه های واقعی را با بهترین تمرین بسازید. جدیدترین چارچوب Bootstrap v5 را یاد خواهید گرفت ابزارها، کلاس ها، اجزا و ابزارک های JS Bootstrap 5 را یاد بگیرید طراحی و توسعه قالب های Bootstrap 5 خود را از ابتدا یاد بگیرید نحوه کار با واکنش گرا را بیاموزید. تصاویر کد منبع قابل دانلود پیش نیازها: شما باید دانش HTML و CSS خوبی داشته باشید نیازی به دانستن هیچ دانش بوت استرپ 3 یا بوت استرپ 4 نیستید ویرایشگر کد و مرورگر شما نیازی به تجربه قبلی با بوت استرپ (یا هیچ چارچوب دیگری) ندارید. .

به Bootstrap 5 Essential Training: With Projects خوش آمدید. در این دوره گام به گام بوت استرپ 5 را یاد می گیرید. پس از تکمیل مجموعه، چند پروژه ایجاد خواهم کرد تا بدانید چگونه با مهارت ها پروژه ایجاد کنید، و اگر چیزی را در دوره از دست دادم، پروژه را نیز پوشش می دهد. همیشه بعد از یادگیری مهارت ها باید پروژه هایی برای یادگیری قوی ایجاد کنیم. این دوره تمام بخش‌های مختلف آخرین نسخه از محبوب‌ترین فریم ورک فرانت‌اند جهان، Bootstrap 5 را پوشش می‌دهد. در میلیون‌ها وب‌سایت در سراسر جهان استفاده شده است و با دقت توسعه داده شده است تا طیف گسترده‌ای از رابط‌های کاربری معمولی را پوشش دهد.

برای راه اندازی بوت استرپ، به دانش اولیه HTML و CSS نیاز دارید و اگر جاوا اسکریپت را بلد باشید عالی خواهد بود اما اجباری نیست. برای یادگیری Bootstrap 5، نیازی به یادگیری فناوری های قدیمی مانند v4 یا v3 ندارید.

در این دوره آموزشی، ابزارهای Bootstrap 5، کلاس‌ها، اجزای ویجت‌های JS را یاد می‌گیرید، می‌توانید یک پروژه از ابتدا ایجاد کنید.

من همچنین همه منابع را آپلود کردم، اگر آنها را در هر جایی انباشته کنید، می توانید آنها را بررسی کنید. پس برای چی منتظری؟ ثبت نام کنید و محبوب ترین فریم ورک فرانت اند Bootstrap در جهان را بیاموزید.


دوره آموزشی من برای کمک به شما در کسب تجربه عملی و واقعی با Bootstrap طراحی شده است. با ایجاد پروژه های زیبا که پتانسیل کامل این چارچوب محبوب را به نمایش می گذارد، یاد خواهید گرفت. در پایان دوره، درک جامعی از مفاهیم اصلی Bootstrap خواهید داشت و آماده خواهید بود که پروژه های خود را به راحتی ایجاد کنید.

با تمرکز بر پروژه ها، به سرعت متوجه خواهید شد که یادگیری Bootstrap چقدر هیجان انگیز و سرگرم کننده است. شما مهارت ها و اعتماد به نفس لازم برای ایجاد وب سایت های پویا و واکنش گرا را به دست خواهید آورد که در هر دستگاهی عالی به نظر می رسند.

این فرصت را برای یادگیری Bootstrap از دست ندهید و مهارت های توسعه وب خود را به سطح بعدی ارتقا دهید. امروز در دوره من ثبت نام کنید و شروع به ایجاد پروژه های خیره کننده کنید که قدرت و انعطاف پذیری Bootstrap را به نمایش می گذارد!


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

معرفی Introduction

معرفی Introduction

  • معرفی Introduction

  • معرفی Introduction

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

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

شروع شدن Getting Started

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

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

شروع شدن 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

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

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

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

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

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

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

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

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

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

  • پروژه آژانس با بوت استرپ و SASS Agency Project with Bootstrap & 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

مبانی بوت استرپ 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

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

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

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

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

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

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

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

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

Bootstrap 5 Project One Bootstrap 5 Project One

  • منطقه کار Work Area

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

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

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

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

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

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

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

پروژه بوت استرپ 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

پروژه بوت استرپ 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

ایجاد پروژه با بوت استرپ سفارشی و 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

ایجاد پروژه با بوت استرپ سفارشی و 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

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

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

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

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

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

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

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

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

نمایش نظرات

آموزش Bootstrap 5 Essential Training: With Projects
جزییات دوره
7 hours
71
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
2,502
4.4 از 5
دارد
دارد
دارد
Ali Hossain
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Ali Hossain Ali Hossain

توسعه دهنده وب و معلم آنلاین