بوت استرپ 4 (Bootstrap 4) که نظر بسیاری از طراحان وب را به خود جلب کرده نسبت به نسخه های قبلی فریم ورک بوت استرپ دارای ویژگی های بسیار جذاب و کاربردی است.
بوت استرپ در واقع یک فریم ورک تشکیل شده از Css و HTML و JS می باشد که برای توسعه و طراحی سایت های ریسپانسیو مورد استفاده قرار می گیرد. این فریم ورک محبوب در واقع مجموعه ای رایگان از ابزارهای ایجاد کامپوننت برای وبسایت و اپلیکیشن است که حاوی Template های طراحی بر پایه HTML و CSS برای تایپوگرافی، فرم ها، دکمه ها و دیگر کامپوننت های UI می باشد.
مزیت های کلی فریم ورک بوت استرپ (Bootstrap)
- جلوگیری از تکرار بین پروژه ها
- ایجاد ثبات در طراحی
- نمونه سازی سریع طرح اولیه
- سازگاری با تمامی مرورگرها
- کاملا ریسپانسیو
آخرین نسخه ای که از بوت استرپ منتشر شده است بوت استرپ 4 می باشد. Bootstrap 4 طبق گفته توسعه دهندگان و برنامه نویسان آن دارای قابلیت های بسیاری است و بیش از 20 مرتبه آن را بازنویسی کرده اند تا به نسخه بتا دست بیابند. در ادامه به معرفی برخی از ویژگی های جدید در فریم ورک بوت استرپ 4 خواهیم پرداخت :
ویژگی های بوت استرپ 4
- بهبود سیستم Grid
- مهاجرت از LESS به SASS
- تغییر سایز کلی فونت ها از 14px به 16 پیکسل
- پشتیبانی از Flex box
- ویژگی جدید Cards
- اضافه شدن کلاس table-inverse
- تغییر واحد اندازه گیری از px به rem: اثرگذاری بر اساس واحد تایپ، 1rem=16px.
- ثبات HTML Rest ها در ماژول جدید Reboot
- قابلیت سفارشی سازی مدرن
- استفاده از فایل ریست Reboot.css بجای Normalize
- توقف پشتیبانی از مرورگر اینترنت اکسپلورر نسخه 8 و 9
- حذف پشتیبانی از Glyphicons (آیکون ها)
- بازنویسی مجدد پلاگین های جاوا اسکریپت
- بهبود مکان قرارگیری خودکار tooltip و popover
- بازنویسی شدن تمامی مستندات
مهم ترین ویژگی که در بوت استرپ 4 وجود دارد این است که این نسخه از بوت استرپ 3 پشتیبانی می کند و کاربران بوت استرپ 3 می توانند به راحتی کدهای خود را به نسخه جدید منتقل کنند و از امکانات جدید آن بهره مند شوند.
در این دوره آنلاین چه مباحثی آموزش داده شده است؟
ما در این دوره آموزشی طراحی وبسایت با بوت استرپ 4 را با انجام 3 پروژه کاملا عملی (پنل مدیریت، وبسایت تک صفحه ای و سایت رزومه) به شما دانشجویان عزیز آموزش می دهیم.
حاصل این دوره
دانشجویان عزیز به محض به پایان رساندن این دوره آموزشی قادر خواهند بود تا ظاهر هر وبسایتی که می خواهند را با بوت استرپ طراحی و اجرا کنند.
فصل اول
معرفی دوره و توضیح پروژه ها ویدئو
01:34
کلاس هدر و display و فونت ها و... ویدئو
24:14
ایجاد معماری فانکشنال برای پروژه و واکشی اطلاعات از دیتابیس ویدئو
14:19
کلاس float , fixtop و ... ویدئو
17:30
کلاس های عرض و ارتفاع و border آموزش ریسپانسو کردن قالب ویدئو
16:32
طراحی انواع دکمه ها در بوت استرپ 4 ویدئو
21:40
طراحی navbar ریسپانسیو ویدئو
26:56
لیست گروپ ها و ایجاد تب با لیست گروپ ویدئو
15:49
کلاس های فرم ها و فرم گروپ ها ویدئو
20:33
ایجاد جداول و نمایش پیغام ها با کلاس های alert ویدئو
13:08
صفحه بندی ویدئو
13:20
کار با انواع card ویدئو
30:05
سیستم گرید ویدئو
14:49
Flexbox-automargin ویدئو
21:08
ساخت اسلایدر ویدئو
18:44
Collapse-Accordion-Tooltips ویدئو
22:15
modal ویدئو
19:21
فصل دوم
پروژه ساخت سایت استاتیک تک صفحه ای - بخش اول ویدئو
28:55
پروژه ساخت سایت استاتیک تک صفحه ای - بخش دوم ویدئو
30:15
پروژه ساخت سایت استاتیک تک صفحه ای - بخش سوم ویدئو
18:38
پروژه ساخت پنل مدیریت - بخش اول ویدئو
25:10
پروژه ساخت پنل مدیریت - بخش دوم ویدئو
23:23
پروژه ساخت پنل مدیریت - بخش سوم ویدئو
19:02
پروژه ساخت پنل مدیریت - بخش چهارم ویدئو
17:00
پروژه ساخت قالب رزومه شخصی - بخش اول ویدئو
21:46
پروژه ساخت قالب رزومه شخصی - بخش دوم ویدئو
11:23
پروژه ساخت قالب رزومه شخصی - بخش سوم ویدئو
19:40
سورس پروژه های انجام شده در طول دوره
php, nodejs, mongodb, laravel, vuejs, javascript(ES6,ES7,ES8) و...
دوره های مرتبط
آموزش جامع شی گرایی در جاوا
ارائه شده توسط< آرکادمی
آموزش کار با کتابخانه ButterKnife در اندروید
ارائه شده توسط< آرکادمی
آموزش جامع و پروژه محور پایتون Python
ارائه شده توسط< پدرام شاه صفی
آموزش PHP شی گرا در قالب پروژه گالری عکس
ارائه شده توسط< امین کریمی
آموزش استفاده از نقشه گوگل در سی شارپ
ارائه شده توسط< کیا حامدی
rate_reviewامتیاز دانشجویان دوره
chat_bubble_outlineنظرات
قوانین ثبت دیدگاه
با سلام و احترام خدمت شما کاربر محترم- دیدگاه های فینگلیش تایید نخواهند شد.
- دیدگاه های نامرتبط با دوره تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
- امتیاز دادن به دوره فقط مخصوص دانشجویان دوره می باشد.
برای ارسال نظر باید وارد حساب کاربری خود شده باشید.
39,600 تومان
php, nodejs, mongodb, laravel, vuejs, javascript(ES6,ES7,ES8) و...
hamedA69( دانشجوی دوره )
سلام خسته نباشید
اول تشکر میکنم بلاخره اموزش نسبتا خوبی هست و بابت این اموزش زحمت کشیدین.
به نظر من که اینجور آموزش بسیار آدمو خسته تر میکنه از آموزش های دیگر
خیلی سخت میشه که من بخام با این اموزش پیش برم که مدرس یه جایی گیر میکنه فیلم قطع میکنه صدتا کد میزنه یا کدهای از قبل نوشته شده بیاره یه دفه کپی کنه یه توضیح کوتاه و سریع بده .بلاخره برنامه نویسی لقمه اماده نیست باید خطا و اشتباه همراه کار باشه تا یادگیری بهتر باشه و اینکه یه کد اماده نوشته میشه خیلی بده امیدوارم اینجور اموزش اصلاح کنید و حداقل زمان بیشتری برای اموزش قرار بدین .اینکه از قبل تمرین داشتین و خیلی سریع کارتون انجام میدین خوبه اما باید کدها دوباره همراه اموزش بنویسید دوباره
امین کریمی
سلام
با تشکر‌از نظر‌خوب شما دوست عزیز
حتما موارد رو‌اوی دوره های بعدی اعمال میکنم دوره خای با کیفیت بالاتری تقدیم خواهد شد
امین کریمی
سلام
با تشکر‌از نظر‌خوب شما دوست عزیز
حتما موارد رو روی دوره های بعدی اعمال میکنم دوره خای با کیفیت بالاتری تقدیم خواهد شد…
سید جعفر سادات پور( دانشجوی دوره )
خداوکیلی یکی بیاد سایت دیجیکالا رو طراحی کنه با بوت استرپ چون نیست
امین کریمی
انشالا در اینده
Mohammad Dehghan( دانشجوی دوره )
با سلام خدمت استاد گرامی آقای کریمی
بایدبهتون تبریک بگم دوره ی فوق العاده خوب و مفیدی بود و همین که سه تا پروژه ی عملی داخلش بود اونو از سایر دوره های سایت های دیگه متمایز می کرد.خداقوت
ولی جاداره که خیلی بهتر از این ها بشین اگر مقدار کمی نظم آموزش ها بالاتر بره و لطفا راه ارتباطی با استاد را هم در آخرین جلسه قرار دهید.
با تشکر
امین کریمی
ممنون از نظرتون انشاالا چشم
علیرضا ایلانلو( دانشجوی دوره )
خوب بود ملی سورس پروزه خراب دانلود نمیشه
داناپ(مدیریت)
سلام کاربر گرامی
لینک مورد نظر بررسی شد. مشکلی وجود ندارد.