در این ماژول، از شما انتظار می‌رود تا پروژه فرانت‌اند را به‌خوبی پیاده‌سازی کنید و در کنار آن عملکردهای پیشرفته JavaScript و چالش‌های جذاب را به‌طور دقیق پیاده‌سازی نمایید. همچنین، باید طراحی خواسته‌شده را به‌طور دقیق و مطابق با نیازها پیاده‌سازی کنید.
تمرکز اصلی در این ماژول بر روی پیاده‌سازی دقیق و بهینه عملکردها (functionality) است. به عبارت دیگر، شما باید توانایی خود را در توسعه و بهینه‌سازی ویژگی‌های داینامیک، و سایر عملکردهای پیچیده به نمایش بگذارید. پیاده‌سازی طراحی بخش کمتری از نمره را تشکیل می‌دهد و بیشتر تمرکز بر روی ایجاد عملکردهای دقیق و کارآمد است که تجربه کاربری عالی را فراهم کنند.
در این ماژول، توانایی شما در استفاده از JavaScript پیشرفته و فریم‌ورک‌های مرتبط برای ایجاد رابط‌های کاربری پیچیده و تعاملی مورد ارزیابی قرار خواهد گرفت.
پروژه‌های جهانی
سال 2019
در این پروژه از رقابت‌کنندگان خواسته شده بود تا سیستمی برای طراحی پرزنتیشن پیاده‌سازی کنند که شامل ایجاد گراف‌ها، ساخت اسلایدها و تعریف ترنزیشن‌ها باشد. هدف اصلی این پروژه، ایجاد یک پلتفرم پویا و کاربرپسند است که امکان طراحی و نمایش پرزنتیشن‌های حرفه‌ای را فراهم کند.
رقابت‌کنندگان باید توانایی خود را در مدیریت المان‌های مختلف پرزنتیشن، از جمله افزودن تصاویر، متون و نمودارها، به‌طور دقیق به نمایش بگذارند. علاوه بر این، تعریف ترنزیشن‌ها و افکت‌های حرکتی بین اسلایدها نیز بخش مهمی از پروژه است که باید به‌طور روان و بدون مشکل پیاده‌سازی شود.
این پروژه نیازمند تسلط بر تکنیک‌های فرانت‌اند پیشرفته برای تعامل با کاربر و ایجاد یک تجربه کاربری جذاب است.
فریم‌ورک‌های مجاز
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