4 روز شگفت انگیز با 70 و 85 درصد تخفیف از Black Friday تا Cyber Monday شروع شد! جزئیات

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

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

در دوره آموزش بوت استرپ 4 فارسی شما با آخرین نسخه بوت استرپ یعنی Bootstrap 4 به صورت کامل و جامع و به همراه انجام تعدادی مثال عملی و پروژه محور آشنا خواهید شد!  با ما همراه باشید تا نسخه 4 فریمورک محبوب بوت استرپ را در قالب حدود 13 ساعت فیلم آموزش بوت استرپ به زبان فارسی بیاموزیم.

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

سرفصل ها کلی بوده و بسیاری از موارد ذکر نشده است و ممکن است هر بخش شامل چندین ویدئو زیر مجموعه باشد.

فصل اول – معرفی

  • معرفی دوره و مدرس
  • پیش نیازهای یادگیری Bootstrap 4
  • فریم ورک چیست؟ بوت استرپ چیست؟ دلایل استفاده و محبوبیت؟
  • نگاهی گذرا به ویژگی های جدید بوت استرپ 4
  • تفاوت reset.css وnormalize.css و reboot.css
  • نصب و راه اندازی – آشنایی با مفهموم CDN و Package Manager
  • پشتیبانی مرورگرها
  • آیا شخصی سازی بوت استرپ ممکن است؟

فصل دوم – قالب بندی و ساختار بوت استرپ

  • نقاط شکست یا breakpoint ها
  • آشنایی باContainer ها
  • Grid system چیست و چگونه با آن ها کار کنیم؟
  • آشنایی با نحوه کارکرد کلاس های row و col و تفاوت های آن با نسخه قبل
  • آشنایی و کار با flex class ها
  • آشنایی با Auto Margin ، Wrap، Ordering

فصل سوم – نمایش محتوا

  • تایپوگرافی (Headings , Alignment , Text alignment , Lists , ... )
  • نحوه درج تصاویر و کلاس های مربوطه
  • کار با جداول و استفاده از Vertical align
  • رنگ ها در بوت استرپ

فصل چهارم – کامپوننت ها در Bootstrap4

  • آشنایی با نحوه استفاده از Alerts
  • آشنایی با نحوه استفاده از Badge
  • آشنایی با نحوه استفاده از Breadcrumb
  • آشنایی با نحوه استفاده از Buttons
  • آشنایی با نحوه استفاده از Button group
  • آشنایی با نحوه استفاده از Card
  • آشنایی با نحوه استفاده از Carousel
  • آشنایی با نحوه استفاده از Collapse
  • آشنایی با نحوه استفاده از Dropdowns
  • آشنایی با نحوه استفاده از Forms
  • آشنایی با نحوه استفاده از Input group
  • آشنایی با نحوه استفاده از List group
  • آشنایی با نحوه استفاده از Modal
  • آشنایی با نحوه استفاده از Navs
  • آشنایی با نحوه استفاده از Navbar
  • آشنایی با نحوه استفاده از Pagination
  • آشنایی با نحوه استفاده از Popovers
  • آشنایی با نحوه استفاده از Progress
  • آشنایی با نحوه استفاده از Scrollspy
  • آشنایی با نحوه استفاده از Tooltips

فصل پنجم – کلاس های کمکی در بوت استرپ 4

  • نحوه استفاده از کلاس Display و Visibility و تفاوت آن ها
  • کار با کلاس های مربوط به Flex
  • کلاس ها مربوط به Float
  • مدیریت Position با استفاده از کلاس های بوت استرپ (Fixed top, Fixed bottom, Sticky top)
  • آشنایی با Borders
  • آشنایی با Shadows
  • آشنایی با Sizing
  • مدیریت Spacing ها با استفاده از کلاس های بوت استرپ (Notation, Horizontal centering)

فصل ششم – انجام پروژه با بوت استرپ 4

فصل هفتم – جمع بندی دوره  آموزش بوت استرپ و صحبت پایانی 

ویدیو های نمونه از این دوره:

تعدادی از ویدیو های این دوره در بخش مربوط به پیش نمایش آموزش (بالا- ستون سمت راست) برای شما قرار داده شده است تا از کیفیت کمی و کیفی آموزش بوت استرپ 4 (Bootstrap 4) مطمئن شوید و قبل از خرید این دوره آموزشی به خوبی سطح آن را از همه لحاظ ارزیابی کنید.

راهنمای دریافت آموزش بوت استرپ 4 (Bootstrap 4):

جهت دریافت این آموزش با کلیک بر روی دکمه “دریافت آموزش” (بالا- ستون سمت راست) جهت خرید اقدام کنید. بلافاصله پس از پرداخت آنلاین می توانید وارد پنل کاربری خود در لرن فایلز شده و به ویدیو های آموزشی و سایر امکانات دسترسی داشته باشید.(دسترسی بدون محدودیت در هر زمان و مکان)

قبل از شروع آموزش بوت استرپ ۴ (Bootstrap 4) نیاز به یادگیری آموزش های زیر دارید:

این آموزش تاکنون نیاز به آپدیت نداشته است و کاملاً بروز می باشد!

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

  • در آپدیت باکس این آموزش، موردی یافت نشد.
نظرات کاربران

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

33 نظر ثبت شده است
سپیده پورمهران
2347 روز همراهی
سپیده پورمهران (3 آذر 1402 | 10:26)

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

ارسال پاسخ
میهمان
واحد پشتیبانی لرن فایلز (4 آذر 1402 | 09:00)

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

ارسال پاسخ
میهمان
فاطمه (11 مرداد 1400 | 13:19)

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

ارسال پاسخ
میهمان
واحد پشتیبانی لرن فایلز (16 مرداد 1400 | 11:32)

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

ارسال پاسخ
فرشید اسدی
1394 روز همراهی
farshidasadi94 (19 بهمن 1399 | 14:04)

خسته نباشید من bootstrap بلد هستم فقط قسمت ساخت پروژه عملی رو میخوام ببینم .. امکانش هست؟؟؟

ارسال پاسخ
میهمان
واحد پشتیبانی لرن فایلز (19 بهمن 1399 | 23:52)

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

ارسال پاسخ
میهمان
وحید رهگشا (20 مهر 1398 | 14:55)

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

ارسال پاسخ
mohammad 1
1922 روز همراهی
محمد جواد مرکباتی (12 شهریور 1398 | 03:12)

خسته نباشید ببخشید تو قسمت collpase یا قسمتایی که کلا ” ” = …-data استفاده میکنین تو دستورها.
این دستور برا من مشکل داره و عمل نمیکنه من حتی از خود سایت بوت استرپ مثلا دستورای اول collpase رو کپی کردم بازم جواب نداد.
میخواستم بدونم باید چیکار کنم؟

ارسال پاسخ
میهمان
مدرس - سید محمد حسین موسوی (12 شهریور 1398 | 23:51)

سلام
چنتا دلیل می تونه داشته باشه:
1- فایل js مربوط به bootstrap رو تو پروژه تون اضافه نکردید

2- فایل jquery رو به پروژه تون اضافه نکردید

3- خصوصیت زیر رو درست ننوشتید:
data-toggle=”collapse”

4- علاوه بر خصوصیت بالا باید بهش بگید که قراره با زدن ایتم مورد نظر کدوم element باز و بسته بشه که باید داخل اتریبیوت زیر مقدار دهی کنید:
href=”#yourElementIdIsHere”
علاوه بر این باید یه element هم با همون ایدی تو صفحه داشته باشید که ایدیش دقیقا چیزی باشه که داخل مرحله قبل دادید

ارسال پاسخ
احسان چرم پیشه
میهمان
واحد پشتیبانی لرن فایلز (12 شهریور 1398 | 08:23)

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

ارسال پاسخ
میهمان
مسعود (10 اردیبهشت 1398 | 22:39)

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

ارسال پاسخ
احسان چرم پیشه
میهمان
واحد پشتیبانی لرن فایلز (2 تیر 1398 | 15:13)

درود بر شما
خوشحالیم که مفید واقع شده براتون
موفق باشید

ارسال پاسخ
میهمان
att (27 اسفند 1397 | 06:55)

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

ارسال پاسخ
میهمان
واحد پشتیبانی لرن فایلز (27 اسفند 1397 | 07:59)

عالبه ، ممنون بابت نظرتون!

ارسال پاسخ
محمد بهداد
2388 روز همراهی
mohammad_m933 (20 بهمن 1397 | 22:33)

سلام
میخواستم بدونم در پروژه ای که انجام میدین از فایل آماده راست چین شده بوت استرپ استفاده میکنید یا خودتون مرحله به مرحله راست چین انجام میدین ؟
دوم اینکه از نسخه چند بوت استرپ 4 در این آموزش استفاده شده است ؟

ارسال پاسخ
میهمان
محمد (19 بهمن 1397 | 23:43)

سلام وقت بخیر میخواستم بدونم آیا فارسی سازی و RTL کردن خودتون در طول دوره انجام میدین یا از نسخه RTL Bootstrap استفاده میکنید ؟

ممنون و سپاس

ارسال پاسخ
میهمان
سید محمد حسین موسوی (29 بهمن 1397 | 13:50)

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

ارسال پاسخ
میهمان
علیرضا (30 آذر 1397 | 16:15)

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

ارسال پاسخ
میهمان
واحد پشتیبانی لرن فایلز (1 دی 1397 | 10:06)

درود بر شما
در متن توضیحات دوره چندین ویدئو نمونه وجود داره که ویدئو معرفی پروژه انجام شده هم موجود هست .
شما میتونید با مشاهده این ویدئو با پروژه انجام شده آشنا بشید .
با تشکر

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