پرش به محتوای اصلی
🌐 لیگ طراحی سایت نوین ذهن

طراحی سایت — از اولین تگ تا انتشار

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

📚 ۴ فصل آموزشی ⏱ ۱۱۰ ساعت سالانه 💻 اپ اختصاصی نوین ذهن 🎨 نمایشگاه پایان سال + مدرک معتبر
☀️
ترم — جرقه ورود متن داینامیک
تصویر لیگ طراحی سایت
اول رده سنی فرزند خود را انتخاب کنید — مسیر یک‌ساله بر اساس سن متفاوت است

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

مسیر یک‌ساله رده دبستان

چهار فصل گام‌به‌گام: شناخت وب، ساخت صفحه، رنگ و چیدمان، و ارائه نهایی.

🍂
فصل ۱ — پاییز

اولین صفحه وب من

مهر تا آذر · ۲۴ ساعت کلاس + ۱ ورکشاپ

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

آنچه یاد می‌گیرد
  • 🎯 کار با اپ اختصاصی نوین ذهن (محور اصلی فصل)
  • سایت چیست؟ مرورگر چه می‌کند؟
  • تگ‌های پایه HTML (h1، p، img)
  • گذاشتن عکس و متن روی صفحه
  • ساختن صفحه «درباره من»
🎁
پایان فصل ۱ صفحه شخصی ساده + گواهی رسمی فصل اول + گزارش پیشرفت در پنل اولیا
❄️
فصل ۲ — زمستان

رنگ، فونت و چیدمان

دی تا اسفند · ۲۴ ساعت کلاس + ۱ ورکشاپ

CSS را به‌صورت تصویری و آسان یاد می‌گیرد. صفحه‌اش را رنگی، با فونت دلخواه و چیدمان زیبا می‌سازد.

آنچه یاد می‌گیرد
  • رنگ پس‌زمینه و متن
  • اندازه و انتخاب فونت
  • کادر و حاشیه برای عکس
  • چیدمان ساده با جعبه‌ها
  • چند صفحه‌ای کردن سایت (منو)
🎨
پایان فصل ۲ سایت رنگی چندصفحه‌ای + گواهی رسمی فصل دوم + ویدیو معرفی روی پنل اولیا
🌸
فصل ۳ — بهار

سایت سرگرمی و گالری

فروردین تا خرداد · ۲۴ ساعت کلاس + ۱ ورکشاپ

سایت داستان، گالری عکس یا بازی ساده. اولین تجربه با دکمه‌ها و کلیک (JavaScript تصویری).

آنچه یاد می‌گیرد
  • گالری عکس ساده
  • دکمه تعاملی (alert با کلیک)
  • تغییر تصویر با کلیک
  • سایت داستانی چندصفحه‌ای
  • کار گروهی برای پروژه پایانی
🎮
پایان فصل ۳ سایت داستانی یا گالری شخصی + گواهی فصل سوم + کارنامه آمادگی نمایشگاه
🎨 نمایشگاه پایان سال
🎨
فصل ۴ — تابستان

نمایشگاه + ارائه سایت

تیر تا شهریور · کارگاه پروژه + روز نمایشگاه

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

آنچه تجربه می‌کند
  • تکمیل سایت نهایی شخصی
  • تمرین ارائه (پرزنتیشن) به والدین
  • قرار دادن سایت روی اینترنت (لینک قابل به اشتراک‌گذاری)
  • روز نمایشگاه — نمایش گالری دیجیتال
  • عکس و فیلم یادگاری
🏅
پایان سال اول مدرک معتبر سالانه طراحی سایت + گواهی نمایشگاه + سایت شخصی روی اینترنت

دانش‌پژوه ۱۲ ساله شما، در پایان سال اول، یک سایت چندصفحه‌ای واقعی و واکنش‌گرا (Responsive) با HTML، CSS و JavaScript واقعی می‌سازد و آن را روی اینترنت با دامنه شخصی منتشر می‌کند. در نمایشگاه پایان سال نوین ذهن سایت‌اش را به ژوری و والدین ارائه می‌دهد.

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

چهار فصل: HTML و CSS، جاوااسکریپت، پروژه واکنش‌گرا و انتشار، و نمایشگاه پایان سال.

🍂
فصل ۱ — پاییز

HTML + CSS از پایه

مهر تا آذر · ۲۴ ساعت کلاس + ۱ ورکشاپ

با اپ و IDE اختصاصی نوین ذهن، ساختار HTML و قوانین CSS را اصولی یاد می‌گیرد و سایت چندصفحه‌ای می‌سازد.

آنچه یاد می‌گیرد
  • 🎯 کار با اپ و IDE اختصاصی نوین ذهن (محور اصلی فصل)
  • ساختار سند HTML5 و تگ‌های معنایی
  • سلکتورهای CSS و خاصیت‌های پرکاربرد
  • Box Model، margin، padding، border
  • چیدمان با Flexbox
  • چندصفحه و لینک‌گذاری اصولی
📜
پایان فصل ۱ سایت معرفی شخصی چندصفحه‌ای + گواهی رسمی فصل اول
❄️
فصل ۲ — زمستان

جاوااسکریپت و تعامل

دی تا اسفند · ۲۴ ساعت کلاس + ۱ ورکشاپ

سایت زنده می‌شود: دکمه‌ها کار می‌کنند، فرم اعتبارسنجی می‌شود، انیمیشن اضافه می‌شود.

آنچه یاد می‌گیرد
  • متغیر، شرط، حلقه در JavaScript
  • DOM و انتخاب عناصر صفحه
  • رویدادها (click، input، submit)
  • تابع و کار با فرم
  • انیمیشن CSS + transition
  • اعتبارسنجی فرم تماس
پایان فصل ۲ وب‌اپ تعاملی (لیست کارها / ماشین‌حساب) + گواهی رسمی فصل دوم
🌸
فصل ۳ — بهار

واکنش‌گرا + انتشار آنلاین

فروردین تا خرداد · ۲۴ ساعت کلاس + ۱ ورکشاپ

سایت روی موبایل، تبلت و دسکتاپ زیبا کار می‌کند. کار با Git، دامنه و انتشار روی GitHub Pages.

آنچه یاد می‌گیرد
  • Grid و Media Query (طراحی واکنش‌گرا)
  • طراحی موبایل-اول (Mobile-First)
  • مقدمات Git و GitHub
  • انتشار سایت روی GitHub Pages
  • fetch API و دریافت داده از سرور
  • تمرین گروهی پروژه نهایی
🌐
پایان فصل ۳ سایت کامل واکنش‌گرا روی اینترنت + گواهی فصل سوم + کارنامه آمادگی نمایشگاه
🎨 نمایشگاه پایان سال
🎨
فصل ۴ — تابستان

نمایشگاه + ارائه پروژه نهایی

تیر تا شهریور · کارگاه پروژه + روز نمایشگاه

پروژه نهایی (سایت دلخواه: فروشگاه، پورتفولیو، وبلاگ) ۳-۴ هفته توسعه داده می‌شود، روی GitHub قرار می‌گیرد و در روز نمایشگاه پایان سال نوین ذهن به والدین و ژوری ارائه می‌شود.

آنچه تجربه می‌کند
  • طراحی و توسعه پروژه نهایی (۳-۴ هفته)
  • تمرین ارائه فنی به والدین و ژوری
  • روز نمایشگاه — گالری دیجیتال + ارائه حضوری
  • قرار دادن پروژه روی GitHub با README فارسی
  • دریافت بازخورد از مربیان مهمان
🏅
پایان سال اول مدرک معتبر سالانه + گواهی نمایشگاه + پروژه روی GitHub + رزومه آماده دبیرستان

دانش‌پژوه ۱۶ ساله شما، در پایان سال اول، در سطحی کد می‌نویسد که می‌تواند برای کسب‌وکارها سایت واقعی بسازد: HTML معنایی، CSS مدرن (Grid، animations)، JavaScript تمیز، کار با API و کتابخانه‌ها. پروژه‌اش را در نمایشگاه پایان سال نوین ذهن ارائه می‌دهد و رزومه‌اش برای کنکور و فریلنس آماده می‌شود.

مسیر یک‌ساله رده دبیرستان

چهار فصل حرفه‌ای. پایان سال: قابل ورود به بازار کار فریلنس و دانشگاه با رزومه.

🍂
فصل ۱ — پاییز

HTML معنایی + CSS مدرن

مهر تا آذر · ۲۴ ساعت کلاس + ۱ ورکشاپ

با اپ و IDE اختصاصی نوین ذهن، پایه‌های اصولی وب در سطح حرفه‌ای: HTML معنایی، Accessibility، CSS مدرن.

آنچه یاد می‌گیرد
  • 🎯 کار با اپ و IDE اختصاصی نوین ذهن (محور اصلی فصل)
  • HTML5 معنایی و SEO پایه
  • Accessibility (ARIA و دسترس‌پذیری)
  • CSS Grid و Flexbox پیشرفته
  • متغیرهای CSS و طراحی تم تاریک
  • انیمیشن CSS (keyframes، transitions)
  • طراحی واکنش‌گرا حرفه‌ای
📚
پایان فصل ۱ پورتفولیوی شخصی + گواهی رسمی فصل اول
❄️
فصل ۲ — زمستان

JavaScript حرفه‌ای + Git

دی تا اسفند · ۲۴ ساعت کلاس + ۱ ورکشاپ

جاوااسکریپت مدرن (ES6+)، کار با API، مدیریت پروژه با Git/GitHub، کدنویسی تمیز.

آنچه یاد می‌گیرد
  • ES6+ (let/const، arrow، destructuring، modules)
  • async/await و Promise
  • fetch API و کار با REST واقعی
  • Git و GitHub در سطح حرفه‌ای
  • کدنویسی تمیز + ESLint
  • LocalStorage و مدیریت داده در مرورگر
  • بهینه‌سازی عملکرد سایت
🤖
پایان فصل ۲ وب‌اپ متصل به API واقعی (مثل آب‌وهوا یا فیلم) + پروژه روی GitHub + گواهی رسمی فصل دوم
🌸
فصل ۳ — بهار

فریم‌ورک + پروژه واقعی

فروردین تا خرداد · ۲۴ ساعت کلاس + ۱ ورکشاپ

مقدمات React یا Vue (انتخابی)، Tailwind CSS، طراحی UI/UX اصولی، پروژه شبیه به محصول واقعی.

آنچه یاد می‌گیرد
  • مقدمات React (Component، State، Props)
  • Tailwind CSS و سیستم طراحی
  • طراحی UI/UX و Figma پایه
  • Routing و SPA
  • اتصال به Backend ساده
  • تست پایه و بهینه‌سازی
  • پروژه گروهی واقعی
پایان فصل ۳ وب‌اپ React + گواهی رسمی فصل سوم + کارنامه آمادگی نمایشگاه
🎨 نمایشگاه پایان سال
🎨
فصل ۴ — تابستان

نمایشگاه + پروژه پورتفولیویی

تیر تا شهریور · کارگاه پروژه + روز نمایشگاه

پروژه نهایی صنعتی (سفارش‌گونه)، استقرار حرفه‌ای روی Vercel/Netlify با دامنه شخصی، ارائه به ژوری متخصص در روز نمایشگاه پایان سال نوین ذهن.

آنچه تجربه می‌کند
  • توسعه پروژه نهایی (۳-۴ هفته فشرده)
  • استقرار روی Vercel / Netlify با دامنه
  • SEO اصولی + Lighthouse
  • روز نمایشگاه — ارائه فنی به ژوری و والدین
  • قرار دادن پروژه روی GitHub با documentation کامل
  • دریافت بازخورد از متخصصان مهمان
🏅
پایان سال اول مدرک معتبر سالانه + گواهی نمایشگاه + پورتفولیوی آنلاین + رزومه قابل ارائه در کنکور و فریلنس

🏅 مدارک و گواهی‌های لیگ طراحی سایت

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

۱گواهی فصل پاییز
۲گواهی فصل زمستان
۳گواهی فصل بهار
۴مدرک سالانه + گواهی نمایشگاه
📈 بعد از سال اول

دو مسیر برای ادامه

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

📞 برای جزئیات کامل لیگ طراحی سایت تماس بگیرید

طرح درس جلسه به جلسه، شیوه ارزشیابی، شهریه و جزئیات نمایشگاه پایان سال در جلسه مشاوره حضوری (یا تماس تلفنی) به‌طور کامل ارائه می‌شود. جلسه مشاوره رایگان است.

پرسش‌های متداول

سوالاتی که والدین می‌پرسند

برای شروع به لپ‌تاپ خاصی نیاز است؟

یک لپ‌تاپ معمولی (یا کامپیوتر خانگی) با مرورگر کافی است. اپ و IDE اختصاصی نوین ذهن روی سخت‌افزار پایین هم اجرا می‌شود. در آموزشگاه نیز سیستم در اختیار دانش‌پژوهان است.

سایت‌های ساخته‌شده روی اینترنت قرار می‌گیرند؟

بله. از فصل سوم به بعد، هر دانش‌پژوه سایت‌اش را با لینک قابل به اشتراک‌گذاری روی GitHub Pages یا Vercel منتشر می‌کند. در نمایشگاه پایان سال، این لینک‌ها به والدین ارائه می‌شود.

نمایشگاه پایان سال چیست؟

در تابستان، نوین ذهن نمایشگاه سالانه برگزار می‌کند. دانش‌پژوهان آثار سالانه خود را حضوری و دیجیتال به والدین و مهمانان ارائه می‌دهند. مدرک معتبر آکادمی + گواهی نمایشگاه در همان روز اعطا می‌شود.

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

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

کلاس‌ها حضوری است یا آنلاین؟

هر دو. می‌توانید حضوری در آموزشگاه تهران یا آنلاین زنده شرکت کنید. هر دانش‌پژوه به اپ، پنل اولیا و IDE اختصاصی فارسی دسترسی دارد.

سوالات متداول دربارهٔ آموزش طراحی سایت کودکان و نوجوانان

کلاس آموزش طراحی سایت کودکان و نوجوانان برای چه سنی مناسب است؟

دوره‌های آکادمی نوین ذهن برای کودکان و نوجوانان ۸ تا ۱۸ سال طراحی شده و در رده‌های سنی مختلف ارائه می‌شود. سطح مناسب فرزند شما در جلسهٔ مشاورهٔ رایگان مشخص می‌شود.

آیا آموزش طراحی سایت کودکان و نوجوانان پیش‌نیاز خاصی دارد؟

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

کلاس آموزش طراحی سایت کودکان و نوجوانان حضوری است یا آنلاین؟

هر دو. می‌توانید به‌صورت حضوری در آموزشگاه نوین ذهن (تهران) یا آنلاینِ زنده شرکت کنید؛ کیفیت آموزش یکسان است و هر دانش‌پژوه به اپلیکیشن و پنل اولیا دسترسی دارد.

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

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