کد جهانی رشته ۱۷ | گروه فناوری اطلاعات

فناوری‌های وب

Web Technologies

آخرین بروزرسانی رشته
  • سطح ملی / جهانی
  • استاندارد WorldSkills
  • گروه فناوری اطلاعات
  • تمرکز فناوری اطلاعات
WorldSkills چیه؟

مسابقات مهارت بزرگ‌ترین رویداد مهارت دنیاست که هر دو سال یکبار به اسپانسری غول‌های تکنولوژی صنعت مانند سامسونگ، زیمنس و ... برگزار می‌شود که بیش از ۸۰ کشور در آن شرکت می‌کنند.

اطلاعات بیشتر

معرفی رشته

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

این رشته شامل بخش‌هایی مانند پیاده‌سازی طراحی، توسعه سمت کاربر (Front-end)، توسعه سمت سرور (Back-end)، مدیریت پایگاه‌های داده و بهینه‌سازی عملکرد است. هدف آن ارائه راهکارهای نوآورانه و پایدار برای پاسخ به نیازهای متنوع کاربران و کسب‌وکارهاست. مهارت‌های کلیدی شامل برنامه‌نویسی، تحلیل نیازها، طراحی رابط کاربری و تجربه کاربری، به‌روزرسانی دانش فنی، و تسلط بر ابزارها و چارچوب‌های توسعه وب است.

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

این رشته برای چه افرادی مناسب است؟

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

در این رشته، یادگیری فقط به نوشتن کد محدود نمی‌شود؛ بلکه با چالش‌هایی روبه‌رو می‌شوید که نیازمند دقت در پیاده‌سازی طراحی، تفکر منطقی، مدیریت زمان، خلاقیت، یادگیری مداوم و توانایی کار با فناوری‌های متنوع Front-end و Back-end هستند.

آینده‌ی شغلی این رشته

مهارت‌هایی که در این رشته به دست می‌آورید، مسیر ورود شما به بازار کار وب را هموار می‌کند. بسته به علایق و مهارت‌هایی که در طول مسیر کسب می‌کنید، معمولاً می‌توانید به‌عنوان توسعه‌دهنده‌ی Front-end، Back-end یا Full-stack فعالیت کنید.

هرچه در موضوعاتی مثل Performance، دسترس‌پذیری، تست و استقرار قوی‌تر شوید، شانس پیشرفت به نقش‌های ارشدتر در تیم‌های محصول و مهندسی نرم‌افزار هم بیشتر می‌شود.

مهارت‌های مورد نیاز در این رشته

توسعه‌ی وب ترکیبی از چند مهارت است. برای موفقیت در این رشته باید بتوانید مسئله را از زاویه‌ی طراحی، Front-end و Back-end ببینید و برایش راهکار بسازید. در استاندارد WorldSkills، سهم تقریبی این مهارت‌ها در نمره‌دهی این‌طور است: سازمان‌دهی کار ۵٪، ارتباط و کار تیمی ۵٪، پیاده‌سازی طراحی ۲۵٪، Front-end ۲۵٪ و Back-end ۴۰٪.

سازمان‌دهی کار

باید بتوانید در زمان محدود کار کنید، چند راه‌حل را با هم مقایسه کنید، کد را برای استقرار آماده نگه دارید و با Git نسخه‌های کارتان را مدیریت کنید.

ارتباط و کار تیمی

باید صورت‌پروژه را درست بخوانید، با کد آماده‌ی Front-end و Back-end کار کنید، نیاز مشتری را بفهمید و در صورت نیاز از طریق Git با بقیه هماهنگ شوید.

پیاده‌سازی طراحی

باید رابط کاربری دقیق، واکنش‌گرا و دسترس‌پذیر بسازید. استانداردهای HTML و CSS، دسترس‌پذیری، سازگاری با مرورگرها و دستگاه‌های مختلف، بهینه‌سازی تصویر، SEO و Performance اینجا مهم‌اند. کار با انیمیشن و رسانه هم بخشی از این مهارت است.

توسعه‌ی Front-end

تمرکز این بخش روی JavaScript، کار با کتابخانه و فریم‌ورک، نوشتن کد تمیز و قابل‌استفاده مجدد، مدیریت داده در سمت کاربر، تست، دیباگ و در نهایت استقرار با Docker و فرآیند CI/CD است.

توسعه‌ی Back-end

اینجا باید با PHP یا Node.js، فریم‌ورک‌های سمت سرور، طراحی پایگاه داده، API، امنیت، تست و استقرار روی سرور کار کنید. کار با SSH، دسترسی فایل‌ها و تنظیم وب‌سرور هم جزو همین بخش است.

در نهایت، نوشتن کد فقط بخشی از کار است؛ مهم‌تر این است که نیاز مشتری را درست بفهمید و به یک محصول قابل‌اتکا تبدیلش کنید.

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

مسیر مسابقات

مسیر حضور در مسابقات جهانی مهارت در ایران از ثبت‌نام و مرحله‌ی مقدماتی آغاز می‌شود و پس از مرحله‌ی کشوری و اردوهای انتخابی تیم ملی ادامه پیدا می‌کند. در نهایت، نماینده‌ی ایران در مسابقات جهانی مهارت حضور خواهد داشت.

  1. ۱ ثبت‌نام سامانه رسمی سازمان آموزش فنی و حرفه‌ای
  2. ۲ مرحلهٔ مقدماتی شهرستانی و استانی
  3. ۳ مرحلهٔ کشوری المپیاد ملی مهارت
  4. ۴ اردوهای انتخابی آمادگی تیم ملی
  5. ۵ مسابقات جهانی WorldSkills

آزمون‌های مرحله‌ی کشوری

در مرحله‌ی کشوری، نفرات برتر و دعوت‌شدگان به اردوهای انتخابی بر اساس مجموع امتیازات آزمون‌ها مشخص می‌شوند. ساختار کلی آزمون‌ها از مسابقه‌ی جهانی الگو می‌گیرد، اما مرحله‌ی کشوری معمولاً در مقیاس کوچک‌تر و فشرده‌تر برگزار می‌شود؛ مسابقه‌ی جهانی چهار روزه است، در حالی که مرحله‌ی کشوری معمولاً حدود سه روز طول می‌کشد و ممکن است تعداد یا ترکیب ماژول‌ها خلاصه‌تر باشد.

ساختار مرجع ماژول‌های جهانی را در بخش بعد ببینید. جزئیات هر آزمون هم در بخش ماژول‌ها آمده است. مراحل مقدماتی شهرستانی و استانی لزوماً عین همین ساختار نیستند، اما در راستای مرحله‌ی کشوری و استانداردهای جهانی طراحی می‌شوند.

ساختار ماژول‌ها در مسابقه جهانی

مسابقه‌ی جهانی در این رشته طی ۴ روز و در چند ماژول مستقل برگزار می‌شود. جدول زیر بر اساس آخرین دوره‌ی برگزارشده (لیون ۲۰۲۴) است؛ ممکن است ترتیب، ترکیب یا زمان‌بندی ماژول‌ها در دوره‌های بعد کمی فرق کند. فناوری‌های دقیق هر دوره معمولاً حدود سه ماه پیش از مسابقه اعلام می‌شود.

روز ماژول مدت زمان
۱ ماژول ۱: آزمون سرعت (Speed Test) ۱۸۰
۱ ماژول ۲: توسعه Back-end با پیاده‌سازی طراحی ۱۸۰
۲ ماژول ۳: توسعه Back-end ۱۸۰
۲ ماژول ۴: توسعه Front-end ۱۸۰
۳ ماژول ۵: توسعه Front-end با پیاده‌سازی طراحی ۱۸۰
۳ ماژول ۶: پیاده‌سازی طراحی با توسعه Front-end ۱۸۰
۴ ماژول ۷-۱: کار تیمی ۱۸۰
۴ ماژول ۷-۲: ارائه کار تیمی ۱۲۰
حالا وقت ثبث‌نامه!

اگه از این رشته خوشت اومده و می‌خوای مهارت‌هات رو به چالش بکشی، حالا وقت ثبت‌نامه!

ثبت‌نام

مسیر آمادگی برای این رشته

برای آمادگی در رشته‌ی فناوری‌های وب، مجموعه‌ای از مهارت‌های فنی در حوزه‌های Front-end و Back-end مورد نیاز است. مسیر زیر یک نقشه‌ی راه پیشنهادی برای یادگیری و تقویت این مهارت‌هاست که می‌توانید با توجه به دانش و تجربه‌ی قبلی خود، از بخش مناسب آن شروع کنید. توصیه می‌شود یادگیری را تا حد امکان پروژه‌محور و عملی پیش ببرید. همچنین پس از تسلط نسبی بر مراحل اصلی، نمونه‌پروژه‌های مسابقات ملی و جهانی را بررسی کنید و هرجا امکان آن را داشتید، تمام یا بخشی از این پروژه‌ها را خودتان پیاده‌سازی کنید.

۱ یادگیری مبانی وب و استانداردها

HTML و CSS پایه‌ی اصلی این رشته هستند. در این مرحله باید ساختاربندی معنایی صفحه (Semantic HTML)، لایه‌بندی مدرن (CSS Layout)، تایپوگرافی (Typography)، کار با تصاویر، واکنش‌گرایی (Responsive) و آشنایی اولیه‌ی با استانداردهای W3C و دسترس‌پذیری (Accessibility / WCAG) را یاد بگیرید.

۲ یادگیری کار با ابزارهای گرافیکی مورد نیاز وب

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

۳ یادگیری JavaScript و تعاملات سمت کاربر

در این مرحله باید مفاهیم پایه‌ای و پیشرفته‌ی JavaScript (ECMAScript)، کار با DOM، Eventها، مدیریت داده در کلاینت، نوشتن کد ماژولار (Modular)، دیباگ و آشنایی با تست سمت Front-end را یاد بگیرید. انیمیشن‌ها و تعاملات کاربری نیز بخش مهمی از این مرحله هستند.

۴ یادگیری فریم‌ورک‌ها و اکوسیستم Front-end

پس از تسلط بر JavaScript خام، باید بتوانید با فریم‌ورک‌ها و ابزارهای موجود در Infrastructure List کار کنید؛ از جمله React، Vue، Next.js، Nuxt، Angular، jQuery و همچنین Tailwind CSS یا Bootstrap. برای توسعه محلی نیز Docker در فهرست زیرساخت آمده است.

۵ یادگیری توسعه‌ی Back-end با PHP یا Node.js

در این مرحله باید یکی از مسیرهای PHP (Laravel، Yii یا CodeIgniter) یا Node.js (Express به‌همراه Prisma) را عمیق یاد بگیرید. طراحی API، اعتبارسنجی ورودی (Validation)، مدیریت نشست (Session)، کار با فایل، امنیت وب و الگوهایی مانند MVC از مهارت‌های ضروری این بخش هستند.

۶ یادگیری پایگاه داده و کار با داده

تقریباً هر پروژه‌ی جدی وب با داده کار دارد. در این مرحله باید طراحی جدول‌ها، روابط، نرمال‌سازی (Normalization)، کلیدها، تایپ‌های داده و نوشتن Queryهای مؤثر را یاد بگیرید. در فضای این رشته معمولاً با اکوسیستم MySQL/MariaDB کار می‌کنید.

۷ یادگیری Git، Docker، استقرار، تست و بهینه‌سازی

بر اساس شرح فنی ۲۰۲۶ و Infrastructure List، مهارت‌هایی مانند کار با CLI لینوکس، استقرار روی سرور (Deployment)، Docker Desktop، CI/CD، بهینه‌سازی زمان بارگذاری صفحه (Performance)، نوشتن تست (از جمله Cypress و TestCafe) و دیباگ اهمیت بیشتری پیدا کرده‌اند. این مرحله را جدی بگیرید؛ چون تفاوت رقابت‌کننده‌ی خوب و عالی اغلب همین‌جاست.

۸ تمرین با پروژه‌های واقعی مسابقه

پس از یادگیری مفاهیم، سراغ پروژه‌های دوره‌های قبل بروید. پروژه‌های لیون ۲۰۲۴، پروژه‌های ملی و تمرین‌های Speed Test کمک می‌کنند مهارت‌های مختلف را در قالب مسئله‌هایی نزدیک به فضای واقعی مسابقه به کار بگیرید.

پرسش‌های پرتکرار

مسیر شرکت در این رشته چیست؟

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

محدودیت سنی این رشته چقدر است؟

طبق شرح فنی جهانی ۲۰۲۶، شرکت‌کننده در سال برگزاری مسابقه نباید بیش از ۲۲ سال داشته باشد. برای مرحله ملی، شرایط سنی همان دوره را در اطلاعیه‌ی رسمی دفتر مسابقات بررسی کنید.

مسابقه انفرادی است یا تیمی؟

این رشته تک‌نفره است. تنها در ماژول کار تیمیِ روز پایانی مسابقه‌ی جهانی، رقابت‌کنندگان به‌صورت گروهی با هم کار می‌کنند؛ اما ماهیت کلی رشته و امتیازآوری اصلی آن انفرادی است.

چه زبان‌ها و تکنولوژی‌هایی در این رشته مجاز هستند؟

برای جزئیات دقیق به بخش ماژول‌ها مراجعه کنید. به‌طور کلی Front-end بر پایه‌ی HTML، CSS و JavaScript و اکوسیستم فریم‌ورک‌های مرتبط است و Back-end معمولاً بر پایه‌ی PHP و/یا Node.js به‌همراه پایگاه داده‌ی MySQL/MariaDB پیش می‌رود. فهرست نرم‌افزارها و فریم‌ورک‌های مجاز بر اساس Infrastructure List شانگهای ۲۰۲۶ در صفحات ماژول‌ها آمده است.

آیا در حین انجام آزمون‌ها، دسترسی به اینترنت مجاز است؟

روی سیستم رقابت‌کننده اینترنت آزاد وجود ندارد. بر اساس شرح فنی ۲۰۲۶، در هر روز مسابقه می‌توانید حداکثر دو نوبت و هر نوبت حداکثر ۱۰ دقیقه از جایگاه مستقل اینترنت استفاده کنید. نوبت‌ها نباید پشت‌سرهم باشند و زمان استفاده‌نشده قابل انتقال نیست. در زمان استفاده از جایگاه اینترنت، فقط مرور وب مجاز است و ورود به حساب کاربری، چت یا ارتباط با دیگران مجاز نیست.

آیا یادداشت‌برداری یا همراه داشتن یادداشت هنگام مراجعه به جایگاه اینترنت مجاز است؟

همراه داشتن یادداشت هنگام مراجعه به جایگاه اینترنت ممنوع است، اما یادداشت‌برداری هنگام استفاده از جایگاه اینترنت معمولاً مجاز است. جزئیات اجرایی هر دوره را از تیم کارشناسی همان مسابقه پیگیری کنید.

آیا در زمان استراحت استفاده از اینترنت و لپ‌تاپ مجاز است؟

در فضای کارگاه محدودیت‌های سخت‌گیرانه‌ای برای لپ‌تاپ شخصی و وسایل الکترونیکی وجود دارد. در زمان‌های استراحت/خارج از میز کار، بسته به قوانین همان دوره ممکن است استفاده مجاز باشد؛ اما داخل کارگاه و سر میز رقابت، لپ‌تاپ شخصی و حافظه‌های جانبی ممنوع‌اند مگر در موارد خاصی مثل ماژول کار تیمی که تیم کارشناسی همان دوره اعلام می‌کند.

افتخارات ایران در این رشته

رشته وب در ایران از قدیمی‌ترین و پرافتخارترین رشته‌های مسابقات جهانی است. نمایندگان ایران با ۱۰ بار حضور در این رقابت‌ها از سال ۲۰۰۵، با شایستگی دو مدال برنز در دو دوره‌ی پیاپی ۲۰۱۳ و ۲۰۱۵ و هفت مدال برتری در دوره‌های ۲۰۰۵ و دو دوره‌ی پیاپی ۲۰۰۹ و ۲۰۱۱ و مجدداً در چهار دوره‌ی پیاپی ۲۰۱۷، ۲۰۱۹، ۲۰۲۲ و ۲۰۲۴ را به خانه آورده‌اند.

۱۰ دوره حضور در مسابقات جهانی
برنز ۲۰۱۳ و ۲۰۱۵
۷ مدالیون برتری
۱ دوره حضور در مسابقات آسیایی

نمایندگان ایران