ไม่สามารถเล่นวิดีโอนี้
ขออภัยในความไม่สะดวก
چرا نباید از Bootstrap استفاده کنید
ฝัง
- เผยแพร่เมื่อ 30 พ.ค. 2020
- شما به عنوان front-end developer / designer ممکن است بخواهید از فریمورک بوت‌استرپ، که یکی از پرکاربردترین css framework های وب است ودر پروژه‌های کوچک و بزرگ استفاده می‌شود، استفاده کنید. در این ویدیو ۱۰ دلیل را ذکر میکنم که شما پیش از استفاده از بوت استرپ باید به آنها توجه کنید. با اینکه استفاده از bootstrap مزایایی دارد، در عین حال، معایب زیادی هم دارد و شخصا به شما توصیه میکنم از بوت استرپ استفاده نکنید.
-------------
اگر از ویدیوهای کانال خوشتون میاد، و دوست دارید که کانال به همین شکل به کار خودش ادامه بده، میتونید ویدیوهای کانال گیک‌برگر رو با دوست‌هاتون به اشتراک بزارید و به بقیه کانال رو معرفی کنید تا کانال بیشتر دیده بشه، از طرف دیگه اگر می‌خواهید خودتون بخشی از فرآیند تولید ویدیوها باشید،میتونید با پرداخت مبلغ دلخواه خودتون از کانال حمایت کنید. برای این کار میتونید از لینک زیر استفاده کنید، این مبلغ می‌ةونه یک یورو باشه یا هر مبلغ دیگه‌ای
www.paypal.com...
![[Official Music Video] ฝังใจ - BOW Maylada [Prod. By Tan LIPTA]](http://i.ytimg.com/vi/rSjk1jKWRN4/mqdefault.jpg)
Thanks 🙏🏼
اگر از Bootstrap React استفاده کنیم چی؟ چون الان برای فرانت اند دیگه از jquery کسی استفاده نمیکنه و اون سنگینی که بخاطر jquery داشته کمتر شده و بعد اینکه کاش در مورد فریمورک های css برای ری اکت هم میگفتین
آیا بهتره که از component های آماده برای React استفاده کنیم یا اینکه نه خودمون component هارو بسازیم و فقط از ساختار css فریمورک ها استفاده کنیم؟
متاسفانه من از بوت‌استرپ روی react استفاده نکردم، ولی از vue-bootstrap استفاده کردم و تقریبا همین مشکلات رو داره
کلا اینکه چه dependency هایی رو به پروژه اضافه کنیم، همیشه داستان بوده، و هر شخصی هم دلایل خاص خودش رو داره. بعضی وقتها خیلی بهینه هست که یک کامپوننت رو به پروژه اضافه کنید و بعضی وقتها هم اصلا نباید چنین کاری کرد. شخصا تا جائیکه مجبور نشم چیزی به پروژه‌ها اضافه نمی‌کنم چون جدای از اینکه بااضافه کردنشون پروژه رو به یک کامپوننت دیگه وابسته میکنم، عملا یکسری باگ مرتبط با اون کامپوننت رو هم به پرووژه‌ام اضافه میکنم. لذا اینکه چه کامپوننتی اضافه میشه واقعا تصمیم مهمی هست و به شخصه اصلا و ابدا، با روش هر کامپوننتی خواستیم به پروژه اضافه کنیم، موافق نیستم مگه اینکه پروژه کوچیک باشه یا برای تست باشه یا موارد مشابه. توی پروژه‌های بزرگ باید هزینه زمانی - مالی - و جانبی که یک کامپوننت به پروژه اضافه میکنه رو سنجید. بعضی وقتها می‌ارزه، مثلا اگر بخواهید از high charts استفاده کنید، قاعدتا با توجه به امکاناتی که بهتون میده، ارزشش رو داره، ولی ایتکه یک اسلایدر خاص رو بخواهید اضافه کنید،من زیاد مطمین نیستم، چون نوشتن یک اسلایدر زمان خاصی نمی‌گیره و وقتی خودتون می‌نویسیدش، عملا بای نیاز خودتون تولیدش کردید و در وچکترین شکل خودش قرار داره.
من به شخصه بری فریمورک FluentUI مایکروسافت رو پیشنهاد میکنم، با اینکه با نامگذاریهاش مشکل دارم و به نظرم احمقانه اسم گذاری کردن، ولی واقعا تر و تمیز و بهینه و سریع هست. اکثر موارد مورد نیاز یک پروژه بزرگ رو هم داره. خوشبختانه در مثال شما، برای react هم قابل استفاده است و حتی می تونید روی Gatsby هم بیاریدش بالا و واقعا ازش راضیم فقط بجای اینکه توش دنبال flex بگردید، برید و کنترل stack رو ببینید.
developer.microsoft.com/en-us/fluentui
@@GeekBurgerShow مرسی از جواب کاملی که دادین و زمانی که گذاشتین
با سلام گفتید که بوت استرپ رو یاد بگیریم ولی استفاده نکنیم خب چقدر یادگیریش لازمه ؟ ۷_۸ ساعت آموزش با تمرین یا فاندامنتالش کفایت میکنه؟
اونقدری لازمه که کل مفاهیمش رو یاد بگیرید. برای یکی هفت - هست ساعت، برای یکی یکی دو ماه. بستکی به خود شخص داره
ببخشید.برای ریسپانسیو کردن‌پیج از چه ابزار هایی استفاده کنیم‌بهتره؟
از CSS GRID استفاده کنید
استاد محترم، ضمن احترام به نظرتون ، اگر اجازه بفرمایید ، با درصد بالایی از نظراتتون موافق نباشم.
موفق باشید...
سلام حداقل یه لیست از فریم ورک های خوب css معرفی کنید
هیچ گزینه - بهترین- وجود نداره و واقعا یک گزینه باید به نسبت پروژه انتخاب شه
جایگزین های دیگه رو لطفا بنویسید
همونطور که در ویدئو گفتم، هر پروژه به نسبت خودش گزینه متفاوتی رو می‌طلبه
بوت استرپ رو میشه با وب پک به پروژه وارد کرد و همه جاهاش قابل تغییر و خصوصی سازی هستش. حتی میشه کامپوننت هایی که نیاز نیست رو کلا وارد نکرد که پروژه سنگین نشه ولی خوب در کل زیاد جالب نیست و از نظر سرعت هیچی وانیلا سی اس اس نمیشه. سی اس اس خیلی قوی شده و خیلی از کارارو میشه باهاش انجام داد که قبلا فقط با جاوااسکریپت میشد انجام بدی... در کل ترکیب جاوااسکریپت و سی اس اس یعنی لود تایم خیلی پایین
خوشبختانه توی نسخه ۵ بوت استرپ بخشی از این مشکلات رفع شده
میتونید اون ویدیو رو هم مشاهده کنید
نهایتا بوت استرپ چیزیه که باید بلد بود، ولی ترجیحا نباید ازش استفاده کرد
برای منی ک php کار میکنم بوت استرپ خیلی راحت تره برام چون فقط میخام ی برنامه تست کنم
اگر طراح خودش بدونه برای چه کاری و به چه دلیلی داره از بوت استرپ استفاده میکنه قطعا مشکلی نداره
یک ویدیو هم برای نسخه 5 بوت استرپ منتشر کردم و توضیحات بیشتری دادم
با mvp اشاره کردید ، این‌یعنی‌چی؟
سلام ، ویدیوهاتون رو دنبال میکنم، خوبن، اگر یکم دوربین رو بالاتر بزارین خیلی بهتره ، یکم به نظر میرسه از پایین ویدیو ظبط شده
ممنون، سعی میکنم جای دوربین رو عوض کنم
"مشکل دام ترورسینگ" در چهارچوبهای دیگه چطور حل شده؟
آیا این مشکل مربوط به "جی کوئری" نیست تا "بوت استرپ"؟
خیلی از فریمورکهای دیگه هم این مشگل رو دارن و خوشبختانه همونطور که توی خود ویدئو هم گفتم بخش زیادی از این مشکل مربوط به جی-کوئری بود که توی نسخه 5، بخاطر حذف جی-کوئری بخشی از این مشکل وجود داره. توی ویدئوی نسخه 5 بوت استرپ هم راجع بهش توضیح دادم. اون ویدئو رو هم ببینید
منظورم این ویدئو هست
th-cam.com/video/CV1WPFuZvc4/w-d-xo.html
با این اوصاف کدوم فریم ورک رو برای فرانت پیشنهاد میکنید ؟
والا این سوال یک جواب ثابت نداره، و بسته به شرایط پروژه متفاوت هست. درواقع اگر برای هر پروژه فقط یک نسخه بپیچی، عملا فایده‌ای نداره. شریاط و نیاز هر پروژه متفاوت هست و باید بسته به نیاز اون پروژه اقدام به انتخاب کنیم.
@@GeekBurgerShow مرسی بابت پاسخگویی
پیشنهادتون برای جایگزینی چیه؟
به نسبت هر پروژه متفاوت هست، ضمن اینکه توی نسخه 5 بوت استرپ بعضی از این مشکلات رفع شدن و برای اون هم یک ویدئو دیگه توی کانال هست که توصیه میکنم اون رو ببینید
مشکل "دام‌ترورسینگ" منظورتون اینه برای گرفتن لچه های یک عنصر پدر رو هم در حافظه نگه می اره؟
راجع به دام تراورسینگ توی ویدئوی رندرینگ انجین مرورگرها توضیح دادم. این ویدئو رو ببینید
th-cam.com/video/4QPLJ9ly6Vs/w-d-xo.html
من تو ایران هم سابقه کاری داشتم خارج از کشور هم دوست عزیز اینکه میفرمایید استفاده نکنید به نظر من خیلی اشتباه هستش.
هم در ایران هم در خارج از ایران پروژه های بسیار بزرگی با همین بوت استرپ پیاده شده که اصلا از لحاظ ظاهری شبیه به سایت دیگری نیستش ! این موردی هم که میفرمایید تو نسخه فارسی دور اینپوت ها اشتباه کد نویسی شده شما میتونی کدشو درست کنی و درخواست بدی تا مرج کنن رو برنچ اصلی که یک خیری هم دیده باشی و دعات بکنن میفرمایید پرفورمانس خوب دوست من شما اگر کد جاوا اسکریپتت درست باشه مشکل پرفرمانس نخواهی داشت ربطی به بوت استرپ نداره مهم کد جاوا اسکریپت هست که درست کد نویسی شده باشه در مورد لود تایم هم باید بگم لود تایم چند وبسایت خارجی که از بوت استرپ استفاده میکنن بررسی کنید تا ببینید توی گرید الف قرار دارن و بقیه ابزار هایی هم که اعلام کردید کلشون به اندازه بوت استرپ ستاره ندارن توی گیت هاب و این یکی از اصلی ترین دلایلی هستش که این برنامه نویس ها این فریم ورک رو ترجیح دادن و خواهند داد.
ستاره هاي گيتهاب هيچ وقت نبايد دليل "اصلي" ترجيح دادن يه ابزار باشه. چندتا از اون پروژه هاي گريد الف رو نام مي بريد؟ ويدئوي جديد آقاي حاجلو رو نگاه کنيد درباره اينکه يه بروزر چطوري کار مي کنه تا دلايل منطقي عدم استفاده از بوت استرپ رو بهتر متوجه بشيد.
از نظر ظاهر سایت حرف شما تاییده. میشه خیلی شخصی سازیش کرد جوری که اصلا مشخص نیست از بوت استرپ استفاده شده! اما اینکه میفرمایید پروژه سنگین نمیشه، فقط حجم فایل سی اس اس و جاوااسکریپت خروجی پروژه رو، تازه اونم بعد از کلی فشرده سازی مقایسه کنید با حالتی که خودتون از صفر پروژه رو نوشته باشید!!! تفاوت زیاده. مخصوصا کشورهایی که زیرساخت مناسبی ندارن و هر مگابایت میتونه تاثیر زیادی بزاره. در ضمن سئو گوگل هم فراموشتون نشه یه سری از امتیازاتی که در نظر گرفته میشه بخاطر همین چیزاست...
مواردی که برای معمارهای یک برنامه مهم هست لزوما برای طراح‌ها مهم نیست، وقتی با مباحث پرفورمنس روبرو میشید که درخواستهای همزمان بالایی دلشته باشید
تمام این موارذی که گفتم در مورد این نسخه وجود دلره
یکسری از مشکلات رو چون خودشون هم میدونستن توی نسخه بعدی رفع کردن و برای اون هم یک ویدئو منتشر کردم که میتونید ببینید
اینای که میگی همش درست ولی کاش میگفتی اگه بخاییم با با سی اس اس خالص بنویسم اون موقع باید چند برابر حقوق بدن که فک نکنم شرکتی به فرانت کار این ارزش رو بده و اگه فرانت اند کار بخاد بدون اینا بنویسه پدرش در میادو زمان زیادی رو باید صرف کنه که فک نکنم تو ایران کسی حاضر باشه چند برابر حقوق بده
والا اینجا بیشتر از اینکه بخوام روی موارد جایگزین صحبت کنم، روی معایب بوت استرپ وقت گذاشتم
ولی مشخصا، توی نسخه 5 که براش ویدئو هم منتشر کردم بعضی از این موارد رفع شده و بهبود پیدا کرده
ولی مشخصا نیاز هر پروژه با پروژه دیگه متفاوته و شاید برای پروژه های مختلف توجیه داخلی داشته باشه که باید مورد به مورد بررسی شه
مثلا توسعه محصولی مثل دیجیکالا (چون شناخته شده هست مثال میزنم) با بوت استرپ حماقت محضه، ولی توسعه یک سایت شخصی خیلی هم ممکنه توجیه داشته باشه