یکشنبه ۲۷ آبان ۱۳۹۷
0937-1464-764

بسته آموزشي Bootstrap


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


معرفی Breadcrumb

استفاده از دستورات 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

طراحی یک قالب کامل با استفاده از دستورات آموزش داده شده و روش اسمبل