راکت

لایه بندی

12 پاسخ

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

Amin Ahmadi
Amin Ahmadi
@amindeist
ثبت پرسش جدید

پاسخ‌ها

12
حسین شیری نژاد
حسین شیری نژاد
@hosseinshirinegad98

تخصص: programmer

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

محسن بستان
محسن بستان
@mohsenbostan

تخصص: Senior Backend Developer

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

شاید پاسخ شما همین‌جا باشد

آرین حسینی
آرین حسینی
@arian

تخصص: Solidity Developer. Blockchain DApps Developer

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

Amin Ahmadi
Amin Ahmadi
@amindeist

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

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

Amin Ahmadi
Amin Ahmadi
@amindeist

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

میلاد-م
میلاد-م
@milad

تخصص: توسعه‌دهنده رابط کاربری - Front-End

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

حسین شیری نژاد
حسین شیری نژاد
@hosseinshirinegad98

تخصص: programmer

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

Amin Ahmadi
Amin Ahmadi
@amindeist

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

حسین شیری نژاد
حسین شیری نژاد
@hosseinshirinegad98

تخصص: programmer

خواهش میکنم

علی بیات
علی بیات
@ali.bayat

تخصص: توسعه دهنده ارشد وب

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

محمدحسن یگانه
محمدحسن یگانه
@mhyeganeh

تخصص: Full-Stack Web Developer Freelancer

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

برای یادگیریشون هم پیشنهادم آموزش های سایت 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/

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

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