فرانت اند

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

html, css, responsive design
سپس ساخت دو-سه صفحه
flexbox
سپس ساخت دو-سه صفحه
css-grid
سپس ساخت یکی-دو صفحه
sass
سپس ساخت یکی-دو صفحه
javascript
انجام تمرینات، هنگام تمرینات کوچک html و css رو خودتون صورت بدین، البته تمرکز بیشتر روی جاوااسکریپت هستش.

es۶
es۷, es۸, es۹, es۱۰
انجام تمرینات گوناگون

پس از یادگیری و تسلط بر مفاهیم جاوااسکریپت و انجام تمرینات مختلف، میتونی بری سراغ کتابخانه ها و چارچوب هاش، نظیر جی کوئری و ری اکت یا ویو یا انگولار. اما قبل از یادگیری و تسلط بر جاوااسکریپت و es۶، نرو سراغ شون. ضرر می کنی.
همینطور قبل از تسلط بر css نرو سراغ بوت استرپ و دیگر چارچوب های css

ممنون دوستان
من اگر بخواهم کمی از بک اند هم بدانم { نمیخواهم بک اند دیوولوپر شوم وقت در حد چند زبان }
کدام زبان هارو یاد بگیرم
php ، پایتون ، ++c ، c یا دیگر زبان ها

خواهش میکنم، زنده باشید و موفق

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

سلام عزیز
میتونی از لینک زیر استفاده کنی.
https://roadmap.sh/backend

@shahinsh148
سلام دوست عزیز، همینطور که تا االان فهمیدی زبان html,css زبان های برنامه نویسی نیستند، برای همین فهمیدنشون هم مشکل نیست
اما قضیه در مورد زبان های برنامه نویسی کمی فرق میکنه، البته نمیگم مشکله، اما باید یک سری مفروضات رو اول یاد بگیری بعد شروع کنی به نوشتن برنامه با یک زبان برنامه نویسی ( حالا هر کدوم که دوست داشتی تو هر زمینه ای php, c++ , python , go , ....)
فرض کن یکی که میخاد تعمیرات یک سخت افزار رو یاد بگیره اول بهش یاد میدن با انبردستی، سیم چین، پیچ گوشتی، چهارسو و .... چطوری کار کنه و نحوه استفاده از اینا رو یاد بگیره، بعد کم کم به مرور زمان با تجربه و تعمیر به یک تعمیرکار سخت افزار تبدیل میشه
توی مبحث نرم افزار هم همینطوره شما
اول باید کار و نحوه

1. تعریف متغیر ها و کلا مفهوم متغیر ها در یک زبان برنامه نویسی
2. مفهوم حلقه های تکرار شونده مثل حلقه های for, while
3. مفهوم شروط و استفاده از if , else
4. switch case و....
   و مواردی از این قبیل رو یاد بگیری ( که البته الان فقط کار با انبردستی و پیچ گوشتی رو یعنی یاد گرفتی یعنی هیچی بلد نیستی بازم؟؟!!)
   و سپس برای مرحله بعد، یعنی تمرین با یک زبان برنامه نویسی اماده ای

برای فرانت اند دولوپر شدن road map های خیلی خوبی وجود داره که میتونی توی گوگل مشاهده کنی اما مسیری که من بعد از تجربه و تحقیقاتی که تصمیم گرفتم با استفاده از بهترین تکنولوژی های روز انتخاب کنم به ترتیب زیر هست.
امیدوارم که شما هم بتونی ازش استفاده سودمند رو ببری:
1) آموزش Html5 و Css3
2) آموزش Flexbox
3) ساخت چندین پروژه مختلف و مسلط شدن به Css
4) آموزش javaScript و استاندارد های بروز شدش که شامل EcmaScript 6,7,8,9،... میشه
5) برداشتن یک کورس پروژه محور برای فهمیدن کاربرد های جاوا اسکریپت و عمیق تر شدن در کار باهاش و درک عمیق مفاهیمش
6) آموزش یک فریم ورک css ای برای ریسپانسیو کردن و ایجاد UI چشم نواز مثل BootStrap یا Materialize و Material Ui و همچنین آشنایی جزئی با فریم ورک های css ای سبک تر مثل Ant design و... برای پروژه هایی که درونش سرعت آپلود ساعت مهمترن (سعی کن آموزش فریم ورک های کوچیک تر رو با داکیومنت خونی از سایت اصلیشون یاد بگیری که اولین قدمت برای آموزش یک چیز بر اساس داکیومنت های سایت مرجع باشه)
7)آموزش Sass
8)آموزش و تسلط کامل بر git و github
9)شروع به کار با یک فریم ورک جاوا اسکریپتی و انتخاب یکی از فریم ورک ها React.js ویا Vue.js و یا Angular و شروع به آموزش دیدنش به صورت کامل (برای اینکه بدونی کدوم بهتره هم میتونی با یکم کد نویسی جزئی از هر کدوم ببینی بیشتر با کدومشون حال میکنی و اونو انتخاب کنی چون برای هر 3 بازار کار مناسبی هست ؛ اما اگه هدفت انتخاب بهترین هست از نظر بازارکار جزئی بهتر نسبت به بقیه و دارابودن جامعه بزرگتر و بهتر برای حل مشکلاتت توصیه من react هست)
10) برداشتن یک کورس پروژه محور برای فریم ورک جاوا اسکریپتی که انتخاب کردی و ساختن چندین سایت مختلف
11) قدم بعدی بستگی به فریم ورکی که انتخاب کردی داره
آموزش Express.js پایه ثابت کار هست اما متغیر ما بسته به فریم ورک جاوا اسکریپتی انتخابیت
برای react.js بهتره Next.js رو آموزش ببینی ، برای vue.js بهتره Nuxt.js و برای angular هم که از Universal باید استفاده کنی تا سئوی سایتت رو خیلی بهتر بتونی بکنی

خب تا اینجای کار میتونم بهت بگم که تو الان یک فرانت انت دولوپر خوب شدی و تنها چیزی که مونده تا پیشرفتت بدی یکی تمرین بیشتر و انجام پروژه های بیشتر هست و دیگری هم داشتن تسلط نسبی و شناخت یک زبان بک اند و همچنین دیتابیس هست
برای این موارد هم پیشنهاد میکنم تا در قدم بعدی
12) آموزش Node.js برای بخش بک اند
13) آموزش دیتابیس MongoDB
14) برداشتن یک دوره جامع ترکیبی از همگی چیزهایی که تا الان خوندی(به طور مثال دوره MERN) و ساخت یک وبسایت فروشگاهی و یک چتروم آنلاین و نمونه کاری های مناسب برای ایجاد رزومه خوب

و در نهایت در صورتی که دوست داشتی تا وارد عرصه ساخت و توسعه اپلیکیشن هم بشی میتونی به آموزش React Native بپردازی (در صورتی که از vue.js هم استفاده میکنی میتونی با Vuenative کد هاتو ترنسپایل کنی به reactnative و اپتو بسازی)

تبریک میگم تو الان دیگه هر چیزی که نیاز باشه برای یک فرانت اند دولوپر حرفه ای شدن رو یادگرفتی و فقط میمونه بروز بودن و آپدیت نگه داشتن اطلاعاتت راجع به تکنولوژی های جدید و تمرین و تمرین و تمرین...
(این رو هم خودمونی بگم بهترین راه یادگیری و تمرین اینه که از قدم 10 به بعد سعی کنی وارد یک شرکت شی و اونجا کار کنی تا با کارکردن روی پروژه های مختلف و یادگیری از همکار ها و آشنایی با دیزاین پترن ها و بهترین روش های کد زنیِ تمیز ، مهارت خودت رو ارتقا بدی)