برنامه نویس فرانت اند

ما به دنبال یک برنامه‌نویس Front-End دقیق، مسئولیت‌پذیر و محصول‌محور هستیم که بتواند در کنار تیم فنی و طراحی، در توسعه و بهبود محصولات و پلتفرم‌های تحت وب مجموعه نقش موثری داشته باشد. فرد مناسب این موقعیت علاوه بر تسلط فنی به React و Next.js، باید بتواند از ابزارهای هوش مصنوعی و رویکرد Vibe Coding به‌صورت حرفه‌ای و کنترل‌شده استفاده کند، خروجی ابزارها را ارزیابی و اصلاح کند و رابط‌های کاربری سریع، استاندارد، واکنش‌گرا و قابل توسعه بسازد. این موقعیت برای فردی مناسب است که در کنار اجرای دقیق نیازمندی‌ها، به تجربه کاربری، جزئیات بصری، کیفیت کد، عملکرد صفحات و توسعه بلندمدت محصول اهمیت می‌دهد.
ماموریت اصلی این موقعیت
• توسعه و نگهداری رابط‌های کاربری مدرن، سریع، واکنش‌گرا و مقیاس‌پذیر برای محصولات تحت وب مجموعه
• تبدیل نیازمندی‌های محصول و طرح‌های رابط کاربری به صفحات و کامپوننت‌های دقیق، استاندارد و قابل توسعه
• استفاده حرفه‌ای از Vibe Coding و ابزارهای هوش مصنوعی برای افزایش سرعت و کیفیت توسعه، همراه با کنترل کامل خروجی
• همکاری نزدیک و حضوری با تیم‌های Back-End، محصول و طراحی برای تحویل قابلیت‌های کامل و پایدار

شرح وظایف و مسئولیت‌ها
• توسعه، نگهداری و بهبود بخش Front-End محصولات و پلتفرم‌های تحت وب مجموعه
• پیاده‌سازی صفحات، قابلیت‌ها و کامپوننت‌های رابط کاربری با استفاده از React و Next.js
• استفاده موثر و حرفه‌ای از ابزارهای هوش مصنوعی برای تحلیل مسئله، تولید کد، Debug، Refactor و بهینه‌سازی
• بررسی، تست، اصلاح و اعتبارسنجی کدهای تولیدشده توسط ابزارهای هوش مصنوعی
• توسعه رابط‌های کاربری واکنش‌گرا و سازگار با موبایل، تبلت و دسکتاپ
• اتصال رابط کاربری به APIهای سمت سرور و مدیریت صحیح داده‌ها، خطاها و وضعیت‌های Loading
• طراحی و توسعه کامپوننت‌های ماژولار، قابل استفاده مجدد و قابل توسعه
• مدیریت State و انتخاب ساختار مناسب برای مدیریت داده‌های سمت کاربر
• بهینه‌سازی سرعت بارگذاری، Performance و شاخص‌های Core Web Vitals
• رعایت اصول Clean Code، معماری مناسب Front-End و ساختار استاندارد پروژه
• رفع باگ‌ها، بازآرایی کدهای موجود و بهبود مستمر کیفیت محصول
• همکاری نزدیک و حضوری با تیم Back-End، طراح UI/UX، مدیر محصول و سایر اعضای تیم
• مشارکت در تحلیل فنی قابلیت‌ها، تخمین زمان اجرا و ارائه پیشنهادهای بهبود
• استفاده اصولی از Git، مدیریت Branchها و مشارکت در فرایند Code Review
• بررسی سازگاری صفحات در مرورگرها و دستگاه‌های مختلف
• رعایت ملاحظات امنیتی سمت کاربر و اصول Technical SEO در پروژه‌های Next.js
• مستندسازی بخش‌های مهم، تصمیم‌های فنی و کامپوننت‌های توسعه‌یافته

شرایط احراز و توانمندی‌های اصلی
• تسلط به Vibe Coding و استفاده حرفه‌ای از ابزارهای هوش مصنوعی در تحلیل، طراحی راه‌حل، توسعه، Debug و بهینه‌سازی کد
• تجربه کار عملی با ابزارهایی مانند Cursor، GitHub Copilot، ChatGPT، Claude یا ابزارهای مشابه
• توانایی تشخیص خطا، محدودیت، کد ناامن یا غیربهینه در خروجی ابزارهای هوش مصنوعی و اصلاح مستقل آن
• تسلط به JavaScript و مفاهیم ES6+
• تسلط به React.js و مفاهیمی مانند Hooks، Component Lifecycle، Context و الگوهای رایج توسعه
• تسلط به Next.js و آشنایی عملی با App Router یا Pages Router
• تسلط به HTML5، CSS3 و اصول Responsive Design
• آشنایی مناسب با TypeScript و توانایی استفاده از آن در پروژه‌های واقعی
• آشنایی کامل با RESTful API و فرایند اتصال Front-End به Back-End
• تسلط به Git و فرایندهای متداول مدیریت نسخه و همکاری تیمی
• آشنایی با مدیریت State و ابزارهای متداول در اکوسیستم React
• توانایی Debug، تحلیل خطا و حل مسئله به‌صورت مستقل و ساختاریافته
• درک مناسب از اصول UI/UX و حساسیت به جزئیات بصری و تجربه کاربری
• آشنایی با اصول Performance، بهینه‌سازی Bundle و Core Web Vitals
• توانایی نوشتن کد خوانا، ماژولار، تست‌پذیر و قابل نگهداری
• حداقل یک سال سابقه کاری مرتبط یا ارائه نمونه‌کارهای حرفه‌ای و قابل ارزیابی

مهارت‌ها و فناوری‌های مورد انتظار
• React.js و Next.js
• JavaScript و TypeScript
• HTML5، CSS3 و Responsive Design
• REST API و مدیریت داده‌های سمت کاربر
• Git و Code Review
• State Management
• Performance Optimization و Core Web Vitals
• ابزارهای هوش مصنوعی توسعه نرم‌افزار

آشنایی با موارد زیر مزیت محسوب می‌شود
• توانایی کار حرفه‌ای با Figma و طراحی کامل صفحات رابط کاربری، نه صرفاً مشاهده طرح یا استخراج مشخصات
• توانایی طراحی و اصلاح Wireframe، UI صفحه، Component، Auto Layout و Prototype در Figma
• درک اصول طراحی بصری، سلسله‌مراتب محتوا، فاصله‌گذاری، Typography و Design System
• توانایی تبدیل نیازمندی‌های محصول به طرح اولیه صفحه و سپس پیاده‌سازی آن در Front-End
• تجربه کار با Tailwind CSS، Sass، CSS Modules یا Styled Components
• تجربه کار با Redux Toolkit، Zustand، TanStack Query یا ابزارهای مشابه
• آشنایی عملی با SSR، SSG، ISR و Server Components در Next.js
• آشنایی با WebSocket و قابلیت‌های Real-Time
• تجربه توسعه داشبوردهای مدیریتی، پنل‌های کاربری یا محصولات SaaS
• تجربه کار با Material UI، Ant Design، Shadcn/UI یا کتابخانه‌های مشابه
• آشنایی با تست‌نویسی با Jest، React Testing Library، Cypress یا Playwright
• آشنایی با Docker و فرایندهای CI/CD
• آشنایی با Technical SEO و اصول دسترس‌پذیری وب
• تجربه فعالیت در تیم‌های محصول، محیط‌های استارتاپی یا فرایندهای Agile و Scrum

ویژگی‌های فردی مورد انتظار
• مسئولیت‌پذیر، منظم و متعهد به زمان‌بندی و کیفیت تحویل
• دقیق و حساس به جزئیات فنی، بصری و تجربه کاربری
• دارای تفکر تحلیلی و روحیه حل مسئله
• توانمند در کار تیمی و ارتباط حرفه‌ای با اعضای فنی و غیرفنی
• پذیرای بازخورد و توانمند در ارائه بازخورد سازنده
• علاقه‌مند به یادگیری مستمر فناوری‌ها و ابزارهای جدید
• توانایی استفاده هوشمندانه از AI بدون وابستگی کامل به خروجی ابزارها
• دارای انگیزه برای مشارکت بلندمدت در توسعه و رشد محصول

نوع و شرایط همکاری
• همکاری به‌صورت تمام‌وقت و کاملاً حضوری
• حضور منظم در محل شرکت و همکاری نزدیک با اعضای تیم الزامی است
• حقوق و مزایا بر اساس سطح تخصص، سابقه کاری، کیفیت نمونه‌کار و نتیجه ارزیابی فنی تعیین می‌شود
• دوره آزمایشی مطابق توافق طرفین و قوانین مجموعه خواهد بود
• اولویت با متقاضیانی است که امکان همکاری بلندمدت دارند

مزایای همکاری
• فعالیت در یک تیم حرفه‌ای، محصول‌محور و در حال رشد
• کار روی پروژه‌های واقعی و محصولات در حال توسعه
• امکان تاثیرگذاری مستقیم بر تصمیم‌های فنی و کیفیت محصول
• فضای مناسب برای یادگیری، ارائه ایده و رشد تخصصی
• امکان استفاده از ابزارهای مدرن هوش مصنوعی در فرایند توسعه
• پرداخت منظم و امکان بازنگری شرایط همکاری بر اساس عملکرد
• چشم‌انداز همکاری بلندمدت در صورت رضایت طرفین

نحوه ارزیابی متقاضیان
رزومه‌هایی که شامل اطلاعات زیر باشند، در اولویت بررسی قرار می‌گیرند:
• لینک GitHub یا GitLab و نمونه کدهای قابل بررسی
• لینک نمونه‌کارهای آنلاین یا پروژه‌های قابل مشاهده
• توضیح دقیق درباره نقش متقاضی در پروژه‌های قبلی
• ذکر فناوری‌ها و معماری استفاده‌شده در هر پروژه
• مشخص‌کردن میزان تسلط به React، Next.js، TypeScript و Figma
• توضیح درباره تجربه استفاده از ابزارهای هوش مصنوعی در پروژه‌های واقعی
• معرفی ابزارهای AI مورداستفاده و نحوه کنترل و اعتبارسنجی خروجی آن‌ها

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