سه شنبه , ۲۸ دی ۱۳۹۵
جدیدترین آموزش ها
خانه » بایگانی برچسب: bootstrap

بایگانی برچسب: bootstrap

فیلم آموزش Bootstrap قسمت ۲۱(Material design)

سلام در جلسه بیست و یکم bootstrap به ایجاد یک پروژه کوچک در بوت استرپ می پردازیم و بخش دیدگاه ها را اصلاح می کنیم.هدف از ایجاد این پروژه نحوه آشنایی با چگونگی برخورد با یک پروژه از پیش طراحی شده است.همچنین در این جلسه با سبک Material design در بوت اسرتپ آشنا می شویم و آن را یاد می گیریم و به ...

ادامه نوشته »

فیلم آموزش Bootstrap قسمت ۲۰(collapse)

سلام در جلسه بیستم bootstrap مشکلات مربوط به alert پروژه طراحی شده را بررسی می کنیم و سپس به dropdown در جاوا اسکریپت بوت استرپ می پردازیم.پس از آن scrollspy  و کلاس ها و کد های data-spy وrefresh و offset را مطرح می کنیم.سپس به سراغ collapse رفته و کلاس های panel-collapse,collapse ,collapsing ,collapse.in,panel-group و کد های aria-expanded,aria-controls,data-parent,data-toggle را بیان کرده و ...

ادامه نوشته »

فیلم آموزش Bootstrap قسمت ۱۹(popover)

سلام در جلسه نوزدهم bootstrap با توجه به مطالب جلسه گذشته یک tooltip را برای بخش دیدگاه پروژه ی مان طراحی می کنیم و نکاتی که در جلسه قبل مطرح کردیم را بررسی می کنیم و پس از آن به سراغ بحث popover می رویم و نکات و option های مربوط به popover را مطرح می کنیم و برای بخش table پروزه خود یک ...

ادامه نوشته »

فیلم آموزش Bootstrap قسمت ۱۸(tab & tooltip)

سلام در جلسه هجدهم bootstrap وارد مباحث حاوا اسکرپیت در بوت استرپ می شویم و تلاش می کنیم که با استفاده از data در html5 و امکاناتی که بوت استرپ برای ما فراهم کرده خود را تا حد ممکن از جاوا اسکریپت بی نیاز کنیم.در ابتدا tab را توضیح می دهیم و کلاس های tab-content,tab-pane,fade,in و کاربرد آن ها را بیان می ...

ادامه نوشته »

فیلم آموزش Bootstrap قسمت ۱۷(form)

سلام در جلسه هفدهم bootstrap به طور کامل به form در بوت استرپ پرداخته و کلاس های مربوط به آن را مطرح می کنیم و با پرداختن به مباحث helper classes و code بخش css را نیز به پایان می رسانیم.

ادامه نوشته »

فیلم آموزش Bootstrap قسمت ۱۶(progress bar)

سلام در جلسه شانزدهم bootstrap به آخرين بخش component ها مي پردازيم و با wells آشنا مي شويم.سپس به سراغ alerts مي رويم و توسط آن و list group ها يک پنل لاگين را پياده مي کنيم.سپس progress bar را بررسي کرده و يک نظرسنجي طراحي مي کنيم.

ادامه نوشته »

فیلم آموزش Bootstrap قسمت ۱۵(list group & media object)

سلام در جلسه پانزدهم bootstrap در رابطه به dropdown صحبت مي کنيم و کلاس هاي مربوط به آن را بررسي مي کنيم.سپس به سراغ media object ها رفته و نکات مربط به آن را شرح مي دهيم و توسط آن يک پنل آخرين ديدگاه ها را طراحي مي کنيم و در همين رابطه پروزه مان را تغیيرات اساسي مي دهيم تا از ...

ادامه نوشته »

فیلم آموزش Bootstrap قسمت ۱۴(panel)

سلام در جلسه چهاردم bootstrap به طور کامل در رابطه با panel و کلاس هاي مربوط به آن صحبت مي کنيم و با استفاده از آن يک recent posts را براي پروژه مان طراحي مي کنيم و از lable ها براي تکميل آن استفاده مي کنيم. سپس به سراغ breadcrumbs مي رويم و آن ها را بررسي کرده و در پروژه مان ...

ادامه نوشته »