آموزش bootstrap
توییتر بوت استرپ یک چارچوب زیبا، بصری و قدرتمند می باشد که برای توسعه ی سریعتر و آسانتر وب استفاده می شود. آموزش های بوت استرپ به شما کمک خواهد کرد تا ضروریات بوت استرپ را در موضوعات ابتدایی تا پیشرفته ی آن یاد بگیرید، طوری که بتوانید با تلاش کمتر صفحات وب ایجاد کنید. آموزش ها به بخش هایی تقسیم می شوند که هر بخش شامل چند موضوع مرتبط می باشد و هر موضوع برای درک بهتر دارای توضیحات، مثال های عملی، راه حل های هوشمند و نکات مفید می باشد. شما با بوت استرپ می توانید زمان و انرژی زیادی را ذخیره کنید. بنابراین این وب سایت را انتخاب کرده و ادامه دهید. اگر بوت استرپ برای شما کاملا جدید است، پیشنهاد می کنیم که با بخشی آغاز کنید که Bootstrap Basic را تحت پوشش قرار می دهد و هرروزه با یادگیری کمی مطلب به جلو بروید. نکته: از آنجایی که در این آموزش ها هر بخش به نحوی با هم در ارتباط هستند، بهتر است قبل از ادامه به بخش های بعدی مطمئن شوید که بخش قبل را به خوبی فرا گرفته اید.
مقدمات Bootstrap
BootStrap یک چارچوب زیبا، بصری و قدرتمند می باشد که برای توسعه ی سریعتر و آسانتر وب استفاده می شود. آموزش های بوت استرپ به شما کمک خواهد کرد تا ضروریات بوت استرپ را در موضوعات ابتدایی تا پیشرفته ی آن یاد بگیرید، طوری که بتوانید با تلاش کمتر صفحات وب ایجاد کنید.
تویتر بوت استرپ با HTML، CSS و جاوااسکریپت برای مولفه های اینترفیس وب ها و یوزرهای مختلف تجهیز می شود.
در این آموزش فرا می گیرید که با استفاده از تویتر بوت استرپ v3.0، یک الگوی بوت استرپ پایه ایجاد کنید...
Bootstrap با استفاده از Css
Grid system روشی آسان و سریع برای ایجاد طرح کلی و layout سایت به صورت واکنش گرا یا responsive می باشد. برخلاف سیستم grid
ایجاد لی اوت ثابت با استفاده از تویتر بوت استرپ: با3 Twitter Bootstrap می توانید لی اوت هایی از صفحات وب بر اساس تعداد پیکسل ثابت ایجاد کنید
با 3 Twitter Bootstrap می توانید لی اوت هایی از صفحات وب بر اساس تعداد پیکسل ثابت ایجاد کنید، به هرحال این بار برخلاف ورژن قبل از همان ابتدا responsive می باشد...
در تویتر بوت استرپ ورژن 3.2+ می توانید از گروه .container-fluid برای ایجاد لی اوت های fluid استفاده می شود تا 100 درصد عرض ویو پرت را مورد استفاده قرار دهد...
طراحی وب responsive فرایند طراحی و ساختن وب سایتهایی می باشد که دسترسی بهترو دید بهینه به کاربر ارائه می دهد...
در این آموزش در مورد طراحی و فرمت محتوای متن مانند تیترها، پاراگراف ها، نقل قول ها و غیره با twitter bootstrap مطالبی فرا خواهید گرفت...
در این آموزش فرا خواهید گرفت که چگونه با استفاده از تویتربوت استرپ جدول های زیبا طراحی کنید...
در این آموزش فراخواهید گرفت که چگونه استایل هایی با انواع مختلف لیست ها با تویتر بوت استرپ به کار بگیرید...
فرم های HTML بخش داخلی صفحات وب هستند، اما طراحی کنترل های فرم به صورت دستی و یکی یکی با استفاده از CSS می تواند یک فرایند خسته کننده باشد...
در طراحی مدرن وب وجود تصاویر بسیار متداول است، بنابراین طراحی تصاویر و قرار دادن درست آنها روی صفحات وب برای بالا بردن تجربه ی یوزر بسیار مهم است....
در این آموزش چگونگی طراحی تصاویر، گریدهای تصاویر، ویدئوها و متن و غیره را با تویتر بوت استرپ فراخواهید گرفت...
در این آموزش فراخواهید گرفت که چگونه از آیکن های تویتر بوت استرپ استفاده کنید...تویتر بوت استرپ دارای 200 عدد glyph icon می شود. برخلاف ورژن قبلی این آیکن برای استفاده و مقیاس پذیری بهتر به شکل فونت در دسترس می باشند.
در این بخش در مورد گروه های کمک کننده twitter bootstrap فراخواهید گرفت...شما می توانید از گروه های رنگ متنی مانند . text-succes, .text-info, .text-warningو غیره برای تاکید متن استفاده کنید.
ایجاد دکمه با bootstrap در این آموزش فراخواهید گرفت که چگونه دکمه های مختلف تویتر بوت استرپ ایجاد کنید...دکمه ها بخش داخلی یک فرم HTML هستند چه یک لاگین یا یک فرم تماس ساده باشد. دکمه ها برای اهداف مختلفی استفاده می شوند از جمله پذیرفتن یا بازسازی مجدد یک فرم، نشان دادن یک فعالیت مهم و یا به راه انداختن یک رویداد برای انجام کاری روی صفحه ی وب.
مولفه های طرح بندی (Layout Components)
تویتر بوت استرپ راه ساده ای برای ایجاد مولفه های پایه ی Nav از قبیل تب ها و پیل ها، ارائه می دهد. همه ی مولفه های nav بوت استرپ همان مارک آپ پایه و طرح ها را از طریق گروه .nav به اشتراک می گذارند...
در این آموزش فرا خواهید گرفت که چگونه مولفه های ثابت و استاتیک navbar را با استفاده از تویتر بوت استرپ ایجاد کنید...
شماره گذاری فرایند سازمان دهی محتوا به وسیله ی تقسیم بندی آن به صفحات مجزا می باشد. شماره گذاری گاهی اوقات تقریبا برای همه ی برنامه های وب استفاده می شود...
در این آموزش فراخواهید گرفت چگونه با استفاده از تویتر بوت استرپ breadcrumb ایجاد کنید...
ر این آموزش فراخواهید گرفت که چگونه با استفاده از تویتربوت استرپ برچسب ها و نشان های درون خطی ایجاد کنید...
تویتر بوت استرپ نوارهای پیشروی: در این آموزش فراخواهید گرفت که چگونه با استفاده از تویتر بوت استرپ نوارهای پیشروی ایجاد کنید...
گاهی اوقات ممکن است تمایل داشته باشید بنا به دلایلی محتوای خود را داخل یک باکس قرار دهید. در چنین موقعیتی مولفه ی پنل می تواند بسیار مفید باشد...
آموزش کاربرد مولفه های bootstrap تویتر بوت استرپ مولفه هایی را برای کاربردهای معمول ارائه می دهد...
در این آموزش فرا خواهید گرفت که چگونه منوهای رو به پایین به مولفه های تویتر بوت استرپ اضافه کنید...
Bootstrap Plugins
Tooltipیک پاپ آپ کوچک می باشد که زمانی ظاهر می شود که یوزر مکان نمای ماوس را روی عنصری مانند لینک و یا دکمه نگه دارد و اطلاعاتی در مورد آن عنصر ارائه می دهد...
در این آموزش فراخواهید گرفت چگونه پیام های هشدار با تویتر بوت استرپ ایجاد کنید.پیام های اخطار اغلب برای برجسته کردن اطلاعاتی به کار می رود که نیاز به توجه فوری کاربر ها مانند هشدار یا پیام های تایید دارند...
در این آموزش فراخواهید گرفت که با استفاده از تویتر بوت استرپ چگونه تب های پویا برای قرار دادن بین محتوا ایجاد کرد...
نما اساسا یک دیالوگ باکس می باشد که برای ارائه ی اطلاعات مهم به یوزر یا پیش بردن یوزر برای انجام فعالیت های مهم قبل از ادامه دادن استفاده می شود...
Popover پوشش کوچکی از محتواست که برای نمایش اطلاعات ثانویه ی هر عنصری ، زمانی که توسط یک یوزر کلیک شده باشد، استفاده می شود مانند اطلاعات روی iPad...
در این آموزش فراخواهید گرفت که چگونه با تویتر بوت استرپ accordion ایجاد کنید...
مهم ترین هدف typeahead بالا بردن تجربه ی یوزر می باشد با فراهم کردن اشاره یا ارائه ی لیستی از انتخاب های ممکن بر اساس آنچه در هنگام پر کردن فرم یا جستجوی مورد وارد کرده اند، به عنوان نمونه صفحه ی جستجوی گوگل...
Scrollspy یک مکانیزم مسیریابی می باشد که بازدید کنندگان را به بخش های مختلف یک صفحه ی دارای مقدار زیادی محتوا راهنمایی می کند...
در این آموزش فرا خواهیم گرفت که چگونه یک عنصر ضمیمه ایجاد کنیم و با استفاده از ضمیمه ی پلاگین بوت استرپ اتصال آن را روشن و خاموش کنیم...
ایجاد گردانه ی صفحه با bootstrap گردانه ها معروف به نمایش اسلاید، بهترین راه برای نمایش موردی مقدار زیادی محتوا در فضای کوچک صفحات وب می باشند...