آموزش فرانت اند: از کجا شروع کنیم، چقدر طول می‌کشد و بازار کار

مسیر زیر دوره‌ها را به ترتیبی که یاد گرفته می‌شوند نشان می‌دهد و هر دوره به صفحه خودش لینک دارد. لازم نیست همه سطح ماهر را پیش از اولین درخواست کار تمام کنی؛ بیشتر آگهی‌های کارآموزی HTML، CSS، جاوااسکریپت و آشنایی با React یا Angular خواسته بودند.

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

کار روزانه او در آگهی‌های مهر ۱۴۰۵ این‌طور توصیف شده بود: ساختن کامپوننت‌هایی که بارها در صفحه‌ها استفاده می‌شوند، وصل کردن صفحه به API بک اند، درست کردن نمایش صفحه در اندازه‌های مختلف که ۶۴ درصد آگهی‌ها خواسته بودند، بهتر کردن سرعت بارگذاری که ۶۲ درصد نام برده بودند، و کار با گیت کنار بقیه تیم.

فرانت اند دولوپر با طراح سایت، بک اند و طراح UI چه فرقی دارد؟

• فرانت اند دولوپر: همان فرانت اند کار است. با جاوااسکریپت و معمولا React، Angular یا Vue صفحه‌هایی می‌سازد که مثل یک نرم‌افزار کار می‌کنند، مثل پنل بانک، فروشگاه اینترنتی یا داشبورد.
• طراح سایت وردپرس: بیشتر با قالب و افزونه آماده سایت می‌سازد. در همان روزی که ۱۵۹ آگهی فرانت اند فعال بود، ۸۵ آگهی عنوان طراح سایت یا وردپرس داشتند. شروعش ساده‌تر است و صفحه خودش را در گروه توسعه نرم‌افزار دارد.
• بک اند کار: پشت صحنه را می‌سازد: منطق برنامه، پایگاه داده و سرویس‌هایی که فرانت اند داده‌اش را از آن‌ها می‌گیرد.
• طراح رابط و تجربه کاربری: شکل و رفتار صفحه را طراحی می‌کند ولی کد نمی‌نویسد. ۲۰ درصد آگهی‌های فرانت اند کار با فیگما را خواسته بودند تا فرانت اند کار بتواند طرح او را دقیق بخواند.

جواب صادقانه این است که هیچ آمار معتبری نمی‌گوید یک تازه‌کار در چند ماه به اولین کار فرانت اند می‌رسد. صفحه‌هایی که عدد قطعی مثل «۴ تا ۶ ماه» می‌دهند، منبعی برایش نیاورده‌اند. چیزی که می‌شود اندازه گرفت، ساعت دوره‌هاست:

• دوره‌های رسمی فنی و حرفه‌ای: HTML ۱۷۰ ساعت، CSS ۱۴۰ ساعت و جاوااسکریپت ۹۰ ساعت؛ روی هم ۴۰۰ ساعت، بدون React.
• بوت‌کمپ‌های فرانت اند: از ۹۰ ساعت در یک دوره آنلاین تا ۲۹۶ ساعت در ۱۴ هفته. یک بوت‌کمپ دیگر ۱۳۰ ساعت آموزش را در ۵ ماه می‌گذارد و بیشترشان حدود ۲۰ تا ۲۵ ساعت کار در هفته از شرکت‌کننده می‌خواهند.
• یک دوره ضبط‌شده React: حدود ۳۷ تا ۴۷ ساعت ویدیو، که با تمرین چند برابر می‌شود.

اگر هفته‌ای ۱۵ ساعت وقت بگذاری، همان ۴۰۰ ساعت پایه به حساب ما حدود شش ماه و نیم طول می‌کشد، و React و تایپ‌اسکریپت و چند پروژه بعد از آن می‌آید. کسی که هفته‌ای ۲۵ ساعت کار می‌کند، به همان نقطه در حدود چهار ماه می‌رسد. یک واقعیت دیگر را هم کنار این حساب بگذار: ۶۱ آگهی که سابقه را با عدد نوشته بودند، در میانه ۳ سال خواسته بودند. یعنی پایان دوره، شروع رقابت برای کارآموزی و کار جونیور است، نه رسیدن به آگهی‌های معمولی.

چه چیزی یادگیری را کوتاه‌تر می‌کند؟

ساختن، نه فقط دیدن. هر بخش جاوااسکریپت را با یک پروژه کوچک تمام کن، مثل ماشین حساب، لیست کارها یا صفحه‌ای که از یک API آب‌وهوا داده می‌گیرد. مستندات رسمی هم رایگان‌اند؛ در یک نظرسنجی جهانی ۲۰۲۵ حدود ۶۸ درصد برنامه‌نویس‌ها گفته بودند مستندات فنی را بیش از هر منبع دیگری برای یادگیری استفاده کرده‌اند.

در ۲۶ مهر ۱۴۰۵ همه ۱٬۴۰۷ آگهی فعال دسته برنامه‌نویسی یک سایت بزرگ کاریابی را خواندیم. ۱۵۹ آگهی عنوان فرانت اند، React، Angular، Vue یا Next.js داشتند و متن کامل همه آن‌ها بررسی شد. این آگهی‌ها را ۱۵۰ شرکت مختلف داده بودند.

از فرانت اند کار چه می‌خواستند؟

• ابزار اصلی: React در ۷۷ درصد، تایپ‌اسکریپت در ۷۶ درصد، گیت در ۷۵ درصد و Next.js در ۵۴ درصد آگهی‌ها.
• کار روزانه: نمایش درست در همه اندازه‌ها ۶۴ درصد، بهینه‌سازی سرعت ۶۲ درصد، مدیریت وضعیت با Redux و ابزارهای مشابه ۴۲ درصد و Tailwind ۳۵ درصد.
• چیزهایی که کمتر دیده می‌شد: نوشتن تست ۲۶ درصد، داکر ۲۴ درصد، فیگما ۲۰ درصد، دسترس‌پذیری ۱۶ درصد و سئو ۱۴ درصد.
• زبان و هوش مصنوعی: ۲۸ درصد آگهی‌ها انگلیسی خواسته بودند و ۲۸ درصد از هوش مصنوعی یا کار با ابزارهایش نام برده بودند؛ عنوان یکی از آن‌ها «AI-First Front-End Developer» بود.

آگهی‌های کارآموزی و جونیور چه شرطی داشتند؟

فقط ۸ آگهی کارآموزی، یک آگهی جونیور و یک آگهی سطح میانی بود. آن‌هایی که عدد حقوق داشتند، ۲۰ تا ۲۲، ۲۲ تا ۳۰، ۲۵ تا ۳۵ و ۲۷ تا ۴۰ میلیون تومان پیشنهاد داده بودند. شرط‌هایشان کم و ملموس بود: «آشنایی اولیه با Html & CSS و JavaScript»، «تسلط قابل قبول به JavaScript و React» و «آشنایی با Git». یکی از آن‌ها نوشته بود «برای ما سال های تجربه مهم نیست» و از داوطلب خواسته بود پیش از مصاحبه سایت شرکت را ببیند و زمان پیاده‌سازی سه صفحه آن را تخمین بزند. یکی دیگر مدت کارآموزی را «حداکثر سه ماه» نوشته بود.

کجا و با چه شرطی؟

۱۱۱ آگهی، یعنی ۷۰ درصد، در شهر تهران بود و بعد اصفهان و خراسان رضوی هر کدام ۱۱ آگهی و فارس ۶. ۸۹ درصد آگهی‌ها جنسیت را مهم ندانسته بودند. ۴۹ آگهی پایان خدمت سربازی و ۷۴ آگهی سقف سنی خواسته بودند که میانه‌اش ۳۵ سال بود. ۱۴۵ آگهی تمام‌وقت بود و فقط ۱۴ آگهی، یعنی ۹ درصد، دورکاری را ممکن می‌دانستند. ۲۵ شرکت امریه سربازی را جزو مزایا آورده بودند.

گزارش‌های معتبر حقوق ۱۴۰۵، فرانت اند کارها را در چهار گروه جدا آورده‌اند: React، Angular، Vue و کسانی که با HTML، CSS و جاوااسکریپت بدون فریم‌ورک کار می‌کنند. مهم‌ترین نکته همین جداسازی است: کسی که فقط HTML و CSS و جاوااسکریپت بلد است، حتی در سطح ارشد میانه ۲۷ میلیون تومان دریافت کرده، در حالی که ارشد React در تهران ۵۷ میلیون.

درآمد فرانت اند در ایران به چه چیزی بستگی دارد؟

• فریم‌ورک: دریافتی ارشد React در تهران ۲٫۱ برابر ارشد گروه بدون فریم‌ورک در کل کشور بود.
• سطح کار: در React تهران، دریافتی ارشد ۲٫۷ برابر جونیور بود.
• شهر: سطح میانی React در تهران ۳۶ میلیون و در کلان‌شهرهای دیگر ۲۵ میلیون دریافت کرده بود. در آگهی‌ها هم میانه پیشنهاد تهران ۴۵ تا ۶۰ و شهرهای دیگر ۲۷ تا ۴۰ میلیون بود.

آگهی‌ها چقدر پیشنهاد داده بودند؟

۵۱ آگهی از ۱۵۹ آگهی عدد حقوق داشتند و میانه حداقل و حداکثرشان ۳۰ و ۵۰ میلیون تومان در ماه بود؛ آگهی‌های ارشد ۴۰ تا ۵۷٫۵ میلیون. این‌ها پیشنهاد اولیه کارفرماست و حقوق نهایی در مصاحبه تعیین می‌شود. همین فرانت اند کارها برای ۱۴۰۵ بیشتر از دریافتی‌شان خواسته بودند: سطح میانی React در تهران ۵۵ میلیون، یعنی ۵۴ درصد بیشتر.

آگهی‌های تازه‌کار کم‌اند، پس راه‌های دیگر ورود را هم جدی بگیر:

• نمونه کار بهتر از گواهی: هیچ‌کدام از ۱۵۹ آگهی گواهی دوره را شرط نکرده بود، ولی ۱۹ آگهی نمونه کار یا رزومه کاری خواسته بودند. پروژه‌هایی را بگذار که مثل محصول واقعی کار می‌کنند: فروشگاه کوچک با سبد خرید، داشبوردی که از API داده می‌گیرد، یا بازسازی یک صفحه معروف.
• کارآموزی: بعضی شرکت‌ها کارآموزی کوتاه با حقوق می‌گذارند و بعد قرارداد می‌بندند. یک آگهی دیوار نوشته بود «یک الی دو ماه کار آموزی با دست مزد توافقی» و در صورت رضایت دو طرف، قرارداد بلندمدت.
• پروژه آزاد: ۳ آگهی قراردادی یا پروژه‌ای بودند و ۸ آگهی تمام‌وقت یا پاره‌وقت. کار پروژه‌ای سابقه می‌سازد، ولی برای کارفرمای خارجی با محدودیت تحریم روبه‌روست.

آگهی‌های «آموزش و استخدام» را دقیق بخوان

در دیوار پنج شهر بزرگ، ۷۷ آگهی با جستجوی فرانت اند، React و برنامه‌نویس وب پیدا شد و فقط ۹ تا واقعا فرانت اند بودند. چهار تای آن‌ها آموزش را جای استخدام گذاشته بودند: «وارد دوره شوید… امکان ادامه همکاری و استخدام در صورت پیشرفت»، یا «نفرات برتر… امکان همکاری به صورت فریلنسری». یکی از آن‌ها یک کارآموزی یک‌ساله بود که در متنش نوشته بود «حقوقی پرداخت نخواهد شد». سه آگهی دیگر هم که کلمه فرانت را داشتند، از شرکتی به همین نام بودند و فروشنده و ادمین می‌خواستند. پیش از قبول هر پیشنهادی بپرس آیا قرارداد و بیمه دارد، چند نفر از دوره قبل استخدام شده‌اند و آیا پولی از تو خواسته می‌شود.

آینده فرانت اند با هوش مصنوعی

ابزارهای هوش مصنوعی حالا بخشی از کار روزانه‌اند، ولی جای فرانت اند کار را نگرفته‌اند. در یک نظرسنجی جهانی ۲۰۲۴ از برنامه‌نویسان جاوااسکریپت، به طور میانگین ۲۰ درصد کدی که می‌نوشتند با هوش مصنوعی تولید شده بود و ۲۰ درصد هم اصلا از آن استفاده نمی‌کردند. در آگهی‌های ایرانی هم ۲۸ درصد از هوش مصنوعی نام برده بودند، بیشتر به عنوان ابزاری که باید بلد باشی. یعنی کسی که فقط طرح را به کد تبدیل می‌کند، رقیب تازه‌ای پیدا کرده؛ کسی که کد هوش مصنوعی را می‌فهمد، اصلاح می‌کند و سرعت و دسترس‌پذیری صفحه را درست می‌کند، هنوز کار دارد. یک محدودیت هم هست: دستیار کدنویسی گیت‌هاب برای ایران مجاز نیست.