جلسه اول دوره آموزش Bootstrap : بوت استرپ چیست

مقدمه

Twitter Bootstrap محبوب ترین چارچوب front end در حال حاضر می باشد. اولین چارچوب front-end برای توسعه وب سریع تر و ساده تر ، پر زرق و برق تر ، بصری تر و قدرتمند می باشد. این چارچوب از HTML ، CSS و جاوا اسکریپت استفاده می نماید. در این دوره آموزشی به شما اصول اولیه چارچوب Bootstrap آموزش داده می شود که با استفاده از آن شما می توانید پروژه های وب را با سهولت انجام دهید. این دوره آموزش به بخش هایی از جمله ساختار پایه Bootstrap ، Bootstrap CSS ، مؤلفه های چیدمان Bootstrap و پلاگین های Bootstrap تقسیم شده است. هر یک از این بخش ها ، دارای موضوعات مرتبط همراه با مثال های ساده و مفید هستند.

مخاطبان این دوره آموزشی

این آموزش برای هر کسی که دارای دانش پایه ایی در مورد HTML و CSS است و خواستار یادگیری توسعه وب سایت می باشد ، آماده شده است. پس از اتمام این دوره آموزشی ، شما سطح مهارت متوسط در توسعه پروژه های وب با استفاده از Twitter Bootstrap را کسب خواهید نمود.

پیش نیاز دوره آموزشی

پیش از شروع این دوره آموزشی ، فرض ما بر این است که شما قبلاً در مورد اصول HTML و CSS آگاهی دارید. اگر شما به خوبی از این مفاهیم آگاهی نداشته باشید ، پیشنهاد می کنیم که به آموزش های کوتاه در خصوص HTML  و CSS  مراجعه نموده و با آنها آشنایی یابید.

Twitter Bootstrap چیست؟

Bootstrap اولین چارچوب front-end برای توسعه وب سریع تر و ساده تر می باشد. این چارچوب از HTML ، CSS و جاوا اسکریپت استفاده می کند.

تاریخچه

Bootstrap توسط Mark Otto و Jacob Thornton در توییتر توسعه داده شد. این محصول به عنوان یک محصول منبع باز (open source) در آگوست 2011 در GitHub منتشر شد.

چرا از Bootstrap استفاده کنیم؟

• اولین رویکرد موبایل : Bootstrap 3  ، چارچوبی متشکل از تمامی سبک های اولیه موبایل به صورت کتابخانه کلی به جای داشتن آنها در فایل های جداگانه است.
• پشتیبانی مرورگر : این پشتیبانی توسط تمام مرورگرهای محبوب صورت می گیرد.

• آسان برای شروع کار : تنها با داشتن دانش HTML و CSS ، هر کسی می تواند با Bootstrap شروع به کار نماید. هم چنین سایت رسمی Bootstrap مستندات خوبی را در اختیار کاربران قرار می دهد.
• طراحی واکنش گرا (responsive design) : CSS واکنش گرای Bootstrap به دستگاه های دسکتاپ ، تبلت و موبایل قابل تنظیم می باشد. اطلاعات بیشتر در مورد طراحی واکنش گرا را در فصل طراحی واکنش گرا Bootstrap ارائه می شود.

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

پکیچ Bootstrap شامل چه چیزی است؟

• Scaffolding : بوت استرپ یک ساختار اولیه با Grid System ، سبک های لینک دهی و پس زمینه فراهم می کند. جزئیات این بخش در فصل ساختار پایه ایی Bootstrap شرح داده می شود.
• CSS Bootstrap : همراه با ویژگی های تنظیمات CSS جهانی ، عناصر اصلی HTML استایل دهی شده و پیشرفته با کلاس های توسعه پذیر و یک سیستم Grid پیشرفته همراه است. این قسمت در بخش Bootstrap با CSS به طور کامل پوشش داده می شود.
• Components  Bootstrap : حاوی بیش از چندین مؤلفه قابل استفاده مجدد داخلی است که آیکون های گرافیکی ، dropdown ها ، navigation ، alert ها ، pop-over ها ، و سایر موارد را فراهم می نمایند. این جزئیات در بخش چیدمان  مؤلفه ها ، پوشش داده می شود.
• پلاگین های JavaScript : Bootstrap شامل چندین پلاگین jQuery سفارشی است. ما می توانیم به راحتی همه یا به صورت تکی ، این پلاگین ها را اضافه نماییم . این جزئیات در بخش پلاگین های  Bootstrap شرح داده شده می شود.
• سفارشی سازی : ما می توانیم مؤلفه های Bootstrap ، متغیرهای LESS و پلاگین های jQuery را سفارشی نماییم تا نسخه سفارشی خود را داشته باشیم.