bootstrap فارسی

 

bootstrap فارسی

 

Bootstrap چیست؟

بوت استرپ یک فریم ورک توسعه فرانت اند اوپن سورس و رایگان برای ایجاد وب سایت ها و برنامه های وب است. چارچوب بوت استرپ بر روی HTML، CSS و جاوا اسکریپت (JS) ساخته شده است تا توسعه سایت‌ها و برنامه‌های واکنش‌گرا و اولین موبایل را تسهیل کند.

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

تاریخچه Bootstrap

مارک اتو و جیکوب تورنتون Bootstrap را در توییتر به عنوان وسیله ای برای بهبود سازگاری ابزارهای مورد استفاده در سایت و کاهش تعمیر و نگهداری برنامه ریزی کرده اند. این نرم افزار قبلاً با نام Twitter Blueprint شناخته می شد و گاهی اوقات از آن به عنوان Twitter Bootstrap نام برده می شود.

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

 

معنی لغوی Bootstrap

در رایانه ها، کلمه بوت استرپ به معنای بوت کردن است: بارگذاری یک برنامه در رایانه با استفاده از یک برنامه اولیه بسیار کوچکتر برای بارگذاری در برنامه مورد نظر (که معمولاً یک سیستم عامل است).

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

 

bootstrap فارسی

 

چرا از بوت استرپ باید استفاده کنیم؟

5 دلیل مهم و کاربردی برای استفاده از بوت استرپ وجود دارد که در ادامه به بررسی هر کدام میپردازیم.

  1. قابل استفاده برای اپلیکشین های موبایل
    امروزه نقش اپلیکیشن های موبایل در امر برنامه نویسی بسیار پررنگ شده و برنامه نویسان زیادی در این حوزه مشغول به کار هستند. از این رو بوت استرپ که قابل استفاده برای برنامه نویسی موبایل نیز میباشد جزو زبان های محبوب و پرکاربرد جهان تلقی میشود.
  2. زبان واکنش گرا و رسپانسیو
    فریم ورک بوت استرپ یکی از فریم ورک های زبان CSS  است که برنامه نویسان میتوانند به کمک آن نرم افزار ها و وب سایت هایی رسپانسیو طراحی کنند که در هر دیوایس و دستگاهی مثل موبایل، تبلت، لب تاب و … قابل استفاده باشد.
  3. یادگیری راحت
    شما برای یادگیری بوت استرپ نیاز به پیش نیاز های زیاد و دانش بالایی ندارید. تنها دانستن مفاهیم پایه برنامه نویسی و کمی سابقه کار در این حوزه میتواند شما را برای یادگیری بوت استرپ آماده سازد. در همین جهت تعداد زیادی از برنامه نویسان تازه کار به سمت یادگیری این فریم ورک سوق داده میشوند.
  4. پشتیبانی از مرورگر های پرکاربرد
    در حال حاضر بوت استرپ در مرورگر های اصلی و بزرگ کروم، فایرفاکس، سافاری، اینترنت اکسپلور و اپرا قابل اجراست.
  5. پشتیبانی و دارا بودن مستندات لازم
    بوت استرپ دارای منابع و داکیومنت های بزرگ و غنی میباشد که کار را برای دانش پژوهان و برنامه نویسان این رشته آسان کرده است. شما میتوانید برای یادگیری بوت استرپ از داکیومنتیشن های رسمی سایت بوت استرپ استفاده کنید.

تفاوت Bootstrap با CSS

در واقع بوت استرپ و CSS به ایجاد رابط کاربری قابل ارائه کمک می کنند. تفاوت اساسی بین Bootstrap و CSS این است که Bootstrap یک فریمورک front-end است در حالی که CSS یک زبان style sheet است. آنها به اضافه کردن پس زمینه و حاشیه، جلوه های متنی، انیمیشن های دو بعدی، سه بعدی و غیره به صفحات وب کمک می کنند. با این حال در ادامه بزرگ ترین تفاوت های آنها را برای شما آورده ایم.

  • تعریف
    بوت استرپ یک فریم ورک فرانت اند اوپن سورس و رایگان برای طراحی وب سایت ها و برنامه های کاربردی وب است. CSS یک زبان شیوه نامه است که برای توصیف ارائه یک سند نوشته شده در یک زبان نشانه گذاری مانند HTML استفاده می شود.
  • نسخه ها
    بوت استرپ دارای بوت استرپ 3،4 و CSS دارای نسخه های CSS 1، 2،3 است.\
  • Grid (بخش بندی)
    علاوه بر این، بوت استرپ یک سیستم شبکه ای ارائه می دهد که یک طرح بندی صفحه را از طریق یک سری ردیف و ستون ایجاد می کند که می تواند محتوا را در آنجا قرار دهد. اما در طرف مقابل هیچ سیستم Grid در CSS وجود ندارد.
  • کلاس های طراحی شده
    همچنین، بوت استرپ شامل کلاس هایی است که از قبل طراحی شده اند. در بوت استرپ برنامه نویس می تواند از آنها در برنامه خود استفاده کند تا بدون نوشتن کد از ابتدا به عناصر یک استایل اضافه کند. از طرفی در CSS برنامه نویس باید کد را از ابتدا بنویسد.
  • امکانات
    علاوه بر این، بوت استرپ دارای ویژگی های بیشتری نسبت به CSS است. این شامل قالب ها، پلاگین های JQuery و غیره است.
  • کابرد
    با توجه به استفاده، Bootstrap به ایجاد طرح‌های واکنش‌گرا کمک می‌کند که قابل ارائه‌تر باشند در حالی که CSS به ایجاد صفحات وب قابل ارائه کمک می‌کند.

bootstrap فارسی

تفاوت Bootstrap با HTML

  1. HTML یک چارچوب نیست.  HTML در واقع یک زبان نشانه گذاری استاندارد برای ایجاد صفحات وب و برنامه های کاربردی وب است.
  2. HTML یک زبان نشانه گذاری است که مرورگرهای وب برای تفسیر و نوشتن متن، تصاویر و سایر مطالب به صفحات وب بصری یا شنیداری استفاده می کنند.
  3. بوت استرپ یک چارچوب متن باز HTML، CSS و جاوا اسکریپت است.
  4. با استفاده از بوت استرپ می‌توانید وب‌سایت‌ها یا برنامه‌های وب برای اولین بار در تلفن همراه واکنش‌گرا ایجاد کنید.

 

Bootstrap فارسی چیست؟

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

 

آیا استفاده از زبان فارسی در بوت استرپ باعث بهم ریختگی در رسپانسیو میشود؟

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

bootstrap فارسی

 

بوت استرپ فارسی را از کجا دانلود کنیم؟

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

به نظر من خودتان بوت استرپتان را فارسی کنید! بله کار چندان سختی نیست. آموزش ساخت بوت استرپ فارسی را در گوگل سرچ کنید و به راحتی طی چند دقیقه بوت استرپ خود را بدون باگ فارسی سازی کنید. با این کار شما مهارت فوق العاده ای در زمینه تغییر زبان بوت استرپ هم خواهید آموخت.

در ادامه من مراحل یکی از روش های ساخت بوت استرپ فارسی را برای شما به صورت خلاصه و تیتیر وار توضیح خواهم داد.

 

دانلود و نصب bootstrap

  1. بوت استرپ را دانلود کنید. ( از وب سایت getbootstrap.com )
  2. نیازی به دانلود فایل کامپایل شده css و js  نداریم. برید سراغ قسمت دانلود سورس فایل
  3. فایل زیپ سورس را دانلود کنید.
  4. یک پوشه جدید درست کنید و فایل دانلودی را داخل آن پوشه اکسترکت کنید.
  5. از پوشه dist/js فایل bootstrap.bundle.min.js را کپی و داخل فایل پروژه ای که تعریف کرده اید داخل پوشه assets/js قرار دهید.
  6. نکته: برای استفاده از بوت استرپ باید حتما jquery را هم در این پوشه قرار داده باشید.
  7. حالا نوبت به کپی کردن محتویات فایل sass است. این فایل را از پوشه دانلودی بوت استرپ پیدا کنید. و تمام آن را کپی کنید.
  8. در پوشه assets/css یک نیو فولدر بسازید و محتویات sass رو در پوشه جدیدی که ساختید paste کنید.
  9. در این قسمت شما بوت استرپ را به صورت درست و استاندارد نصب کرده اید. حالا بریم سراغ تغییر زبان. برای تغییر زبان شما باید تمامی کلمات right و left پوشه sass را باهم جابجا کنید تا بوت استرپ شما راست چین شود. برای این کار قاعدتا نباید تک به تک تمامی فایل ها را بگردید و کلمات را جایگزین کنید. در نتیجه راه حل زیر را پیاده سازی کنید.
  10. آدرس پوشه sass را کپی کنید.
  11. Notepad خود را باز کنید. و ctrl + F را بگیرید.
  12. ادرس کپی شده را در dictionary پیست کنید که بفهمد در چه پوشه ای باید عملیات را انجام دهد.
  13. در قسمت فیلتر از عملگر * استفاده کنید. با این کار تمامی فایل های داخل پوشه ست شده مورد تغییر قرار خواهند گرفت.
  14. از سربرگ find in page باید هر جا که right و left داشته باشیم رو جایگزین هم کنید.
  • در هنگام اجرای این تکنیک حواستان باشد که باید از یک متغیر سوم هم استفاده کنید. یعنی ابتدا کلمه right  را با یک کلمه دیگر که کلا در متن نباشد مثلا rriigghhtt جایگزین کنید. سپس کلمه left رو با right  جایگزین کنید و بعد کلمه rriigghhtt را با left جایگزین کنید. دلیل این کار هم مشخص است چرا که اگر شما در ابتدا تمامی right ها را به left تبدیل کنید و سپس بخواهید left  هارا به right تغییر دهید. دیگر هیچ left ای در متن شما باقی نخواهد ماند.

به همین راحتی بوت استرپ شما فارسی شد. امیدوارم از این آموزش استفاده لازم رو برده باشید و براتون مفید باشه. شما عزیزان میتونید آموزش های بیشتر و تکمیل تر رو از وب سایت فرادرس تهیه کنید. در ضمن اگر سوالی داشتید تو کامنت ها برامون بنویسید تا آموزشش رو اضافه کنیم.

دیدگاه شما چیست؟

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *