راکت
حل شده

روش layout وبسایت

17 پاسخ

دوستان سلام وقتتون بخیر باشه,درمورد بحث layout بندی وب سایت میخواستم بدونم که روش خاصی وجود داره که راحت تر یادبگیریم یا تجربه ای دارید که میتونه کمک بکنه flex box, gridرو درک بکنم , چون همانطور که درجریانید مهمترین قسمت طراحی سایت هستش دمتون گرم

ثبت پرسش جدید

پاسخ‌ها

17
فاطمه کاظمی زاده
فاطمه کاظمی زاده
@kazemi

تخصص: Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی

بهترین پاسخ

اگه درباره لایوت بندی هر پروژه با یک طراح ui-ux مشورت کنی خیلی بهتره. برنامه نویسا زیاد برپایه اصول طراحی پیش نمیرن و منطق براشون مهمه ولی اگه واقعا تصمیم داری فرانت بهتر یادبگیری با یه گرافیست همسو باش
لایوت براساس هر پروژه متفاوته.
خوده لایوت: یعنی اون قسمت هایی که تو همه ی صفحات تکرار میشه که توی لایوت میزاریم که فقط کانتنت عوض شه
ولی بعضی پروژه ها دارای چندین لایوت هستن، حتی ممکنه یه صفحه، لایوت موبایلیش با دسکتاپش متفاوت باشه!

یه فرانت کار حرفه ای باید اصول طراحی هم تا حدودی یاد بگیره. 😊

حتی اگه تونستی لایوت هرچیزی رو روی کاغذ برای خودت بکش مثل مربع مستطیل هایی که توی هم هستن. اینطوری خیلی خوب دستت میاد که چی رو کجا بزاری یا چطوری کنار هم بچینی

سبحان مولایی
سبحان مولایی
@websaz

تخصص: برنامه‌نویس وب: Python :: Django :: Node :: Php :: Laravel :: JS :: React :: React Native

عرفان محسنی
عرفان محسنی
@erfanmohseni406

تخصص: backend developer

سلام
با بوت استرپ بنظرم خیلی راحت میتونید layout بندی رو درک کنید
من با بوت استرپ کار کردم ولی layout رو خیلی خوب یاد گرفتم چون هم اموزش هاش زیاده و هم راحت تر هست اگر بخواید با html /css خام layout بندی کنید کارتون خیلی سخت میشه ولی با بوت استرپ خیلی راحتتر هست و وقت کمتری هم میگیره ازتون
باز هم صاحب نظر شمایید ما فقط نظرمون رو گفتیم
موفق باشید

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

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

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

از این پیوند بهره ببرید: https://learnlayout.com/
برگردان فارسی هم داره.

به این ترتیب می تونید یاد بگیرید:
ابتدا flexbox، انجام تمرین و طراحی تنها به کمک flexbox.
سپس CSS Grid، انجام تمرین و طراحی تنها به کمک CSS Grid.
سوم، ترکیب این دو مورد. انجام تمرین و طراحی با ترکیب هر دو.

در آخر هم می تونید سراغ سیستم شبکه بندی ستونی، نظیر بوت استرپ برید. grid system، توجه کنید که این روش ساده است، ولی انعطاف پذیری کمتری نسبت به دو گزینه قبلی داره. اگر طراح رابط کاربری هستید، مراقب باشید که به آن وابسته نشید.

صابر محمودی
صابر محمودی
@saaber

تخصص: HTML,CSS

@websaz درود بر شما خیلی لطف کردید

سبحان مولایی
سبحان مولایی
@websaz

تخصص: برنامه‌نویس وب: Python :: Django :: Node :: Php :: Laravel :: JS :: React :: React Native

اگر کمکی کرد لطفا پاسخ من رو به عنوان پاسخ برتر انتخاب کنید ممنون

صابر محمودی
صابر محمودی
@saaber

تخصص: HTML,CSS

@erfanmohseni406 سلام جناب محسنی
بوت استرپ نیست کارو خیلی راحت میکنه میترسم بهش اعتیاد پیدا کنم و درست و حسابی مفاهیم رو درک نکنم ممنون که وقت گذاشتید😍

عرفان محسنی
عرفان محسنی
@erfanmohseni406

تخصص: backend developer

@saaber
ببخشید منظورتون رو از اعتیاد بهش رو درک نمیکنم
اگر بهش معتاد بشی که خیلی خوب یاد میگیرینش

صابر محمودی
صابر محمودی
@saaber

تخصص: HTML,CSS

@erfanmohseni406 منظورم اینه که چون وقت زیادی صرف نمیشه واسش و بیشتر کارهاش رو بوت استرپ انجام داده شاید باعث تنبلی بشه😁

عرفان محسنی
عرفان محسنی
@erfanmohseni406

تخصص: backend developer

@saaber
اقا صابر اشتباه نکن
در عین اسون بودند خیلی وقت میخواد تا یاد بگیریش من تابستون رو هم چهار و پنج رو کامل یاد گرفتم خیلی باید تمرین کنی تا یاد بگیریش
بعدش هم مثلا شما ی پروژه گرفتی وقت نداری که بری با تیلویند یا بقیه فریمورک ها یواش یواش بزنی پروژه رو با بوت استرپ سریع کارت راه میوفته

صابر محمودی
صابر محمودی
@saaber

تخصص: HTML,CSS

@milad
سلام میلاد عزیز عالی بود زنده باد

صابر محمودی
صابر محمودی
@saaber

تخصص: HTML,CSS

@erfanmohseni406 اره خوب اینم حرفیه,احتمالا برداشت من از بوت استرپ اشتباه بوده, چون من فکر میکردم که بوت استرپ واسه کسانی هست که اصل کارشون یه چیز دیگه هست و نیازی به یاد گرفتن کامل CSS ندارن که گویا این برداشت اشتباهی بوده

عرفان محسنی
عرفان محسنی
@erfanmohseni406

تخصص: backend developer

@saaber
همه فکر میکنن ادم های نوب میرن بوت استرپ ادم های خیلی شاخ و کار بلد میرن تیلویند سی اس اس
بوت استرپ خیلی خوبه هم کار رو راحت تر کرده هم نیاز نیست که دوباره چرخ رو از اول بسازی
ولی تیلویند باید هر دفعه از اول ی چیز رو بنویسی

صابر محمودی
صابر محمودی
@saaber

تخصص: HTML,CSS

@kazemi زنده باد خانم کاظمی, توضیحات بسیار خوبی بود
حتما نکاتی که اشاره کردید رو مد نظر قرار میدم
شما یه منبع خاصی در نظر دارید که بشه به وسیله اون اصول طراحی رو هم یاد گرفت؟
و اینکه شما به عنوان یه توسعه دهنده ی حرفه ای در طی یادگیری کد نویسی ناامید شدین؟ طبیعیه این اتفاق به نظرتون؟چه باید کرد چون من واقعا مبتدی هستم و هنوز توی ابتدایی ترین قسمت کد نویسی ینی HTML,CSS موندم
با تشکر فراوان🙏

فاطمه کاظمی زاده
فاطمه کاظمی زاده
@kazemi

تخصص: Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی

@saaber
ببین شروع کارت با یه گرافیست سینک بشی خودش کم کم بهت میگه مثلا اینو رعایت کن، اینطوری کن اونطوری کن، حتی بعداز یه مدت اصول ux هم یادمیگیری
من خودم پیج دوستان گرافیست هم فالو دارم و گاهی نکات ux ای رو میخونم هنوز

خب ناامیدی برای هرکاری وجود داره ولی انگیزت رو باید همیشه یادآور بشی به خودت بخصوص که الان نوجوان ها بشدت وارد حوزه اموزش شدن و دارن از بقیه پیشی میگیرن
ولی هرکسی به اندازه ی خودش کافی هست :)
برای اینکه انگیزه کارهاتون رو از دست ندید، در شروع کار فرانت، جریان های درآمدی این حوزه را بشناسین.

**یه باور غلط وجود داره که همه برنامه نویسی رو در این دوتا میبینن:

  1. یا باید کارمند شد یا پروژه گرفت و رگباری کد زد
  2. یا باید یه سایتی بزنیم که اشتراک بفروشه یا یه استارتاپ داشته باشیم فلان کارو بکنه پول دربیاریم**

این دوتا بدنیست ولی اسمش درآمده. با "جریان درآمدی" متفاوته

فاطمه کاظمی زاده
فاطمه کاظمی زاده
@kazemi

تخصص: Senior front-end در هولدینگ دکتر کرمانی - مدرس مجتمع فنی

اگه تازه شروع کردی بنظرم از راه کارآموزی (مدت موقت) وارد یه تیم یا شرکت شو که تجربه بهتری بدست بیاری و بعد اسخدام شو
شخصی کار کردن تجربه نمیاره

.. استخدام شدن تو این شرایط هیچ چیز بدی نیست. فریلنسری مناسب کسیه که حداقل سه چهارسال کد زده باشه با همه ی چالش ها آشنا باشه که تنهایی از پسش بر بیاد. نصف روزت میتونی تو یه شرکت باشی، کلی تجربه بدست بیاری، نصف دیگه ی روزت بفکر ایجاد مسیر و راه های ایجاد جریان درآمدی باشی

صابر محمودی
صابر محمودی
@saaber

تخصص: HTML,CSS

@kazemi
اتفاقا خیلی پیگیر شرکتی بودم توی تهران یا هر شهری که کارآموز قبول کنه به چند نفر هم سپردم ولی متاسفانه چیزی نیافتم
واقعا خیلی این حرف شما درسته درمورد کارآموز شدن موقت
تا توی محیط واقعی قرارنگیریم و مجبور نشیم اقدامی نمیکنیم!
خیلی ممنون از راهنمایی دلسوزانه و کارگشاتون🙏

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

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