description توضیحات کوتاه دوره
ورژن 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 معرفی خواهند شد.
سلام استاد صالحی وقتتون بخیر.
فیلم آموزشی قسمت 20 فقط تا دقیقه 27-28 کار میکنه و بعدش دیگه کار نمیکنه.
اگه امکانش هست لینک رو اصلاح و فیلم رو دوباره آپلود کنید. ممنون از آموزشای خوبتون
سلام ممنون از اطلاع رسانیتون مشکل برطرف شد مجددا دانلود کنید
موفق باشید
البته ورژن بالایی که معرفی کردم، مشکلی نداره اما سختی کار باهاش اینه که برای هر المنت که میخواهید rtl بشه، باید حتما کلاس rtl رو اضافه کنید و این یه مقدار سخت هست موقع نوشتن کد (وخیلی تکرار شونده و واقعا خسته کننده)
سلام جناب صالحی عزیز، یک fork گرفته شده از لینک بالا که حاوی فایل فقط rtl هست برای بوت استرپ (حتما برنچ با نام only-rtl باید انتخاب بشه). فکر می کنم این مناسب تر باشه، من تست کردم رو بعضی از کامپوننت ها، درست داره کار می کنه، خواستم اصلاح کنم که به جای لینک بالا از لینک زیر می تونیم استفاده کنیم و بعد از لود کردن فایل بوت استرپ اصلی کافی است فقط فایل boostsrap-only-rtl.css رو به صفحه اضافه کنیم. بازم ممنون از شما
لینک اصلاح شده:
https://github.com/Abd-Elrahman-Nasr/bootstrap-v4-rtl
سلام جناب صالحی عزیز، روزتون بخیر
من تازه شروع کردم به دیدن ویدئوها بسیار خوب شما. یه سوال داشتم در مورد بوت استرپ ورژن rtl. این سایتی که معرفی کردید برای گرفتن بوت استرپ، هنوز به ورژن 4.1 آپدیت نشده
من این لینک رو پیدا کردم گیت هاب:
https://github.com/MahdiMajidzadeh/bootstrap-v4-rtl
به نظرتون مناسب هست واسه استفاده در پروژه هامون؟ خواستم نظر شما رو بدونم
از لطف شما بسیار سپاسگزارم
سلام ممنون دوست عزیز نه مشکلی نیست می تونید استفاده کنید
درود بر شما
خسته نباشید!
فایل های جلسه 18 و 19 یکی هست!
سلام ممنونم بله جلسه 18 و 19 باهم هستند
سلام استاد. آیا در این دوره قالب کامل دیجی کالا با فریم ورک بوت استرپ4 آموزش داده می شود؟ یعنی کل صفحات قالب دیجی کالا آموزش داده می شود و یا تنها صفحه ی اول سایت دیجی کالا طراحی می شود؟
پروزه رو به درخواست دوستان قرار شده تغییر بدیم و قالب کاربردی تری رو طراحی کنیم البته فقط صفحه اولش
سلام…خسته نباشید….استاد صالحی خسته نباشیی جلسه خوبی بود…یه سوال برام پیش اومد اونم اینکه کد های جاوا اسکریپتی که میزنید …..مگه بوت استرپ تمام اینهارو داخل فایل js قرار نمیده؟ یعنی باید خودمون اینهارو کد بزنیم؟
سلام ممنون مواردی رو که خودمون می نویسم الزامی و خودتون هم باید در پروژتون بنویسید
استاد صالحی عزیز سلام و خسته نباشید.
دوره واقعا دوره فوق العاده ایه.
استاد ؛ من چند روز پیش یه سوالی ازتون پرسیدم ولی متاسفانه جوابی نگرفتم. در مورد Glyphicon ها بود سوالم. خواستم بدونم در جلسات بعدی در موردش توضیح میدین که چی جایگزینش شده؟ چون واقعا کاربردی بودن.
میدونم اینجا جاش نیست که این سوال رو پرسیدم. ممنون میشم به ایمیلم بفرستین جواب این سوال رو.
homayon_azizi@yahoo.com
سلام ممنون دوست عزیز عذرخواهی می کنم مدتی هست به شدت درگیر یکسری کارهای شخصی هستم و نمی رسم پاسخ گویی مناسبی داشته باشم بله توضیح می دیم البته در جلسه اول پروژه این دوره و آیکون بهتری رو معرفی می کنم و نحوه استفاده ازش رو موفق باشید
سلام مجدد به استاد صالحی عزیز…..خیلی جلسه خوبی بود واقعا لذت بردم
دررابطه Max Container Width نمیدونم درست متوجه شدم یانه …منظور از اینکه تو اون نقطه ها میشکنه …اینکه در هر col موردنظر container یه عرض مشخصی داره به محض اینکه col تغییر کنه عرض تغییر میکنه…. درسته؟
سلام ممنون بله دقیقا
سلام…..خسته نباشی…..عالی بود…
استاد فقط سوالی که پیش اومد اینکه گفتین عرض صفحه مانیتور شما چی هستش ؟۱۲۸۰ یا ۱۲۴۰ ؟
سلام ممنونم 1280 هستش
سلام …استاد صالحی خسته نباشید….
عالی بووود…..
سلام صفحه اول سایر صفحات رو از روی همین باید الگو برداری کنید