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

۹۶۰ بازديد
برای یادگیری شیوه بکارگیری بوت استرپ می توانید رفرنس بوت استرپ در تارنما قانونی این طراحی سایت در مشهد موسسه getbootstrap.com را مطالعه نمایید . ضمنا تارنما w3schools هم فراگیری بوت استرپ را بطور بدون نقص قرار داده میباشد و تارنما اینترنت 24 هم بزودی فراگیری بوت استرپ فارسی را برای شما عزیزان مهیا خواهد کرد. برای ترغیب خوانند‌گان گرامی به یادگیری بوت استرپ در‌این نصیب از نوشته ی علمی یک‌سری نمونه از کاربردهای بوت استرپ را بیان خوا هیم کرد. پیشین هر کاری گواهی HTML خویش را با ورژن HTML5 تولید نمائید. آنگاه با دقت به اینکه بوت استرپ برای ارائه تارنما برروی تلفن همراه باصرفه شد‌ه‌است . برای استعمال باصرفه از بوت استرپ کد پایین را به قسمت Head تارنما خویش اضافه فرمایید.



همان گونه که پیش از این گفته ایم فولدر های جاوا اسکریپت موردنیاز را هم دانلود و در سرور بار گذاری کرده و کد مربوطه را که یک‌سری خط فراتر توضیح دادیم به پوشه HTML خویش بیافزایید.

نکته: بوت استرپ دو ورژن از فولدر های خویش ارائه می‌دهد: ورژن ای برای اشخاصی که تنها قصد به کارگیری از بوت استرپ را دارا‌هستند و ورژن ای برای توسعه و گسترش دهندگان و اشخاصی که می خواهند کد های بوت استرپ را دستکاری نمایند. ورژن قابل بازنویسی بوت استرپ با Sass درج شده میباشد . برای عمل با Sass می توانید از Ruby یا این که به کار گیری نمائید. خویش Sass با گویش Ruby مندرج میباشد اما این مسئله سبب نمی‌شود که Libsass که با گویش C و C++ مندرج میباشد مشکلی با ساخت کد های Sass و یا این که کمپایل کردن آن‌ها داشته باشد.

در حالتی که بخواهیم بطور خلاصهSass را تمجید کنیم بایستی بگوییم که:Sass به شما قابلیت می‌دهد که با اصول و قواعد اپلیکیشن نویسی مانند تعریف‌و‌تمجید متغییر یک فایلCss ساخت و ساز نمایید و در آخر آن را مانند هر فایلCss بی آلایش ذخیره فرمایید. وبسایت رسمیSass به نشانی http://sass-lang.com در تمجید گویش اپلیکیشن نویسیSass نوشته میباشد : با بغرنج خیس شدن کدهایCss به کار گیری از این کد ها دیگر برایمان دیدنی نبود ، به این ترتیب دست به فعالیت شدیم و زبانی ساخت کردیم که مجدد کد نویسیCss را برای ما جالب نماید . و واقعا هم همچنین میباشد کافیست در یک خط کد متغییرهای رنگ و غیره را تعریف و تمجید کرده و آنگاه در سراسر فایلCss به آن کد رنگ دسترسی دارید و نیازی به نسخه برداری کردن دوباره خویش کد رنگ نیستید. این طریق کد نویسی برایCss سبب ساز گردیده که توسعه و گسترش کامپوننت هایی مانند بوت استرپ بسیار معمولی خواهد شد چون شما بجای اینکه تک تک یک فولدر پیچیدهCSS را بدنبال کد مد حیث بالا و زیر فرمائید کافیست متغییر را در اولِ پوشه دستکاری فرمائید و تک تک کلاس ها وID هایی که از آن متغییر به کارگیری می نمایند بازنویسی میگردند.

فرض فرمائید شما فولدر بوت استرپ را در تارنما خویش استعمال میکنید و می‌خواهید که مقداری پدینگ به سمت راست مطالب تارنما خویش را اضافه فرمائید کافیست متغییر پدینگ تگ های مد حیث در اولِ کد را یافته و آن را بازنویسی نمایید . بدین ترتیب دیگر مایحتاج وجود ندارد که پدینگ را به مجموع کلاس ها جاری ساختن نمائید کافیست متغییر را برای آنان تمجید نمایید. آموزشSass خویش نیاز به چند نوشته‌علمی متواتر دارااست . امیدوارم توضیحات ما کلیات این گویش را برای شما پر‌نور نموده باشد.

صد شیت کتاب به اندازه یک نمونه نمیتواند مطلبی را توضیح دهد.

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

درصورتی که بخواهیم یک جدول داشته باشیم که با خطوط افقی سطرهای آن از هم مستقل می‌باشند کافیست که از کلاس table به کار گیری کنیم و سایر امور را بوت استرپ اجرا می‌دهد. نمونه این کد را ملاحظه کنید.
۰ ۰

توضیحاتی راجب Bootstrap

بوت‌استرپ مجموعه‌ای برای ساخت ظاهری وب سایت‌ها و برنامه‌های اینترنت است. یکی از محبوبترین فریم ورکهای css میباشد که از شیوه گرید بندی برای چیدمان صفحات وب استفاده میکند.بوت‌استرپ شامل تمپلت‌های طراحی اچ‌تی‌ام‌ال و سی‌اس‌اس محور برای typography، فرمها، دکمه‌ها، نمودارها، اجزاء راهبری و دیگر اجزاء رابط کاربری و الحاقات اختیاری (JavaScript Extensions)، می‌باشد. بوت‌استرپ محبوب‌ترین پروژه در GitHub است که توسط NASA و MSNBC و دیگر سایتهای مطرح استفاده شده است. با استفاده از اطلاعات رابط برنامه‌نویسی (API) در بوت استرپ می‌توان اجزاء واسط پیشرفته مانند scrollspy و تکمیل کننده خودکار کلمات (typeahead) را بدون نیاز به نوشتن حتی یک خط کد جاوا اسکریپت ایجاد نمود. بهترین نکته بوت استرپ این است که متن باز بوده و به صورت رایگان قابل دانلود و استفاده می‌باشد. (ویکی)

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

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

آموزش بوت استرپ

ارسال نظر آزاد است، اما اگر قبلا در فارسی بلاگ ثبت نام کرده اید می توانید ابتدا وارد شوید.