آموزش طراحی قالب سایت با بوت استرپ

اصول اولیه طراحی سایت _ بخش های مختلف سایت با استفاده از تگ های Html _ نحوه قالب بندی تگ های Html با استفاده از style sheet ها

برسی امکانات قابل دسترسی وب سایت بوت استرپ _ نصب و راه اندازی bootstrap 5  یا نسخه بالاتر _ بکارگیری بوت استرپ راستچین شده جهت طراحی سایت و چیدمان عناصر بصورت راستچین

مفاهیم اولیه breakpoint ها_ مفاهیم اولیه container _ مفاهیم اصولی Grid _مفاهیم اطولی gutter  ، column

استفاده و بکار گیری container ها در بوت استرپ _ استفاده و بکارگیری نقاط شکست ( breakpoints ) در بوت استرپ جهت رسپانسیو کردن صفحات  _ طراحی و چیدمان عناصر با استفاده از columns در بوت استرپ _ کار با gutters در بوت استرپ جهت ایجاد یک فضای خالی بین عناصر _ کار با Grib جهت طراحی سایت و چیدمان عناصر ( تگهای Html )

تگ های مرتبط با متن و پاراگراف _ جدول و عناصر مرتبط _ تصاویر و اشکال مختلف _ رنگها و نحوه بکارگیری آن

بکارگیری و استفاده از Typography در بوت استرپ _ بکارگیری و استفاده از Table در بوت استرپ _ بکارگیری و استفاده از colors در بوت استرپ

مفاهیم اولیه فرم و کنترل فرم _ انواع Input در فرم _ مفهوم اعتبار سنجی فرم _ نحوه قالب بندی فرم

طراحی Form و چیدمان (layout ) آن در بوت استرپ _ کار با select ، Range ، Dropdown در فرم با استفاده از بوت استرپ _ کار با check Box ، Radio و Button در فرم با استفاده از بوت استرپ_ استفاده از Input Group و فرم validation در بوت استرپ

فاصله گذاری ، رنگ و پس زمینه در Html _ نحوه ویژگی های border  ، shadow ،display  برای عناصر Html _ مفهوم Font Awesome  

استفاده و بکارگیری color and background برای عناصر Html در بوت استرپ_ اعمال کردن shadow ،   display ، border  به عناصر Html در بوت استرپ_ استفاده و بکارگیری spacing ، interaction و overflow در بوت استرپ_ استفاده از Alert ، Text در بوت استرپ_ دانلود Font Awesome ، کار با فونت آیکون و اضافه کردن آن به پروژه

نحوه چیدمان عناصر Html درون صفحه وب با استفاده از position ،  Flex Box _ نحوه چیدمان عناصر Html درون صفحه وب با استفاده از Display ،  Float

طراحی به کارگیری Display  و float در بوت استرپ _ طراحی و به کارگیری Flex Box و  position در بوت استرپ_ طراحی و بکارگیری Vertical Align و sizing در بوت استرپ

تگ های a ، li  ، ul در Html جهت طراحی منو _ نحوه css تغییر آن همراه با رویداد های ماوس _ نحوه نمایش و چیدمان المان ها داخل صفحه وب به کمک css

طراحی و پیاده سازی Nav bar در بوت استرپ _ طراحی و پیاده سازی Tabs در بوت استرپ _ طراحی و پیاده سازی Model در بوت استرپ _ طراحی و پیاده سازی card در بوت استرپ

نوار پیشرفت در زمان نمایش سایت _ نحوه صفحه بندی جهت نمایش محتوای سایت _ درک مفهوم Tooltip  برای بخش هایی از سایت

به کارگیری و استفاده از pagination در بوت استرپ _ به کارگیری و استفاده از progress Bar در بوت استرپ _ به کارگیری و استفاده از spinner و Tooltip در بوت استرپ