دوره آموزشی ساخت یک وبسایت تعاملی با جاوااسکریپت

دوره آموزشی ساخت یک وبسایت تعاملی با جاوااسکریپت

3 ساعت 10 دقیقهمتوسط2024-08-26

مدرسین

Joe Chellman

Joe Chellman

Web Designer, Author, Trainer

جزئیات دوره

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

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

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

مهارت ها

Ecma InternationalJavaScriptWeb Development ToolsWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off

سرفصل ها

مقدمه

  • جاوا اسکریپت برای تعامل ساخته‌شده است
  • آنچه باید بدانید
  • فایل‌های تمرین و فضاهای کد

ابزارها و گردش کار

  • استفاده مسئولانه از جاوا اسکریپت
  • یافتن یک ویرایشگر یا IDE خوب
  • استفاده از دیباگر با Codespace

تغییر قابلیت مشاهده رمز عبور

  • درک یک علامت قابل دسترس در فرم
  • تغییر رمز عبور از طریق تغییر نوع
  • استفاده از ویژگی‌های داده برای برچسب گذاری پویا
  • همگام سازی و تعویض با یک فیلد متنی
  • چالش - فرم ثبت نام با تایید رمز عبور
  • راه حل - فرم ثبت نام با تایید رمز عبور

قابل دسترسی، دیالوگ‌های غیر قابل رد

  • بررسی یک صفحه برای انجام خلاصه طراحی
  • نمایش اطلاعات مودال به روش قدیمی
  • نمایش اطلاعات مودال به روش مدرن
  • مدیریت گفتگوهای متعدد با نمایندگی رویداد
  • ایجاد یک دیالوگ غیر قابل رد با پس زمینه
  • اضافه کردن یک تایمر برای خود اخراج
  • چالش - نمایش پیام‌ها با عناصر گفتگو
  • راه حل - نمایش پیام‌ها با عناصر گفتگو

مرتب سازی داده‌های جدول

  • کاوش در جدول داده‌های قابل دسترس
  • جمع‌آوری داده‌های جدول برای مرتب سازی
  • مرتب سازی آرایه‌ها در جاوا اسکریپت
  • نوشتن تابع مرتب سازی سفارشی
  • به روز رسانی جدول HTML با داده‌های مرتب شده
  • نوشتن تابع مرتب سازی عددی سفارشی
  • چالش - مرتب کردن جدول کتاب
  • راه حل - مرتب کردن جدول کتاب

اجزای وب در دسترس

  • مروری بر تکنیک‌های مدرن اجزای وب
  • ایجاد یک عنصر آدرس خیابان ایالات متحده آمریکا
  • افزودن جاوا اسکریپت به عنصر سفارشی
  • Refactoring یک مثال قبلی به عنوان یک عنصر سفارشی
  • چالش - جزء اقلام سبد خرید
  • راه حل - جزء اقلام سبد خرید

شروع به ساخت یک بازی

  • بازرسی نمونه اولیه بازی
  • اجرای تعامل پایه - برای افزودن کلیک کنید
  • معکوس کردن تعامل - برای حذف کلیک کنید
  • پشتیبانی از صفحه کلید در بازی
  • اجازه کشیدن کاشی ها
  • اجازه انداختن کاشی ها
  • افزودن انیمیشن برای روانتر کردن تعاملات
  • چالش - نهایی کردن گیم پلی اولیه
  • راه حل - نهایی کردن گیم پلی اولیه

نتیجه گیری

  • مراحل بعدی
۸۰,۰۰۰ تومان