آموزش بوت استرپ (BootStrap)

آموزش بوت استرپ (BootStrap)

آموزش بوت استرپ (BootStrap)

Bootstrap چیست؟

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

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

 

آموزش بوت استرپ 4 رو میتونید در این لینک مشاهده کنید : دوره آموزش BootStrap 4

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

مدت زمان دوره: 01:10:07
راهنما! برای دانلود با دانلود منیجر(IDM) بر روی این لینک کلیک کنید.

در این ویدئو ما آموزش استفاده از بوت استرپ را بررسی خواهیم کرد و همچنین در حین آموزش یک قالب را پیاده سازی و تکمیل میکنیم .

 

برای ارسال نظر نیاز است وارد سایت شوید. در صورت نداشتن حساب کاربری عضو شوید.

fvb ارسال شده در یک شنبه ۱۵ مهر ۱۳۹۷

واقعا ممنون

Arezou ارسال شده در سه شنبه ۱۰ مهر ۱۳۹۷

سلام خسته نباشید.لینک دانلود خرابه

ایمان مدائنی ارسال شده در چهار شنبه ۱۱ مهر ۱۳۹۷

سلام 

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

moosavi ارسال شده در سه شنبه ۳ مهر ۱۳۹۷

با عرض سلام و تشکر از آموزشهای خوبتان

دو سوال من با پیغام  "عنوان نامناسب" روبرو گردید و بدون جواب حذف گردید. می توانید علت حذف سوالاتم را بفرمائید. با تشکر

ایمان مدائنی ارسال شده در سه شنبه ۳ مهر ۱۳۹۷

سلام 

اگر برای سوالات از عناوین مناسب استفاده نشود سوال حف میشود و اگر این عمل توسط کاربر بیشتر از 3 بار تکرار شود دسترسی کاربر از انجمن سایت قطع خواهد شد 

برای سوالات باید از عناوین مناسب استفده شود مثال "نحوه نصب بوت استرپ"

elyast ارسال شده در جمعه ۲۶ مرداد ۱۳۹۷

سلام

متشکرم از آموزش بسیار زیبا تون که در 70 دقیقه همه چی رو گفتید

منتظر ورژن 4 هستم.متشکرم

با آرزوی موفقیت روز افزون

vahidamel ارسال شده در چهار شنبه ۱۰ مرداد ۱۳۹۷

سلام 

واقعا به طور 100 در صد بهترین اموزشی بود که توی بحث طراحی سایت دیدم موفق باشین

 

mojtaba ارسال شده در دو شنبه ۸ مرداد ۱۳۹۷

ممنون خیلی خوب بود .

HamidrezaArzbin ارسال شده در جمعه ۵ مرداد ۱۳۹۷

سلام. این بهترین آموزشی بود که تا حالا دیدم! بهتره بگم محشر بود! ♥

لطفاً بازم از این آموزشها بذارین. ای کاش یه آموزش مثل این برای C# داشتم

ایمان مدائنی ارسال شده در جمعه ۵ مرداد ۱۳۹۷

سلام 

سلامت باشید 

آموزش سی شارپ هم در سایت هست 

هم مقدماتی و هم پیشرفته

HamidrezaArzbin ارسال شده در جمعه ۵ مرداد ۱۳۹۷

آموزش C# به همین صورته یا خشک و رسمیه؟! این آموزش به حدی خوب بود که نه تنها خسته نشدم بلکه خیلی احساس بهتری پیدا کردم. 

paya110 ارسال شده در دو شنبه ۲۵ تیر ۱۳۹۷

سلام

این فیلم که تصویر ندارههههه!!!!

 و فقط یه عکس ثابت روشه با صدا!!!!!!!!!!!!!

paya110 ارسال شده در دو شنبه ۲۵ تیر ۱۳۹۷

سلام ممنون

این یک فیلم کافی هست برای آموزش اصول بوت استرپ؟

ایمان مدائنی ارسال شده در دو شنبه ۲۵ تیر ۱۳۹۷

سلام 

از نظر من بله 

meysampaknahad ارسال شده در چهار شنبه ۱۳ تیر ۱۳۹۷

سلام

ممنون از آموزش بسیار عالی که در سایت قرار دادید.

خیلی مفید بود برام.

موفق باشید

ahmadreza1380 ارسال شده در یک شنبه ۱۰ تیر ۱۳۹۷

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

 

ایمان مدائنی ارسال شده در یک شنبه ۱۰ تیر ۱۳۹۷

سلام 

چشم حتما

Mohsenm ارسال شده در شنبه ۹ تیر ۱۳۹۷

سلام استاد

 

به نظر شما بوت استرپ بهتره یا متریال دیزاین؟

senatordx ارسال شده در پنج شنبه ۷ تیر ۱۳۹۷

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

ایمان مدائنی ارسال شده در جمعه ۸ تیر ۱۳۹۷


برای کسی که طراح هست و یا میخواد طراح یا دیزاینر بشه شما درست میگید

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

سیده مهشید فاطمی ارسال شده در چهار شنبه ۱۹ اردیبهشت ۱۳۹۷

آموزش بسیار مختصر و کاربردی بود. خیلی متشکرم

hamedmortazi ارسال شده در پنج شنبه ۳ اسفند ۱۳۹۶

سلام و درود

با توجه به تغییرات فراوانی که ورژن 4 بوت استرپ نسبت به ورژن های قبلی پیدا کرده و اینکه آموزش فعلی شما ( با این که از بار علمی بالایی برخورداره) برای ورژن جدید دارای تناقضاتی هستش، تقاضا می کنم در صورت امکان آموزش کوتاهی مبنی بر تفاوت های ورژن های قبلی با ورژن 4 ( البته به صورت عملی به مانند ویدیوی قبلیتون) ارائه بفرمایید.

ممنون از قدم های مثبت جناب عالی

ایمان مدائنی ارسال شده در پنج شنبه ۳ اسفند ۱۳۹۶

سلام 

چشم حتما به زودی آماده خواهم کرد

Mohshokri ارسال شده در پنج شنبه ۱۲ بهمن ۱۳۹۶

با سلام و احترام

بنده تا امروز چندین بار با موبایل و لپ تاپ اقدام به دانلود فایل های رایگان

"بخش طراحی سایت"

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

با تشکر

ایمان مدائنی ارسال شده در پنج شنبه ۱۲ بهمن ۱۳۹۶


تست کردم دوست من مشکلی نداشت

با موبایل هم تست کردم

yousefihsm ارسال شده در یک شنبه ۸ بهمن ۱۳۹۶

مرسی . جناب مداینی عالی بود. 

مهرداد ارسال شده در چهار شنبه ۲۰ دی ۱۳۹۶

سلام استاد

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

ایمان مدائنی ارسال شده در چهار شنبه ۲۰ دی ۱۳۹۶

سلام 

چشم حتما

amirghasemi ارسال شده در چهار شنبه ۲۰ دی ۱۳۹۶

سلام بر حضرت ایمان عزیز

مثل همیشه بسیار بسیار ممنون از وقتی که گذاشتید

بیصبرانه منتظر دیدن ویدئوی آموزشی انجام پروژه با بوت استرپ هستیم

مهرداد ارسال شده در شنبه ۱۶ دی ۱۳۹۶

سلام

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

ایمان مدائنی ارسال شده در شنبه ۱۶ دی ۱۳۹۶

سلام 

چشم حتما

hyperboy743 ارسال شده در شنبه ۱۶ دی ۱۳۹۶

سلام آقای مدائنی تست کردم هنوزم نمیشه یا idm دانلود کرد .

مسعود قربانی ارسال شده در شنبه ۱۶ دی ۱۳۹۶

سلام

اصلآ با IDM نمیشه دانلود کرد.

ایمان مدائنی ارسال شده در شنبه ۱۶ دی ۱۳۹۶

مشکل برطرف شد

ممنون میشم تست کنید و نتیجه را اطلاع دهید

hyperboy743 ارسال شده در سه شنبه ۱۲ دی ۱۳۹۶

سلام آقای مدائنی مننون از سایتتون لطفا اگه میشه یه کاری کنید بشه با idm دانلود کنید اینجوری خیلی بده اصن نمیشه دانلود کرد.

 

ایمان مدائنی ارسال شده در سه شنبه ۱۲ دی ۱۳۹۶

سلام

ما مشکل idm رو برطرف کردیم

دوباره بررسی خواهم کرد

MohammadMohseni ارسال شده در جمعه ۸ دی ۱۳۹۶

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

hamof ارسال شده در پنج شنبه ۷ دی ۱۳۹۶

با سلام خدمت آقای مدائنی عزیز و تشکر از آموزش بسیار عالیتون

یه مشکلی واسم پیش اومده که قلیپ آیکون را هرکاری می کنم نشون نمیده تو پروژه ای که عینا" همونی که تو پوشه قرار دادید آقای مدائنی. لطفا اشما هم امتحان کنید و راه حلش رو اعلام کنید ممنون

 

ایمان مدائنی ارسال شده در پنج شنبه ۷ دی ۱۳۹۶

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

ولی میتونید آدرس ها رو بررسی کنید

vahdani_d ارسال شده در چهار شنبه ۶ دی ۱۳۹۶

این آموزش واقعا ماهیگیری رو یاد میده روش تدریستون معرکست هزارتا لایک دارید

مثل همیشه عالی 

منتظر انگولار هم هستم فقط لطفا ورژن اخر باشه چون شنیدم کلا نسخهاش متفاوته 

ایمان مدائنی ارسال شده در چهار شنبه ۶ دی ۱۳۹۶

سلامت باشی دوست من

من فقط انجام وظیفه میکنم

Arrow1370 ارسال شده در یک شنبه ۱۰ دی ۱۳۹۶


با سلام منم با شما به شدت موافقم آقای مدائنی فوق العادس

Arrow1370 ارسال شده در یک شنبه ۱۰ دی ۱۳۹۶


با سلام منم با شما به شدت موافقم آقای مدائنی فوق العادس

mohammadEsmaeili ارسال شده در چهار شنبه ۶ دی ۱۳۹۶

سلام دانلود متاسفانه قابلیت resume نداره.

احمد مصدق ارسال شده در چهار شنبه ۶ دی ۱۳۹۶

با سلام و تشکر از آموزش های خوب شما

سه بار اقدام به دانلود کردم هر بار حدود 90 مگا بایت دانلود کردم  که بدلیل قطع شدن اینترنت از بین رفت

ای کاش میشد با IDM دانلود کرد

ایمان مدائنی ارسال شده در چهار شنبه ۶ دی ۱۳۹۶

از شما عذر خواهی میکنیم

تا عصر امروز این مشکل را برطرف خواهیم کرد