دوره مجازی بوت استرپ (جلسه 2): پیشنیازها و آماده سازی محیط کار

دسته بندی: آموزش
زمان مطالعه: 1 دقیقه
۰۴ تیر ۱۳۹۴

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

مطالب مطرح شده در این جلسه عبارتند از :

  • معرفی منابع برای دانلود آخرین ورژن فریم ورک بوت استرپ
  • بررسی نسخه RTL فریم ورک بوت استرپ و نحوه تهیه آن
  • مروری بر وب سایت رسمی فریم ورک بوت استرپ
  •  مفهوم و بررسی CDN های رسمی فریم ورک بوت استرپ
  • بررسی ساختار فایل های فریم ورک بوت استرپ
  • ایجاد پوشه ها و ساختار فایل بندی فریم ورک بوت استرپ در نرم افزار PhpStorm
  • بررسی متا تگ view port دلیل استفاده و توضیح در مورد ساختار آن همرا با مثال
  • نحوه اضافه کردن استاندارد فایل های بوت استرپ در اسناد وب
  • اضافه کردن اسکریپت ها respond و html5shiv برای پشتیبانی مرورگرهای قدیمی از تگ ها و ساختار html5
  • نحوه راستچین کردن فریم ورک بوت استرپ و نگاهی کوتاه به هسته بوت استرپ
:: توجه

این مطلب یک جلسه از آموزش بوت استرپ 3 می باشد و برای مشاهده آن باید در دوره ثبت نام کنید.

ثبت نام در آموزش بوت استرپ 3

چه امتیازی به این مقاله می دید؟
نویسنده
علاقمند به طراحی و برنامه نویسی وب هستم و چند سالی میشه که در این زمینه فعالیت می کنم. (ایمیل من: @) وب سایت من:

جلسات دوره

نظرات کاربران

zahraa kolivand

سلام
برای متعادل سازی در استفاده از col ها در قسمت 3 گفته شده از col-md , col-xs استفاده کنیم، در بوت استرپ 4 col-xs حذف شده، استاندارد colها چطور میشه ؟
برای گرید بندی استاندارد از چه col هایی استفاده کنیم ؟
پیشاپیش ممنون از پاسخگوییتون

وحید صالحی

سلام در جلسه قبل در موردش توضیح دادیم شما بجای col-xs اگر مقداری نزارید بصورت بلک های 12 ستون خود کار در نظر گرفته میشه یا می تونید از کلاس col-12 یا هر عددی بین 1 تا 12 استفاده کنید پیشنهاد می کنم آخرین جلسه رو که منتشر شده ببنید

آرش ذاکری

سلام، خسته نباشین
چرا نمیشه فیلم رو دانلود کرد؟

لقمان آوند

چک کردیم مشکل خاصی مشاهده نشد …
حتما روی لینک دانلود کلیک کنید و از تبلت و گوشی هم استفاده نکنید برای دانلود

Rohallah Hatami

سلام دانلود نمیشه .
با pc هم دارم انجام میدم اما نمیشه

لقمان آوند

مجددا تست کنید …

یاسر پرهیزگار

سلام بنده هرکاری میکنم فونتم به byekan تغییر نمیکنه و فونت پیشفرظ نمایش داده میشه دقیقا مثل آموزش شما عمل کردم اگر مواردی هست که باید چک کنم بیزحمت بهم بگید ممنون میشم 😀

وحید صالحی

احتمالا جایی رو اشتباه کردید در آدرس دهی به هر حال یکبار در مروگر زمانی که پروژه رو اجرا کردید کلیدهای ترکیبی ctrl+F5 رو فشار بدید ساید مرورگرتون کش کرده ,کش خالی بشه

ali rasapour

لطفا دوره های آموزشی کاربردی CSS بزارین.
ساخت گیم انیمیت های ویژه و غیره .
UI هم مینطور.
با تشکر.

محمدرضا

عرض ادب خدمت مهندس صالحی و با آرزوی سلامتی برای ایشون
ببخشید استاد من یه سوال داشتم
لازم هست که CSS Reset رو هم به سندمون لینک کنیم یا خود فریم ورک این نرمال سازی رو برای مرورگرهای مختلف انجام میده ؟

وحید صالحی

سلام ممنون دوست عزیز بله اضافه کنید بهتر هستش مخصوصا برای مرورگر ie لازمه

امین خلیلی

سلام اقای صالحی نمیشه فایل ویدیویی را دانلود کرد

لقمان آوند

از موبایل یا تبلت برای دانلود استفاده نکنید
تو pc مشکلی نداره

Somayeh Shams

سلام. فایل های اسکریپت html5shiv.min.js و respond.min.js نیاز به هسته جی کوئری ندارند؟
مشکلی پیش نمیاد که هسته جی کوئری رو بعد از این دو قرار بدیم؟

وحید صالحی

سلام نه مشکلی نداره

Somayeh Shams

سلام. وقتتون بخیر
موقعی که پروژه جدید رو در phpstorme ایجاد میکنم ، پوشه ای با نام .idea هم درون فایلم ایجاد میشه که یکسری فایل xml توش هشت. این پوشه چی هست؟ پاک کردنش در روند طراحی بوت استرپ مشکلی ایجاد نمیکنه ؟

وحید صالحی

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

parastoo m

سلام
من فایل های جلسه دوم را دانلود کردم اما session هایی که گفتید انجا نیست.

وحید صالحی

session رو خودتون باید در هنگام ایجاد پروژه ایجاد کنید و فایل های هر جلسه رو درونش قرار بدید

وحید صالحی

خواهش میکنم ببینید شما باید ابتدا نوع فریم ورک و یا فایل هایی رو که نیاز دارید رو مشخص کنید به عنوان مثال برای فایل های مورد نیاز برای زراحی تحت قالب فریم ورک بوت استرپ می تونید از cdn های زیر که در سایت رسمیش هم موجوده استفاده کنید:

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">
<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

برای کتابخانه جی کوئری می تونید از cdn زیر استفاده کنید که مربوط به سایت رسمی جی کوئری هست

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

و یا از cdn های معتبر دیگه که در آدرس های زیر هست استفاده کنید (به لینک های زیر مراجعه کنید)

http://www.asp.net/ajax/cdn#jQuery_Releases_on_the_CDN_0

http://cdnjs.com/libraries/jquery/

http://www.jsdelivr.com/projects/jquery

تمام اینها مورد تایید وب سایت رسمی هستند
موفق باشید

پایان زمان پشتیبانی

دانشجوی گرامی، بازه پشتیبانی فعال برای این دوره ۳ ماه است که برای شما به پایان رسیده است.

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

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
گزارش مشکل