ویژه سنین 8 تا 14 سال
دوره جامع طراحی سایت (HTML, CSS, JavaScript)
ورود جدی و جذاب نوجوانان به دنیای برنامهنویسی وب؛ فرزند شما در این دوره یاد میگیرد چگونه از پایه، وبسایتهای شخصی، زیبا و تعاملی خلق کند.
فرزند شما در این دوره چه مهارتهایی کسب میکند؟
- یادگیری اسکلتبندی صفحات وب با زبان استاندارد HTML5 و تگهای ساختاری
- استایلدهی، رنگبندی و طراحی ظاهر صفحات با استفاده از زبان قدرتمند CSS3
- طراحی واکنشگرا (Responsive) برای نمایش صحیح وبسایت در تبلت و موبایل
- آشنایی با زبان برنامهنویسی جاوا اسکریپت (JavaScript) برای افزودن کارهای تعاملی و پویایی به سایت
- کار با نرمافزارهای حرفهای ویرایش کد مانند VS Code مثل یک برنامهنویس واقعی
- طراحی و انتشار اولین وبسایت شخصی یا نمونه کار حرفهای روی اینترنت
سرفصلهای آموزشی دوره (۴ ترم تخصصی و جامع)
این دوره در ۴ ترم استاندارد (هر ترم ۱۰ جلسه) طراحی شده است تا هنرجو بدون احساس خستگی و به صورت کاملاً گامبهگام به دنیای وب مسلط شود:
ترم اول: مبانی وب و ساختار صفحات با HTML5
جلسه ۰۱: وبسایتها چطور کار میکنند؟ (آشنایی با اینترنت)
آشنایی با مرورگرها، سرورها و نقش برنامهنویسان فرانتاند در ساخت وب
جلسه ۰۲: نصب ابزار کار حرفهای (VS Code) و ساخت اولین فایل HTML
آشنایی با محیط ادیتور کد و نوشتن اولین کدهای زندگی یک برنامهنویس
جلسه ۰۳: هنر تیتربندی و نوشتن متون در وب (Headings & Paragraphs)
استفاده از تگهای متن، تیترها و مدیریت پاراگرافها
جلسه ۰۴: جادوی تصاویر و لینکها در صفحه (Images & Links)
چطور عکسهای جذاب در سایت قرار دهیم و بین صفحات لینک بسازیم؟
جلسه ۰۵: لیستها و جدولها (دستهبندی و ساختاردهی اطلاعات)
طراحی جدولهای داده و ساخت لیستهای نقطهای برای منوها
جلسه ۰۶: فرمهای ارتباطی اولیه (درگاه دریافت اطلاعات کاربر)
آشنایی با کادرهای متنی، دکمهها و فرم ثبتنام ساده
جلسه ۰۷: تگهای معنایی (Semantic) و ساختاردهی وبسایت چندصفحهای
بخشبندی اصولی صفحه و مدیریت پوشهها در یک پروژه کامل
جلسه ۰۸: رفع اشکال و کدنویسی گروهی
تمرین عملی و رفع خطاهای رایج تگنویسی HTML
جلسه ۰۹: طراحی پروژه رزومه شخصی متنی (پروژه ترم ۱)
جمعآوری اطلاعات شخصی و ساخت صفحه معرفی هنرجو
جلسه ۱۰: ارائه پروژه ترم اول و جشن پایان ترم
🌐 نمایش اسکلت صفحات وب ساختهشده و دریافت گواهینامه ترم ۱
ترم دوم: استایلدهی، رنگبندی و زیباییشناسی با CSS3
جلسه ۱۱: CSS چیست؟ (لباس پوشاندن به اسکلت وب)
آشنایی با نحوه اتصال CSS به HTML و انتخابگرها (Selectors)
جلسه ۱۲: رنگها، پسزمینهها و گرادینتهای خیرهکننده
کار با کدهای رنگی، تیرگی، شفافیت و پسزمینههای جذاب تصویری
جلسه ۱۳: فونتها، اندازهها و تایپوگرافی در وب
مدیریت فونتهای فارسی و انگلیسی، ضخامت، فاصله خطوط و تراز متنها
جلسه ۱۴: مدل جعبهای در CSS (Box Model)
راز اصلی فاصله دادن به المانها و اندازهگیری دقیق ابعاد عناصر صفحه
جلسه ۱۵: چیدمان پیشرفته با فلکسباکس (Flexbox) و ساخت منو
راحتترین روش مرتب کردن المانها و ساخت منوی ناوبری حرفهای
جلسه ۱۶: سایهها، گوشههای گرد و افکتهای بصری شیک
استفاده از Box-Shadow و Border-Radius برای مدرن کردن ظاهر سایت
جلسه ۱۷: طراحی واکنشگرا با مدیاکوئری (Media Queries)
چطور کاری کنیم سایت در موبایل و کامپیوتر به درستی نمایش داده شود؟
جلسه ۱۸: انیمیشنهای ساده و گذارهای نرم (Transitions & Animations)
متحرک کردن دکمهها و تغییر رنگ نرم با هاور کردن ماوس
جلسه ۱۹: بهینهسازی کدهای CSS و طراحی قالب وبسایت (پروژه ترم ۲)
مرور استایلهای پیچیده و پیادهسازی ظاهر کامل یک وبسایت از روی طرح
جلسه ۲۰: نمایشگاه طراحی سایت و پایان ترم دوم
🎨 اکران قالبهای زیبای طراحیشده توسط نوجوانان و اهدای مدرک
ترم سوم: تسلط بر لایهبندی پیشرفته (Grid) و طراحی سایتهای مدرن
جلسه ۲۱: سیستم چیدمان شبکهای (CSS Grid Layout)
ساخت گریدها و ستونبندیهای پیشرفته ساختار صفحه وب
جلسه ۲۲: طراحی گالری تصاویر مدرن و سایتهای مجلهای
پیادهسازی چیدمانهای نامتقارن و جذاب با گرید
جلسه ۲۳: ساخت فرمهای ثبتنام و تماس با ما با استایلهای حرفهای
زیباسازی فرمها، اینپوتها و دکمهها با افکتهای تمرکز (Focus)
جلسه ۲۴: استفاده از آیکونهای مدرن (FontAwesome/Lucide) و متغیرها در CSS
افزودن آیکونهای زیبا و مدیریت یکپارچه رنگهای سایت با متغیرها
جلسه ۲۵: طراحی موبایل-فرست (Mobile-First) و آشنایی با فریمورکها
اصول طراحی واکنشگرا و معرفی کتابخانههای سرعتدهنده طراحی
جلسه ۲۶: استارت پروژه وبسایت فروشگاهی یا شخصی پیشرفته
برنامهریزی برای ساخت یک سایت کامل چندبخشی
جلسه ۲۷: پیادهسازی بخش محصولات و بنرهای تبلیغاتی سایت
کدنویسی بخشهای تجاری و نمایشی وبسایت
جلسه ۲۸: تست سازگاری سایت در مرورگرهای مختلف
بررسی صحت عملکرد صفحات در کروم، فایرفاکس و سافاری
جلسه ۲۹: رفع اشکال نهایی و صیقل دادن ظاهر پروژه
بهبود جزییات گرافیکی و مرتبسازی کدهای ترم ۳
جلسه ۳۰: ارائه پروژه وبسایت کامل (پایان ترم ۳)
🚀 رونمایی از وبسایتهای ساخته شده توسط نوجوانان و دریافت مدرک تخصصی
ترم چهارم: جادوی برنامهنویسی با جاوا اسکریپت (JavaScript) و پویایی وب
جلسه ۳۱: جاوا اسکریپت چیست؟ (مغز متفکر وبسایت)
آشنایی با نقش جاوا اسکریپت در تعامل با کاربر و تغییر رفتار صفحه
جلسه ۳۲: متغیرها، دادهها و انجام محاسبات در جاوا اسکریپت
ذخیرهسازی اطلاعات، اعداد و متنها در حافظه کدهای JS
جلسه ۳۳: شرطها و تصمیمگیری در کدنویسی (If / Else)
نوشتن کدهایی که بسته به انتخاب کاربر، عکسالعمل متفاوتی نشان دهند
جلسه ۳۴: توابع (Functions)؛ بستههای جادویی کدها
نحوه نوشتن کدهای قابل استفاده مجدد و سازماندهی دستورات
جلسه ۳۵: تعامل با عناصر صفحه (DOM Manipulation)
چطور با جاوا اسکریپت متن، رنگ و عکسهای داخل HTML را عوض کنیم؟
جلسه ۳۶: مدیریت رویدادها (Event Listeners)
برنامهنویسی اتفاقات هنگام کلیک روی دکمهها توسط کاربر
جلسه ۳۷: ساخت منوی موبایل (همبرگری) و اسلایدر تصاویر پویا
باز و بسته شدن منوی سایت در گوشی و تعویض خودکار عکسها در بنر
جلسه ۳۸: ساخت یک بازی کوچک تحت وب با جاوا اسکریپت
کدنویسی بازیهای جذاب مانند سنگ کاغذ قیچی یا حدس عدد در وب
جلسه ۳۹: اعتبارسنجی فرمها و استارت پروژه نهایی جامع
بررسی صحت ایمیل کاربران و ترکیب HTML, CSS و JS در یک پروژه کامل
جلسه ۴۰: جشنواره بزرگ وبسایتهای رادیس و فارغالتحصیلی
🏆 اکران نهایی پروژههای حرفهای نوجوانان، اهدای لوح تقدیر و جشن بزرگ فارغالتحصیلی
محیط یادگیری و شیوه برگزاری کلاسها
این دوره به صورت کاملاً پروژهمحور و از پایه طراحی شده است تا کودکان و نوجوانان بدون نیاز به هیچگونه دانش قبلی، گامبهگام به دنیای جذاب برنامهنویسی وب وارد شوند. کلاسها در محیطی شاد، مجهز و با پشتیبانی مستقیم مربیان برگزار میشود تا هر دانشآموز بتواند وبسایت اختصاصی خود را بسازد.