Amin Ahmadi
5 سال پیش توسط Amin Ahmadi مطرح شد
12 پاسخ

لایه بندی

سلام خدمت دوستان گرامی
یه سوال از دوستان طراح خوش ذوقمون دارم
اینکه اگر فردی به شکل حرفه ای با فلکس باکس و CSS Grid کار نکرده دباشه اما در عوض به تمامی مباحث مربوط به لایه بندی در فریمورک بوت استرپ یا فریمورک های مشابه آن مسلط باشد میتواند بدون هیچ مشکلی اقدام به طراحی یک قالب حرفه ای رسپانسیو کند؟ بعبارت دیگه آیا امکانش هست که بخواهیم بدون یادگیری Flexbox و Cssgrid مستقیم بریم سراغ یادگیری بوت استرپ و اقدام به دطرای های حرفه ای قالب کنیم؟


ثبت پرسش جدید
حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 5 سال پیش مطرح شد
2

سلام بله میشود چون بوتسترپ به طور پیش فرض از Flexbox ها برای شبکه بندی و ایجاد ستونها استفاده میکنه و ضرورتی هم فعلا نداره که بخواین cssgrid یاد بگیرین. اگر flexbox بلد نباشین به ناچار باید از float استفاده کنید که کار با این ابزار باب میل من نیست و flexbox کارای float رو بهتر و به آسانی بیشتری انجام میده. در هر حال نه نیاز آنچنانی برای یادگیری flexbox و cssgrid نیست. چون الان بعضی از دوستام با بوتسترپ 4 بدون بلد بودن و به کارگیری flexbox و cssgrid دارن قالب طراحی میکنن. البته استفاده از flexbox لذت بخشتر و آسون از float است و ابزار بهتر از این دو cssgrid است که خودمم الان یادش نگرفتم ولی flexbox رو بلدم و استفاده ازش برام لذت بخش است و با float خداحافظی کردم.
@amindeist


محسن بستان
تخصص : Senior Backend Developer
@mohsenbostan 5 سال پیش مطرح شد
2

@amindeist
سلام.
میشه بدون اون دو مورد قالب حرفه ای طراحی کرد اما در خیلی از بخش ها مجبور می شید که کد بیشتری بنویسید.
خودتون رو اذیت می کنید.


آرین حسینی
تخصص : Solidity Developer. Blockchai...
@arian 5 سال پیش آپدیت شد
3

بهتره که قبلش FlexBox رو هم یاد بگیرید، یک روزه میتونید یادش بگیرید ، چیز سختی نیست.


Amin Ahmadi
@amindeist 5 سال پیش مطرح شد
1

سپاس
آقای شیری نژاد اینطور ک من از توضیحاتتون متوجه شدم شما به شخصه از فلکس باکس استفاده میکنید اما پیشنهادتون cssgrid هست
درست میگم؟


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش مطرح شد
3

حتما و حتما و حتما flexbox (قاب منعطف) رو یاد بگیرید،
قابلیت هایی که این خصوصیت برای شما ایجاد میکنه رو نمیتونید از طریق شبکه بندی بوت استرپ (grid system) بدست بیارید.
خود شبکه بندی بوت استرپ هم بر مبنای خصوصیت flexbox ایجاد شده.

اما در خصوص css-grid (شبکه بندی css)، این خصوصیت به شما کمک میکنه تا نسبت به flexbox احاطه بیشتری برای چیدمان عناصر داشته باشید (مزیت)، اما از نظر یادگیری، پیچیدگی اش بیشتر از flexbox هستش (ضعف). در عین حال توجه کنید که شما می تونید این دو خصوصیت رو در کنار همدیگه هم بکار ببندید.
اولویت اول تون یادگیری flexbox باشه، حتما هم یادش بگیرید.


Amin Ahmadi
@amindeist 5 سال پیش مطرح شد
1

سپاس میلاد جان
مث همیشه کامل و با حوصله پاسخ میدین


میلاد-م
تخصص : توسعه‌دهنده رابط کاربری - Fron...
@milad 5 سال پیش آپدیت شد
3

خواهش میکنم، سرزنده باشید.
دوره flexbox راکت، دوره ی خوبی هستش واسه یادگیری. پس از یادگیری هم نیاز به تمرین دارید، یادگیری css-grid رو بعدا می تونید صورت بدین (دوره css-grid راکت رو توصیه نمی کنم).


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 5 سال پیش مطرح شد
2

بله cssgrid بعد از flexbox امده و یکسری از ضعف های flexbox رو حل کرده. و گفتن اگر flexbox در بهشت باشه cssgrid خوده بهشته.@amindeist


Amin Ahmadi
@amindeist 5 سال پیش مطرح شد
1

سپاس آقای شیری نژاد عزیز


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 5 سال پیش مطرح شد
0

خواهش میکنم


علی بیات
تخصص : توسعه دهنده ارشد وب
@ali.bayat 5 سال پیش مطرح شد
2

flexbox و css grid اومدند پیچیدگی های قبلی رو از بین بردند
و شما با استفاده ازشون کار رو راحت تر و با حجم کد کمتری انجام میدید


محمدحسن یگانه
تخصص : Full-Stack Web Developer Freel...
@mhyeganeh 5 سال پیش مطرح شد
3

مبحثی که یادگرفتن کاملش کمتر از ۲-۳ روز زمان نیاز داره به نظرم ارزش این رو نداره که سرش چک و چونه بزنیم... 😉

برای یادگیریشون هم پیشنهادم آموزش های سایت css-tricks هست:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/
https://css-tricks.com/snippets/css/complete-guide-grid/

دو تا بازی آموزشی زیر هم بصورت تخصصی برای آموزش این دو مبحث هست و خیلی باحال و آموزنده اند:
https://flexboxfroggy.com/
https://cssgridgarden.com/


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام