آموزش پروژه محور بوت‌استرپ bootstrap 5.2

500.000 تومان

بوت‌استرپ (Bootstrap) یک چارچوب توسعه و طراحی وب متن‌باز است که توسط توییتر (Twitter) توسعه داده شده است. این چارچوب ابزارها، قالب‌ها، کدهای CSS و جاوااسکریپت را فراهم می‌کند که به توسعه‌دهندگان و طراحان وب کمک می‌کند تا وب‌سایت‌های ریسپانسیو، جذاب و قابل استفاده با استفاده از کمترین تلاش ایجاد کنند.

تعداد جلسات : 10 | تعداد ساعات آموزش : 07:00:00

توضیحات

برخی ویژگی‌ها و مزایای بوت‌استرپ عبارتند از:

1. ریسپانسیو:

بوت‌استرپ از سیستم گریدی قوی برای ساخت وب‌سایت‌های ریسپانسیو استفاده می‌کند، به این معنی که وب‌سایت‌ها به طور خودکار و در اندازه‌های مختلف صفحات (مانند تلفن‌همراه، تبلت، دسکتاپ) به خوبی نمایش داده می‌شوند.

2. کامپوننت‌های پیش‌ساخته:

بوت‌استرپ دارای کمک‌کننده‌ها و المان‌های طراحی پیش‌ساخته مانند ناوبارها، جعبه‌ها (کارت‌ها)، فرم‌ها، دکمه‌ها، تب‌ها و … است که به توسعه‌دهندگان کمک می‌کند به راحتی اجزا را ایجاد و ترتیب دهند.

3. توجه به طراحی رابط کاربری (UI):

بوت‌استرپ به طراحی رابط کاربری حساس است و طراحی‌های پیش‌فرض و زیبا را فراهم می‌کند که به تازه‌واردان و توسعه‌دهندگان کمک می‌کند ظاهر حرفه‌ای و جذابی را بدون نیاز به تخصص طراحی ایجاد کنند.

4. سفارشی‌سازی:

اگرچه بوت‌استرپ دارای طراحی‌های پیش‌فرض است، اما شما می‌توانید ظاهر و استایل المان‌ها و قالب‌های بوت‌استرپ را با استفاده از CSS سفارشی‌سازی کنید.

5. تطبیق‌پذیری بالا:

بوت‌استرپ برای توسعه وب‌سایت‌ها و برنامه‌های تحت وب با توجه به استانداردهای مدرن و بهترین شیوه‌های توسعه طراحی شده است.

6. پشتیبانی از مرورگرها:

بوت‌استرپ به طور گسترده‌ای در مرورگرهای مختلف تست شده است و به خوبی در مرورگرهای معتبر به کار می‌رود.

در کل، بوت‌استرپ یک ابزار قدرتمند و منعطف برای توسعه و طراحی وب‌سایت‌هاست که به توسعه‌دهندگان امکان می‌دهد به سرعت وب‌سایت‌هایی با ظاهری زیبا و ریسپانسیو ایجاد کنند.

 


 

00:39:20

  • breakpoints
  • Grid
  • Columns
  • row

00:45:53

  • container
  • images
  • table
  • formControl

00:37:37

  • form input
  • checkbox and radio
  • accordion component

00:36:31

  • carousel slider
  • dropdown
  • list group

00:46:45

  • alert with dismiss
  • display grid
  • css badge
  • btn class and btn group
  • pagination class
  • card class

00:50:13

  • modal
  • offcanvas
  • tabs
  • tooltips
  • progressbar

00:33:00

  • create navbar bootstrap
  • start project template with bootstrap

00:42:29

  • template with bootstrap part 2

00:31:06

  • template with bootstrap part 3

00:19:45

  • template with bootstrap part 4

  1. tavakkolimohammadhosseiin

    فوق العاده . یکی از بهترین اساتید توی حوزه طراحی سایت

    • mytag_6166

      موفق باشین

دیدگاه خود را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *