مسیر یادگیری طراحی وب

با سلام
با توجه به سرعت پیشرفتی که این روزها تکنولوژی های توسعه وب دارن مسیر یادگیری وب یه مقدار پیچ در پیچ و طولانی شده که چند سال پیش چنین چیزی نبود ولی من سعی می کنم تا جایی که امکانش هست یه مسیر خوب رو به شما پیشنهاد بدم
برنامه نویسی وب اصولا 2 بخش مختلف داره. front end و back end
بسته به اینکه علاقه شما به کدوم سمت بیشتر هست می تونه راه های مختلفی پیش روی شما باشه.
برای بخش frond end:
1- html
2- css(همراه با flexbox و css grid)
3- javascript
4-bootstrap
5- jquery
6- زبان های پیش پردازنده ی css(ترجیحا sass)
7- رفتن به سراغ یادگیری فریم ورک های جاوا اسکریپت (vuejs و angular و react)

برای قسمت بک اند انتخاب های زیادی پیش روی شما قرار داره. ولی پیشنهاد من یادگیری php و laravel هستش برای شروع. بعدش می تونید سراغ تکنولوژی های دیگر هم برید و به اونا هم مسلط بشید
1- php
2- php7
3- php oop
4- laravel

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

@ham.sarkhosh ممنون از پاسختون.
قسمت بک اند مشکل ندارم.برای طراحی فلت، فریم ورک خاصی وجود داره؟

این مقاله رو بخونید، مسیر کاملی رو برای طراحی سمت کاربر نشون میده:
https://roocket.ir/articles/modern-frontend-developer-in-2019

@mamadi.developer1384
منظورتون رو از طراحی فلت متوجه نمیشم !

@milad
با سلام. این مقاله ای که شما معرفی کردید بسیار خوب و مفید هست ولی یه مشکلی داره. برای کسی که هنوز با برنامه نویسی وب سایت آشنایی نداره ممکنه یه مقدار گیج کننده باشه و باعث سر دردش بشه. من که چندین مدته کارم اینه بهش نگاه می کنم وحشت می کنم یه مقدار :)))
واسه همین سعی کردم مطالب رو براشون ساده تر و مرحله به مرحله توضیح بدم

@ham.sarkhosh
سلام، سرزنده باشید
اتفاقا به نظرم توضیحات شما خیلی خوب بودش، در خصوص مقاله هم با حرف شما موافقم تا حدی.
ولی از طرفی هم چشم انداز وسیعی رو نشون میده توی این حوزه، در خصوص هرچی که میشه یاد گرفت توضیح داده، به نظرم مسئله ی گام برداشتن رو باید در نظر گرفت، اینکه کی قدم بعدی رو برداریم مهمه.
من سعی می کنم همیشه به این مقاله نیم نگاهی داشته باشم.

و سوال دیگه تون هم اینکه: منظورشون طراحی Flat در مقابل طراحی Material هستش.
(flat design vs material design)

@milad
در مورد flat دیزاین درست گفتید.آیا فریم ورک خاصی واسش ساخته شده؟

@mamadi.developer1384
ببینید طراحی فلت مربوط به فریمورک و ... نیست یه سبک طراحی هست . شما باید درباره طراحی فلت و رنگهای فلت مطالعه کنید تا درک درستی ازش بدست بیارید . معمولا میگن فلت به طراحی مثل اسمش یکدست گفته میشه دیگه از گرادینت و ... خبری نیست مثل همین سایت راکت . متریال هم همون فلته با این آپشن که گرادینت و شادو و ... بهش اضافه شده مثل اندروید .
همش برمیگرده به دید گرافیکی و ترکیب رنگ ها وگرنه اینا فقط اسم و یه سری کد از قبل آمادست .

@mamadi.developer1384
همونطور که آقای فرمانی اشاره کردن، اون به سلیقه و سبک طراحی شما بستگی داره. می تونه انتخاب سبک تون یکدست flat باشه، می تونه سبک کاری تون اساسی material باشه و البته می تونه ترکیبی باشه از این دو.
برای مثال میشه گفت خود bootstrap یکجورایی سبک طراحی یکدست flat هستش.
و برای مثال mdbootstrap یا Materialize به سبک طراحی های اساسی material هستند.

https://getbootstrap.com/
https://mdbootstrap.com/
https://materializecss.com/

ابتدا باید با رنگ شناسی ux اشنا بشید

سپس ابزار Adobe Xd رو یاد بگیرید و سعی کنید طراحی رو تو سایت های گرافیک وب هستن رو بتونید تقلید کنید تا بتونید ایده پرداز خوبی بشید و طرح خوب ببینید

سپس کد نویسی HTML CSS رو شروع کنید باید طوری این دو زبان نشانه گذاریو یاد بگیرید که بتونید هر طرحی که میتونید باش بزنید تمرین تمرین تمرین مهمه !

سپس باید برید سراغ javascript رو باید به صورت دقیق عالی یادبگیرید سعی کنید به بهترین نحو یادش بگیرید

سپس باید برید سراغ فریم ورک های فرانت js مثل jquery react js angular و ...

در بین این توضیحات ابزار های webpack npm رو فراموش نشه pug و sass هم همین طور

و در اخر فریم ورک های css مثل بوت استرب / uikit // متریال رو یاد بگیرید

@mamadi.developer1384

@sr.alirazavi خیلی ممنون.
بجای xd از ابزارهای دیگه مثل invision studio میتوان استفاده کرد؟
Xd سیستم رو پشتیبانی نمیکنه

این صفحه شاید بدردتون بخوره

http://bombecode.ir/what-steps-do-you-need-to-take-to-learn-web-design-and-programming/

چه فروم خوبی دم همه گرم

ممنون از توضیحات