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

۰ رای ۰.۰

access_time طول دوره ۰ ساعت
event_seat تعداد جلسات ۲۳ جلسه
people دانشجویان ۲۴۷ نفر
headset_mic پشتیبانی دوره۳ ماه
file_downloadسرفصل های دوره دانلود

قیمت : ۱۴۹ هزار تومان

schedule آموزش حرفه ای Bootstrap 4 به همراه پروژه کاربردی
description توضیحات دوره list جلسات دوره speaker_notes دیدگاه ها
list لیست جلسات دوره
  1. دوره مجازی بوتسترپ 4 : جلسه اول - مفاهیم سیستم شبکه بندی play_circle_outlined
  2. دوره مجازی بوتسترپ 4 : جلسه دوم - نصب و راه اندازی play_circle_outlined
  3. دوره مجازی بوتسترپ 4 : جلسه سوم - بررسی سیستم شبکه بندی بخش اول play_circle_outlined
  4. دوره مجازی بوتسترپ 4 : جلسه چهارم - بررسی سیستم شبکه بندی بخش دوم play_circle_outlined
  5. دوره مجازی بوتسترپ 4 : جلسه پنجم - بررسی سیستم شبکه بندی بخش سوم play_circle_outlined
  6. دوره مجازی بوتسترپ 4 : جلسه ششم - بررسی سیستم شبکه بندی بخش چهارم play_circle_outlined
  7. دوره مجازی بوتسترپ 4 : جلسه هفتم - بررسی سیستم شبکه بندی بخش پنجم (پایانی) play_circle_outlined
  8. دوره مجازی بوتسترپ 4 : جلسه هشتم - کامپوننت ها - بخش اول play_circle_outlined
  9. دوره مجازی بوتسترپ 4 : جلسه نهم - کامپوننت ها - بخش دوم play_circle_outlined
  10. دوره مجازی بوتسترپ 4 : جلسه دهم - کامپوننت ها - بخش سوم play_circle_outlined
  11. دوره مجازی بوتسترپ 4 : جلسه یازدهم - کامپوننت ها - بخش چهارم play_circle_outlined
  12. دوره مجازی بوتسترپ 4 : جلسه دوازدهم - کامپوننت ها - بخش پنجم play_circle_outlined
  13. دوره مجازی بوتسترپ 4 : جلسه سیزدهم - کامپوننت ها - بخش ششم play_circle_outlined
  14. دوره مجازی بوتسترپ 4 : جلسه چهاردهم - کامپوننت ها - بخش هفتم play_circle_outlined
  15. دوره مجازی بوتسترپ 4 : جلسه پانزدهم - کامپوننت ها - بخش هشتم play_circle_outlined
  16. دوره مجازی بوتسترپ 4 : جلسه شانزدهم - utility ها - بخش اول play_circle_outlined
  17. دوره مجازی بوتسترپ 4 : جلسه هفدهم - utility ها - بخش دوم play_circle_outlined
  18. دوره مجازی بوتسترپ 4 : جلسه هجدهم - پروژه - بخش اول play_circle_outlined
  19. دوره مجازی بوتسترپ 4 : جلسه نوزدهم - پروژه - بخش دوم play_circle_outlined
  20. دوره مجازی بوتسترپ 4 : جلسه بیستم - پروژه - بخش سوم play_circle_outlined
  21. دوره مجازی بوتسترپ 4 : جلسه بیست و یکم - پروژه - بخش چهارم play_circle_outlined
  22. دوره مجازی بوتسترپ 4 : جلسه بیست و دوم - پروژه - بخش پنجم play_circle_outlined
  23. دوره مجازی بوتسترپ 4 : جلسه بیست و سوم - پروژه - بخش ششم - (جلسه آخر) play_circle_outlined

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

آموزش بوت استرپ 4.0 : ورژن 4 بوت استرپ دستخوش تغییراتی شده که این امر باعث بهینه تر شدن این فریم ورک محبوب گردیده است.این تغییرات در ساختار کلاس ها و اضافه شدن استایل های بسیار متنوع برای طراحی رابط کاربری منعطف تر همراه با کدنویسی کمتر از جانب طراح می باشد.از نکات قابل توجه در ورژن جدید کم حجم شدن هسته فریم ورک و امکانات متنوعی است که در این ورژن گنجانده شده و تغییراتی اساسی برای هرچه بهتر شدن آن صورت گرفته است. حال با توجه به انتشار نسخه نهایی ورژن 4 فریم ورک بوت استرپ مفتخریم که به عنوان اولین وب سایت آموزشی در عرصه وب فارسی دوره ای جامع در رابطه با ورژن جدید این فریم ورک برگزار نماییم و امیدواریم مانند گذشته این دوره نیز مورد استقبال شمت عزیزان قرار گرفته و رضایت خاطر شما را همراه داشته باشد

سرفصل دوره آموزش فریم ورک Bootstrap 4

  فصل اول : سیستم گرید و بررسی تغییرات آن در ورژن 4
  • معرفی سیستم گرید در ورژن 4 بوت استرپ
  • بررسی کلاس های سیستم گرید و تغییرات آن
  • بررسی انواع حالت های پیاده سازی سیستم گرید
فصل دوم : کار با محتوا و بررسی تغییرات آن در ورژن 4
  • کار با متون (Typography)
  • کار با کدها (Code)
  • کار با تصاویر (Images)
  • کار با جداول (Tables)
  • معرفی تگ Figures برای ارتباط بین تصاویر و متون مرتبط به یکدیگر
  • و...
فصل سوم : Component ها و بررسی تغییرات آن در ورژن 4
  • کار با منوها و ساختار و کلاس های جدید آن
  • کار با انواع فرم ها
  • کار با باکس های نمایش پیام به کاربران
  • منو های کشویی و افتادنی (Dropdown menu)  و بررسی انواع آن
  • کار با دکمه های مستقل و گروهی
  • کار با beardcrumb
  • کار با مدال ها
  • کار با اسلایدر (Carousel)
  • ایجاد لینک های صفحه بندی
  • معرفی و استفاده از Jumbotron
  • کار با popover  ها  tooltips  ها
  • کار با Progress bar ها و معرفی انوع آنها
  • و...
  فصل چهارم : Utility ها و بررسی کلاس ها و استایل های جدید اضافه شده در ورژن 4
  • مبحث بررسی کلاس های Border ها
  • مبحث بررسی کلاس های رنگ ها
  • مبحث بررسی کلاس های نمایش و عدم نمایش عناصر در سایزهای مختلف صفحه نمایش
  • مبحث بررسی کلاس های شناور سازی عناصر در سایز های مختلف صفحه نمایش
  • محبث بررسی کلاس های موقعیت دهی به عناصر در قسمت های مختلف اسناد
  • مبحث بررسی کلاس های تعیین اندازه عناصر بودن استفاده از سیستم گرید بوت سترپ
  • مبحث بررسی کلاس های تعیین فاصله عناصر از یکدیگر  (margin-padding)
  • مبحث بررسی کلاس های تعیین متون در سند
  • مبحث بررسی کلاس های تراز عمودی عناصر
  • و...
فصل پنجم : پروژه
  • طراحی قالب رسپانسیو توسط ورژن 4 بوتسترپ و استفاده از امکانات آن ( قالب فروشگاه )
   
info نکته :

در طول دوره و به مرور و متناسب با هر مبحث کلاس های حذف شده  و جدید در ورژن 4 معرفی خواهند شد.

 
حمید درویش replyپاسخ

سلام و خسته نباشید
وقتی به المان کلاس col رو میدیم، این دقیقا یعنی چی؟ مثلا col-5

وحید صالحی

یعنی استفاده از 5 ستون ار 12 ستون موجود

mehdi tavangar replyپاسخ

سلام من دوره رو خریدم ولی لینک دانلود فعال نیست

وحید صالحی

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

رسول طیبی راد replyپاسخ

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

وحید صالحی

سلام ممنون از لطفتون می تونید به اولین div یا fvhd هر دو اونها خاصیت display:inlineblock رو ست کنید.

mohamad tamimipoor replyپاسخ

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

darya replyپاسخ

سلام
استاد ورژن rtl جدیدی رو میشه لطفا معرفی کنید؟
من دوره bootstrab3 رو هم شرکت کرده بودم اون نسخه rtl که معرفی کردید عالی بود و تقریبا هیچ مشکلی نداشت.
چند ماه پیش این دوره رو شرکت کردم، با نسخه rtl که معرفی کردید یه پروژه انجام دادم خیلی اذیت شدم البته فرصت نشد جلسات رو کامل ببینم فک کنم فایل جلسه 5 یا 6 بود.
لطفا راهنمایی کنید.
از آموزش خوبتون بسیار متشکرم

محمد مهدی عابدینی replyپاسخ

سلام ایا بوت استرپ 4 از منوی کشویی پشتیبانی می کنه یا نه ؟ و اینکه چطور میشه راست چین کرد؟

فرهاد replyپاسخ

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

وحید صالحی

سلام وظیفه فایل reboot تغییر استایل های پیش فرض مرورگرهای مختلف به استایل هایی هست که خود بوتسترپ بهینه کرده برای مرورگرها تا جایگزین اونها بشه و خیلی از رفتار المان ها رو استاندارد و یکسان می کنه برای مرورگرها مختلف و پیشنهاد میشه استفاده کنید تا قالب استاندارد تری داشته باشید

ابتسام ناصری replyپاسخ

سلام من یه مشکلی دارم وقتی از inspectorاستفاده میکنم تو حالت رسپانسیو یه deviceمثلا با عرض300هم انتخاب کنم باز smو mdمن بدرستی کار میکنه و تمام عرض صفحه رو نمیگیرن خواهشا جواب بدین

وحید صالحی

!!!

نازمحمد گری replyپاسخ

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

نازمحمد گری replyپاسخ

سلام آقای صالحی خسته نباشید / آموزش ها عالی بودند/
متاسفانه قسمت slider , collapse رو که من هر کاری کردم نتونستم اجراش کنم( در مرورگر اجرا کروم اجرا نشد) / می تونید راهنمایی کنید که ممکنه که مشکل از کجا باشه؟؟؟؟

Sadegh Hassani replyپاسخ

سلام آقای صاحی من ورژن 3 رو تهیه کردم و در این وقتی عنصری را در داخل container قرار میدم کل صفحه رو در تمامی حالت های ریسپانسیو پوشش نمیدهد میشه در این مورد کمک کنید

وحید صالحی

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

نازمحمد گری replyپاسخ

جلسه خوبی بود/
با تشکر از شما آقای مهندس صالحی/

وحید صالحی replyپاسخ

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

وحید صالحی replyپاسخ

سلام !نمی دونم متاسفانه

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.
1 2 3 5
مدرس و آمار دوره
Course-Teacher
وحید صالحی
مدرس و نویسنده ارشد سون لرن، فارغ التحصیل مهندسی نرم افزار با 4 سال سابقه نویسندگی و فعالیت های آموزشی حرفه ای. دارای 6 سال سابقه فعالیت در زمینه مباحث مبتنی بر وب (UI-Web Development) و گرافیک
library_books
۵۰۸ مقاله تخصصی
school
۱۰ دوره برگزار شده
۳۹۸۰ علاقمندfavorite
۳۶۱۹ دانشجوpeople
۷۰۰ رایstar
پیشنیاز های دوره
آشنایی با html و css پیشنیازهای این دوره می باشد. برای یادگیری این موارد می توانید دوره طراحی وب سون لرن را بگذرانید.
پشتیبانی فنی دوره
مدرس دوره و تیم پشتیبانی سون لرن به مدت 3 ماه پس از خرید دوره در بخش نظرات مطالب دوره ، پاسخگوی تمامی سوالات و ابهامات شما در مورد این دوره خواهند بود.
مشاوره پیش از خرید
در صورتی که در مورد هر کدام از دوره های سون لرن سوال و یا ابهامی در ذهن شما هست، می توانید همین حالا با ما در تماس باشید و از مشاوره رایگان قبل از خرید دوره ها استفاده نمایید.
contact_phone شماره تماس : ۰۲۱۴۴۰۲۰۴۸۲
email ایمیل : support@7Learn.com