صفحه اصلی / دوره‌های آموزشی / Bootstrap / آموزش بوت استرپ 4 از مقدماتی تا پیشرفته

آموزش بوت استرپ 4 از مقدماتی تا پیشرفته


سطح مهارت
مقدماتی تا پیشرفته
مدت زمان
11:1
وضعیت دوره
پایان یافته
مدرس
مهدی عباسی
میزان رضایت دانشجو: (38 رای)
آموزش بوت استرپ 4 از صفر تا حرفه ای

لیست جلسات دوره


                       


درخواست مشاوره رایگان

برای مشاوره تخصصی از کارشناسان درسمن، شماره خود را وارد کنید.

مهدی عباسی
مدرس:

مهدی عباسی

18 سال سابقه برنامه‌نویسی و تدریس برنامه‌نویسی
کسب مقام‌های اول و دوم کشوری در مسابقات برنامه‌نویسی

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

شما صرفا یک دوره نمی خرید، بلکه برای آینده سرمایه گذاری می کنید
1,633 نفر در این دوره ثبت نام کرده‌اند
دسترسی مادام العمر به ویدئوهای دوره
دسترسی رایگان به آپدیت دوره
تدریس روان و با بالاترین کیفیت
400,000 تومان
افزودن به سبد خرید
ادامه فرآیند خرید

سوالات متداول

پیش نیاز آموزش بوت استرپ درسمن چه دوره ای می باشد؟

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

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

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

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

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

در پایان دوره می توانیم یک قالب سایت ایجاد کنیم؟

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

با این دوره بوت استرپ را کامل فرا میگیریم؟

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

نظرات دانشجویان

کاربر درسمن
N.A

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

پشتیبانی 1
پشتیبانی 1

سلام دوست عزیز بله میتونید.

کاربر درسمن
N.A

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

پشتیبانی 1
پشتیبانی 1

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

کاربر درسمن
sahand

سلام...واقعا استاد خیلی تدریسشون خوبه کاش به گوششونبرسون یه قسمت کوچکی در ادامه این دوره تعبیه که بوت5رو اموزش حتی اگر باز هزینه داشته باشه(چون هزینه در برابر توضیحات ایشون ارزش داره)...لطفا به ایشون بگید شاید اینکار انجام دادن...ممنون میشم

پشتیبانی 1
پشتیبانی 1

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

کاربر درسمن
امیر ریاضی

سلام قسمت دوم ویدیو شماره 25

پشتیبانی 1
پشتیبانی 1

سلام دوست عزیز، منظورتون متوجه نشدم.

کاربر درسمن
sahand

سلام....درحال حاضر بوت ورژن 5 اومده ایا خیلی باهم فرق دارند؟ یانه ؟چون خیلی درگیرم کرده

پشتیبانی 1
پشتیبانی 1

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

کاربر درسمن
سارا

من به html css تقریبا مسلط هستم ولی در بوت استرپ ضعیفم و آشنایی ندارم این دوره میتونه کمک کندده باشه؟

پشتیبانی 1
پشتیبانی 1

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

کاربر درسمن
نظری

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

پشتیبانی 1
پشتیبانی 1

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

کاربر درسمن
سبحان رمضانی

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

پشتیبانی 2
پشتیبانی 2

سلام جناب رمضانی وقتتون بخیر،

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

موفق و پیروز باشید.

کاربر درسمن
امیرجانی

ببخشید یه سوالی داشتم استاد دوره bootstrap studioرو ندارین؟

پشتیبانی 1
پشتیبانی 1

سلام دوست عزیز وقت بخیر، 

bootstrap studio در واقع یک نرم افزار هست که می توانید آن را دانلود کنید و ربطی به دوره آموزشی ندارد و یک دوره آموزشی نیست، شما می توانید در این محیط به کدنویسی بوت استرپ بپردازید.

کاربر درسمن
سولماز قانع

سلام استاد خسته نباشید یه سوال داشتم شما ریسپانسیو کردن رو هم توی این ویدئو ها آموزش میدید؟

پشتیبانی 2
پشتیبانی 2

سلام دوست عزیز،

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

کاربر درسمن
سوگند

سلام خسته نباشید میخواستم بدونم که فرق بین flexbox و bootstrap تو چیه و bootstrap دقیقا چه کارهایی انجام میده ؟

پشتیبانی 1
پشتیبانی 1

سلام دوست عزیز وقت بخیر،

سوال شما از پایه اشتباه است چون مقایسه کردن flexbox و bootstrap کار درستی نمی باشد، مثل این می می ماند که بگیم فرق لاستیک دوچرخه با فرمون دوچرخه در چیه؟

هر کدام از این ها ماهیت خاصی دارند مثلا flexbox قدرت پیچیده تری نسبت به inline و block دارد و شما از مرز های محدودیت خواهید گذشت و می توانید طراحی منعطف تری را داشته باشید.

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

موفق باشید.

کاربر درسمن
حجت

با سلام استاد اینکه ما که تو حوزه back-end کار میکنیم وقتی یجورایی متخصص شدیم بهتره که همون رو ادامه بدیم و توی اون افسانه بشیم یا اینکه بیایم سمت فرانت و توی این زمینه هم متخصص بشیم ؟ کلا یک زمینه اقیانوس شدن بهتره یا دریا شدن تو دو زمینه فرانت و بک ؟؟

پشتیبانی 2
پشتیبانی 2

سلام خدمت شما وقتتون به خیر باشه،

سوال خیلی خوبی پرسیدید که ممکنه سوال خیلی ها باشد، اگر شما در حوزه back-end کار می کنید خیلی خوب است که اطلاعات جامعی از دنیای front-end

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

نمایش بیشتر

نظر شما در تصمیم دیگران اثرگذار است.

لطفا برای همراهان درسمن و بهتر شدن دوره نظر خود را بنویسید.

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

توضیحات دوره

آموزش بوت استرپ 4 شروعی برای بهترین شدن

سلام خوش آمدید به یکی دیگر از دوره‌های آموزشی جذاب درسمن؛ در این دوره، با آموزش بوت استرپ 4 با ما همراه هستید. 

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

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

بوت استرپ چیست؟

بوت استرپ چیست- آموزش بوت استرپبوت استرپ یک فریم‌ورک یا یک چهارچوب نرم افزاری است و شامل کتابخانه‌های از قبل آماده شده که به زبان HTML،CSS و Java script است. Bootstrap به ما این امکان را می‌دهد که با استفاده از کتابخانه‌هایش المان‌هایی مثل فرم‌ها، تب‌ها و دکمه‌ها را به صفحات وب اضافه کنیم و رابط کاربری وب سایت خود را توسعه دهیم.

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

 

این تغییرات شامل موارد زیر است:

  1. اضافه شدن کلاس‌های ریسپانسیو جدیدتغییرات بوت استرپ- آموزش بوت استرپ

  2. به روز رسانی Print styleها

  3. بهبود شبکه Grid

  4. انتقال از Less به  Sass

 

امکانات بوت استرپ:

امکانات بوت استرپ-آموزش بوت استرپ

 

این فریم ورک با کلیه مرورگرهای استاندارد همخوانی دارد،ریسپانسیو بودن یکی دیگر از امکانات مهم این فریم‌ورک است که موجب شد وب سایت‌ها نمایش مناسبی در موبایل و تبلت داشته باشند. بوت استرپ را می‌توانید به صورت رایگان از سایت Github  دانلود کنید.


 

 

تاریخچه Bootstrap

بوت استرپ توسط Mark Otto و Jacob Thornton در توییتر طراحی شده است و به عنوان یک محصول متن باز در سال2011  در گیت‌هاب منتشر شد. در ژوئن 2014 Bootstrap برترین پروژه گیت‌هاب معرفی شد.

دلایل استفاده از بوت استرپ

  1. دلایل استفاده از بوت استرپ-آموزش بوت استرپیادگیری آسان: هر شخصی با داشتن دانش در زمینه html  و css  می‌تواند کار با بوت استرپ را شروع کند.

  2. ریسپانسیو بودن: واکنش گرایی در بوت استرپ باعث می‌شود وب سایت شما در گوشی، تبلت و کامپیوترهای شخصی به درستی نمایش داده شود.

  3. پشتیبانی از کلیه مرورگرها: از تمامی مرورگرها پشتیبانی می‌کند و با آنها سازگاری دارد مثل : firefox،chrome و...

  4. mobile-first: این موضوع یعنی طراحی اول برای تلفن‌های هوشمند انجام شود و سپس برای سایر موارد مثل کامپیوترها.

بوت استرپ یک دوست صمیمی برای html و css است که در کنار همدیگر میتواند سایت شما را با جذابیتی خاص در گوشی‌های هوشمند نشان دهد.

مزایای Bootstrap چیست؟

استفاده کردن از Bootstrap مزایای زیادی دارد و این امر باعث میشود توسعه دهنده‌گان از کار کردن با آن لذت ببرند، ما تعدادی از مزایای آن را به شما معرفی می‌کنیم:

  1. کاهش باگ‌های مرورگر

  2. مزایای بوت استرپ-آموزش بوت استرپدارای چهارچوبی ثابت

  3. مشکلات ناسازگاری css را برطرف می‌کند

  4. دارای حجم کم وقابلیت شخصی سازی کردن

  5. دارای ساختار ریسپانسیو و طرح‌های پیش ساخته

  6. سیستم ستون بندی عالی

  7. قالب‌های حرفه‌ای رایگان 

  8. پشتیبانی از اطلاعات و مستندات

  9. با به کارگیری jQuery پلاگین‌های زیادی از جاوا اسکریپت ارائه می‌دهد

 

آموزش بوت استرپ را چگونه شروع کنیم؟

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

ثبت نام

26