در این ماژول، از رقابت‌کنندگان انتظار می‌رود پروژه‌ای با پیاده‌سازی کامل فرانت‌اند و بهره‌گیری از عملکردهای پیشرفته‌ی JavaScript را به‌صورت دقیق، بهینه و مطابق با استانداردهای روز اجرا کنند. تمرکز اصلی این ماژول بر توسعه‌ی عملکردها (Functionality) و ویژگی‌های پیچیده‌ای است که در پیاده‌سازی بخش‌های مختلف مورد نیاز است.
رقابت‌کننده باید توانایی خود را در حل چالش‌های متنوع JavaScript به نمایش بگذارد و با بهره‌گیری از تکنیک‌های پیشرفته، قابلیت‌هایی نظیر تعاملات داینامیک با کاربر، کار با ساختارهای پیچیده‌ی DOM، مدیریت رخدادها (Events) و پیاده‌سازی انیمیشن‌های حرفه‌ای را در پروژه‌ی خود پیاده کند. همچنین، انتظار می‌رود رقابت‌کننده توانایی کار با فریم‌ورک‌های JavaScript را داشته.
تسلط بر ارائه‌ی تجربه کاربری روان و بدون نقص، از الزامات کلیدی موفقیت در این ماژول به‌شمار می‌رود.
پروژه‌های جهانی
سال ۲۰۲۲
در این پروژه، از رقابت‌کنندگان خواسته شده بود تا یک بازی تعاملی آموزشی طراحی و پیاده‌سازی کنند که هدف آن آموزش مفاهیم پایه‌ای وب به کودکان باشد. این بازی باید به‌گونه‌ای طراحی می‌شد که مفاهیم ساده و ابتدایی مانند HTML، CSS و JavaScript را به شکلی سرگرم‌کننده و جذاب به کودکان منتقل کند.
رقابت‌کنندگان موظف بودند بازی را مطابق مستندات ارائه‌شده، به‌صورت کامل، روان و دقیق پیاده‌سازی کنند؛ به‌گونه‌ای که مهارت آن‌ها در پیاده‌سازی JavaScript پیشرفته و به‌کارگیری تکنیک‌های پیشرفته‌ی CSS به چالش کشیده شود. این پروژه به‌دلیل ماهیت خلاقانه و فنی خود، یکی از جذاب‌ترین ماژول‌های چند دوره‌ی اخیر مسابقات به‌شمار می‌رود.
فریم‌ورک‌های مجاز
JavaScript
- ReactJS
- VueJS
- Next.js
- Gatsby
- Vite
- Angular
CSS
- Tailwind CSS
- Bootstrap
چالش‌های پیشرفته در این ماژول
در این ماژول، تمرکز اصلی بر پیاده‌سازی دقیق و بهینه عملکردهای فرانت‌اند است. رقابت‌کنندگان ممکن است با چالش‌های پیشرفته‌ای همچون بازی‌های تعاملی (interactive) تحت مرورگر یا پیاده‌سازی Progressive Web App (PWA) روبه‌رو شوند. این چالش‌ها نیازمند تسلط بر JavaScript و فریم‌ورک‌های آن برای ایجاد تجربه‌های کاربری غنی و داینامیک هستند.
این ماژول به شما این امکان را می‌دهد که با استفاده از فناوری‌های مدرن، مهارت‌های خود را در پروژه‌های پیچیده و حرفه‌ای به نمایش بگذارید.
نرم‌افزارهای موجود در سیستم مسابقه
- Visual Studio Code
- PHPStorm
- MySQL Workbench
- Composer
- Node.js (with npm)
- PHPmyAdmin
- FileZilla Client
- Firefox Developer Edition
- WinSCP
- Eclipse PHP incl
- Sublime Text
- PuTTY utilities
- Gimp
- PHPUnit
- Zeal Doc
- Postman
- DevDocs
- Vue-cli
- Git
نرم‌افزارهای موجود در سرور مسابقه
- Git
- PHPUnit
- Node.js with npm
- Composer
- Vue Cli
افزونه‌های Visual Studio Code
- Prettier – Code Formatter
- PHP Intelephense
- Laravel Blade Snippets
- Laravel Extra Intellisense
- Vue – Official
- ES7 + React/Redux/React-Native snippets
- Angular Language Service
افزونه‌های مرورگر (Firefox و Chrome)
- aXe by Deque
- Angular DevTools
- React Developer Tools
- Vue.js devtools