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

عنوان: کتاب آموزش گام به گام Bootstrap

زبان آموزش : فارسی

نویسنده: افشین رفوآ

تعداد صفحه: ۱۸۸

حجم فایل: ۲ مگابایت

کلمات کلیدی: بوت استرپ , آموزش گام به گام Bootstrap , آموزش بوت استرپ , کتاب آموزش Bootstrap

سرفصل های این کتاب به شرح زیر است:

دکمه ی ژنراتور تویتر بوت استرپ

معرفی تویتر بوت استرپ

تویتر بوت استرپ چیست

مزیت های بوت استرپ تویتر

ویژگی های پاسخگو

طراحی منسجم

استفاده ی آسان

سازگار با مرورگرها

شروع کردن با تویتر بوت استرپ

دانلود فایل های بوت استرپ

درک ساختار فایل

ایجاد اولین صفحه ی وب با تویتر بوت استرپ

مرحله اول: ایجاد یک فایل HTML پایه

مرحله ی دوم: ساختن الگوی Bootstrapped برای فایل HTML

مرحله ی سوم: ذخیره ی فایل

Twitter Bootstrap Grid System

چگونگی ایجاد Layout با گرید سیستم تویتر بوت استرپ

گروه های نرم افزارهای پاسخگو تویتر بوت استرپ

Twitter Bootstrap Fixed Layout

ایجاد Layout ثابت با استفاده از تویتر بوت استرپ

Twitter Bootstrap Fluid Layout

ایجاد Layout Fluid با Twitter bootstrap

ایجاد Layout responsive با استفاده از تویتر بوت استرپ

کار با تیتر

ایجاد تیترهای صفحه

کار با پاراگراف ها

قالب بندی متن twitter bootstrap

گروه های تغییردهی متن

گروه های تاکید در متن

طراحی نقل قول

جدول های تویتر بوت استرپ

جدول چیست؟

ایجاد یک جدول ساده با تویتر بوت استرپ

جدول هایی با پیش زمینه ی یکی در میان

جدول با حاشیه

فعال کردن وضعیت شناور (hover) روی ردیف های جدول

جدول های فشرده یا متراکم

گروه های تاکید انتخابی برای ردیف های جدول

ایجاد جدول پاسخگو با استفاده از تویتر بوت استرپ

عناصر پشتیبانی شده ی جدول در تویتر بوت استرپ

Twitter Bootstrap Lists

ایجاد لیست با تویتر بوت استرپ

لیست های منظم و نامنظم بدون سبک

قرار دادن آیتم های لیست های منظم و نامنظم درون خط

ایجاد لیست های تعریف افقی

گروه های لیست تویتر بوت استرپ

ایجاد فرم ها با تویتر بوت استرپ

ایجاد فرم Layout عمودی

ایجاد فرم Layout افقی

ایجاد فرم Layout درون خطی

فرم کنترل استاتیک

اندازه ارتفاع در جعبه های ورودی و انتخاب

انداره ی گرید جعبه های ورودی، متن و انتخاب

گسترش فرم های کنترل با تویتر بوت استرپ

ایجاد ورودی های افزوده و اضافه

افزودن متن یا آیکن به یک ورودی

ایجاد دکمه های رو به پایین

ایجاد گروه های دکمه های رو به پایین تقسیم

ایجاد ورودی های غیرفعال

قرار دادن متن کمکی در اطراف کنترل های فرم

وضعیت های ارزیابی فرم تویتر بوت استرپ

کنترل های پشتیبانی شده در تویتر بوت استرپ

تصاویر تویتربوت استرپ

طراحی تصاویر با تویتر بوت استرپ

تصاویر کوچک تویتر بوت استرپ

آبجکت های مدیا در تویتر بوت استرپ

آیکن های تویتر بوت استرپ

آیکن هایی با gliphycon

چگونه از آیکن ها در کد خود استفاده کنید

کمک کننده های تویتر بوت استرپ

رنگ های متنی

زمینه های متنی

آیکن بستن

آیکن هشتک (caret).

مرکز ترازبندی بلوک های محتوا

شناورهای فوری

نمایش دادن و پنهان کردن محتوا

محتوای مخصوص صفحه ی خواننده ها

پنهان کردن متن

ایجاد دکمه با تویتر بوت استرپ

تغییر اندازه دکمه ها

دکمه های غیرفعال تویتر بوت استرپ

ایجاد دکمه های غیرفعال با استفاده از لینک ها

ایجاد دکمه های غیرفعال با استفاده از دکمه و عنصر ورودی

ایجاد دکمه های با وضعیت

ایجاد دکمه ی انفرادی پوشاننده

گرو های دکمه ی تویتر بوت استرپ

ایجاد چک باکس دکمه ها

ایجاد دکمه های رادیو

ایجاد ابزارهای دکمه

اندازه گیری ارتفاع گروه های دکمه

ایجاد گروه های دکمه ی هم راستا

دکمه های فعال از طریق جاوا اسکریپت

$().button(‘toggle’)

مولفه های nav تویتر بوت استرپ

ایجاد تب های پایه با استفاده از تویتر بوت استرپ

افزودن آیکن ها به تب ها

ایجاد  pillهای  nav پایه  با تویتر بوت استرپ

افزودن آیکن به pillهای nav

Stacked pills nav

تب ها و   pills nav تویتر بوت استرپ با منوهای رو به پایین

ایجاد تب های رو به پایین

ایجاد pill  های رو به پایین

تب ها و pill های توجیه شده

لینک های غیرفعال در داخل مولفه های  nav

ایجاد یک nav bar ساده با تویتر بوت استرپ

Nav bar  ثابت تویتر بوت استرپ

ایجاد  nav bar  ثابت در بالا

ایجاد  nav bar  ثابت در پایین

Nav bar استاتیک تویتربوت استرپ در بالا

Nav bar تویتربوت استرپ با فرم جستجو

ایجاد گونه ی معکوس یک nav bar

ایجاد breadcrumb با تویتر بوت استرپ

شماره گذاری (pagination) با تویتر بوت استرپ

شماره گذاری با وضعیت هاب فعال و غیرفعال

تغییر اندازه های شماره گذاری

صفحه گذاری تویتر بوت استرپ

هم ترازی صفحه گذاری

ایجاد برچسب های درون خطی

ایجاد نشان های درون خطی

ایجاد نوار پیشروی با استفاده از تویتربوت استرپ

ایجاد نوار پیشروی خط دار

ایجاد نوار پیشروی هم پوشانی شد

نوارهای پیشروی با گروه های تاکید

نوارهای پیشروی خط دار با گروه های تاکید

معرفی پنل های twitter bootstrap 3

پنل هایی با تیتر

پنل هایی با فوتر

پنل هایی با موقعیت های متنی

قرار دادن گروه های لیست و جدول ها در داخل پنل ها

کاربرد مولفه های تویتر بوت استرپ

ایجاد منوهای رو به پایین با تویتر بوت استرپ

منوهای رو به پایین در navbar

منوی رو به پایین در Navs

دکمه های رو به پایین

دکمه های منشعب رو به پایین تویتر بوت استرپ

رو به پایین ها داخل گروه های دکمه

منوهای رو به بالا

اضافه کردن منوی رو به پایین با ویژگی های داده

افزودن dropdown ها از طریق جاوا اسکریپت

ایجاد tooltip با تویتر بوت استرپ

راه اندازی راهنمای ابزار

تنظیم جهت راهنمای ابزار

تثبیت موقعیت راهنمای ابزار از طریق ویژگی های داده

تثبیت موقعیت راهنمای ابزار از طریق جاوا اسکریپت

ایجاد پیام های اخطار با تویتر بوت استرپ

هشدارهای خروج از طریق جاوا اسکریپت

ایجاد تب با تویتر بوت استرپ

ایجاد تب پویا با اسثفاده از ویژگی های داده

ایجاد تب های پویا از طریق جاوا اسکریپت

ایجاد نما با تویتر بوت استرپ

فعال کردن نماها از طریق ویژگی های داده

فعال کردن نماها از طریق جاوااسکریپت

تغییر محتوای نما براساس دکمه ی اجرا

ایجاد popover با تویتر بوت استرپ

راه اندازی popover

تنظیم جهت popover

تثبیت موقعیت popover ها از طریق موقعیت داده

تثبیت موقعیت popover ها از طریق جاوا اسکریپت

ایجاد ویجت accordion با تویتر بوت استرپ

ایجاد typeahead در تویتر بوت استرپ

ایجاد typeahead تویتر با مجموعه داده ی مکانی

ایجاد مجموعه داده خارجی typeahead تویتر

ایجاد scrollspy با تویتر بوت استرپ

ایجاد scrollspy با استفاده از ویژگی های داده

ایجاد scrollspy از طریق جاوا اسکریپت

ایجاد عنصر ضمیمه با تویتر بوت استرپ

فعالسازی ضمیمه از طریق جاوا اسکریپت

ایجاد گردانه ی صفحه با تویتر بوت استرپ

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

فعالسازی گردانه ها از طریق جاوا اسکریپت

قابل توجه کاربران شما می توانید این کتاب را یکجا و بطور کامل از لینک زیر دریافت کنید.

لینک مستقیم :

برای دریافت فایل اینجا کلیک کنید. (لینک مستقیم)