اصول طراحی وب

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

شما پله پله باید برید جلو. برای شما angular و react زوده. اول همین html و css رو یاد بگیرید بعد کمی جاوا اسکریپ و بعد هم جکوئری و فریم ورک هایی مثل بوت استرپ و ...
بعد که اینها رو یاد گرفتید حالا می تونید برید یکم دانشتون رو تو زمینه جاوا اسکریپت عمیق تر کنید و بعد هم سراغ انگولار و ...
اینکه angular یا react چی هست و چه کاربردی داره رو می تونید گوگل کنید!

@SeyedMH.Mosavi
دمتون گرم آقای موسوی. هر دفعه سوال کردم بلافاصله جواب دادید ممنون. به نظر شما w3schools خوبه برای شروع؟ آیا مبحث responsive بودن رو هم لحاظ کنم؟ چطوری css رو خوب یاد بگیرم؟
باز هم با تشکر

به نظر من css فقط تمرین می خواد و همین کد هات رو کپی نکن و خودت بنویس.

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

یکی از سایت هایی که می شناسم نمونه کارهاشون رو میزارن
codepen.io هست حتما بهش سر بزن چیزای خوبی داره

راجع به طراحی خوب هم حتما به dribbble.com سر بزن اگه به این ها رسیده بودی بدون کارت درسته

@TimeRunner2359
درود...
W3schools پیوند اصلی یادگیری طراحی و برنامه نویسی وب است...
برای CSS شما باید رنگ بندی و ویژگی های CSS بلد باشی و چارچوب بوت استرپ , بلما و ابزار رسپانسیو یاد بگیر...
پیوندهای زیر:
https://css-tricks.com/
https://css-tricks.ir/
نمونه سایت با چارچوب بلما (Bulma) :
https://cytus.ir

شما اول با سایتی مثل w3schools شروع کن. اگر هم یه مبحثی رو بخاطر زبان انگلیسی متوجه نشدی، نمونه های فارسی اش هم هست. مثل سایت بیاموز و ...
مسئله اینجاست که بار اول یه مطلب رو می خونی یا متوجه نمی شی یا اگر بشی نمی تونی ازش استفاده کنی. خیلی نگران نشو چون طبیعیه و تا زمانی که تو پروژه واقعی ازش استفاده نکنی نمی تونی بگی کامل متوجه شدم و یاد گرفتم.
مطالعه رو انجام بده و نکاتی که یاد می گیری رو حتما یاداشت کن. حین آموزش، تمرین و مثال هم فراموش نشه.
حالا شما با دستورات یه آشنایی کلی داری و یکی دوتا مثال هم از هر کدوم انجام دادی و یه جزوه هم نوشتی. مرحله بعدی می شه انجام یه پروژه. اینجا یه سری از مباحث یادته و کم کم می بری جلو، یه سری مباحث هم یادت رفته و می ری از جزوه ات نگاه می کنی و یه سری هم کلا بلد نیستی یا نمی دونی چطوری درستش کنی که اون مرحله دیگه نیازه تو اینترنت بگردی و پیداش کنی.
یکی دوتا پروژه تمرینی انجام بدی تا حدودی کار دستت می یاد و می تونی بری سراغ مباحث جدیدتر و پروژه های بهتر

از همه ی دوستان بابت پاسخ گویی یه دنیا ممنونم

@TimeRunner2359
با سلام و احترام
باید بگم که بازار React در حال حاظر خیلی داغه و میتونی کسب تجربه و درآمد کنی
یه راکت کست هم آقای موسوی ضبط کردن که میتونید گوش کنید
https://roocket.ir/podcast/1001
در رابطه با css هم بگم میتونید برید سراغ بوت استرپ و حالشو ببرید !!