خانه بلاگ محصولات


بسته آموزشی Bootstrap 4 687  

نویسنده: پیام حیاتی

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب به صورت رسپانسیو یا واکنش گرا است که شامل دستورات HTML ، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز می باشد. در نسخه 4 این فریم ورک قابلیت های کاربردی دیگری اضافه شده است که در این مجموعه آموزشی به آن ها می پردازیم.

بسته آموزشی Bootstrap 4

Bootstrap مجموعه ای از ابزارهای رایگان برای ایجاد صفحات وب به صورت رسپانسیو یا واکنش گرا است که شامل دستورات HTML ، CSS و توابع جاوا اسکریپت جهت تولید و نمایش فرم ها، دکمه ها، تب ها، ستون ها و سایر المان های مورد نیاز می باشد. در نسخه 4 این فریم ورک قابلیت های کاربردی دیگری اضافه شده است که در این مجموعه آموزشی به آن ها می پردازیم.

 

پیش نیازها :

  • دانشجو باید کاملا به زبان HTML مسلط باشد.
  • دانشجو باید کاملا به زبان CSS مسلط باشد.
  • دانشجو باید با مفاهیم اولیه طراحی رسپانسیو آشنایی داشته باشد.
  • نیازی به دانستن بوت استرپ 3 نیست.

 

 

این محصول برای چه کسانی مفید است :

برای تمام دانشجویان و علاقمندان گرایش طراحی وب - Frontend

 

درباره محصول :
آموزش ها بر اساس کاربرد در پروژه های واقعی و نیاز بازار کار تدوین شده و از کلی گویی و پرداختن به جزئیات آکادمیک دوری شده است.در حین آموزش با مثال های پروژه محور سعی در درک بهتر دستورات شده است.همچنین گروه تلگرام و پشتیبان آنلاین سایت جهت رفع مشکلات آموزشی مربوط به محصول ، شما را در امر یادگیری یاری خواهند کرد.
تمامیه کلیپ ها با کیفیت HD ضبط شده است و بر روی DVD های مرغوب بدون هیچ گونه قفل نرم افزاری و سخت افزاری جهت سهولت استفاده کاربر تهیه شده است.
امکان دانلود محصول نیز از طریق پنل کاربری فراهم شده است، برای این کار ابتدا باید در سامانه پشتیبانی ثبت نام کنید، لینک های دانلود پس از خرید در پنل شما قرارخواهند گرفت.
تکثیر، مبادله، فروش مجدد و... به هر شکلی قانونا" جرم محسوب شده و ضمن عدم رضایت تولید کننده، پیگرد قانونی را به دنبال خواهد داشت، لذا خواهشمندیم به پاس اعتماد ما و حمایت از محصولات داخلی و اشتغال جوانان از تکثیر این محصول خودداری نمائید.

هزینه پست بر عهده سایت می باشد.
نمونه فیلم های آموزشی رایگان

 

سرفصل ها

  • تعیین ساختار طراحی
  • معرفی کلاس های sm, ms, lg, xl.
    کار با کلاس های پردازش متن.
    کار با alert ها.
  • لیست ها
  • کار با دستورات list-unstyled, list-inline, blockquote, list-group, list-item
  • کار با دستورات مربوط به رنگ ها
  • دستورات text-color, bg-color
  • کار با تصاویر
  • دستورات img-fluid,img-thumbnail,...
  • گرید بندی
  • کار با ردیف ها و ستون ها
  • موقعیت های نمایش عناصر
  • کار با دستورات float, mx,d , ...
  • منوها
  • کار با دستورات navagation جهت ایجاد منوهای آبشاری و ورتیکال
  • ایجاد Navbar
  • کار با دستورات ml, mr, navbar و rtl کردن
  • کار با Button
  • دستورات btn, lg, sm, active, block, colors,...
  • کار با Borders
  • دستورات ایجاد border یا حاشیه و رنگ بندی آن ها
  • معرفی و کار با Badge
  • دستورات مربوط به نشانه یا badge و کاربرد آن در Button
  • معرفی Breadcrum
  • استفاده از دستورات Breadcrumbو Breadcrumb-item
  • کلاس Jumbotron
  • کاربرد کلاس jumbotron و jumbotron-fluid
  • کار با جداول
  • کار با دستورات tabel, table-dark, table-striped, table-bordered, table-hover, table-sm, rowColors
  • فلش کارت ها
  • ایجاد عناصر زیبای دیزاین پترن با استفاده از کلاس Card
  • کار با Media
  • دستورات media, media-body, align-self
  • فرم ها
  • کار با دستورات عناصر فرم form-group, form-control, form-control-label, form-inline, form-text, is-valid/invalid, feedback, ساختار بندی و...
  • کار با input groups
  • اضافه کردن عناصر دلخواه به ابتدا یا انتهای المان های فرم
  • ایجاد Tooltip
  • ایجاد متن های راهنما
  • ساخت Popup
  • کار با دستورات data-toggle, data-placement, data-content
  • ایجاد Dropdown
  • کار با دستورات dropdown, dropup, dropdown-menu, dropdown-item, dropdown-toggle
  • ساخت Collapse
  • ایجاد باکس هایی همچون پنل جهت قرارگرفتن محتوا
  • کار با Modal ها
  • کار با دستورات data-target, data-toggle, modal fade, modal-dialog, modal-header, modal-body, modal-footer
  • ایجاد اسلایدر Carousels
  • معرفی کلاس های مربوطه و ایجاد یک اسلایدر
  • پروژه - 1
  • طراحی یک قالب داشبورد (پنل مدیریتی)
  • پروژه - 2
  • طراحی یک قالب کامل با استفاده از دستورات آموزش داده شده و روش اسمبل

 

خرید بسته آموزشی بوت استرپ 4




نظرات شما