دوره آموزشی ساخت یک وبسایت تعاملی با جاوااسکریپت
3 ساعت 10 دقیقهمتوسط2024-08-26
مدرسین

Joe Chellman
Web Designer, Author, Trainer
جزئیات دوره
این دوره آموزشی به طور عمیق به جاوا اسکریپت پرداخته و بر کاربردهای عملی آن در توسعه وب بدون وابستگی به چارچوبهای اضافی تمرکز میکند. مربی این دوره، جو چلمن، با معرفی اصول و ملزومات تعامل جاوا اسکریپت و نحوه بهبود تجربه کاربری آغاز میکند و سپس به صورت گام به گام به سمت ایجاد اجزای اصلی وب و توسعه یک بازی ساده پیش میرود.
جو به اهمیت دسترسی در طراحی وب تاکید میکند و اطمینان حاصل میکند که پروژههای شما به گونهای طراحی شوند که برای همه کاربران قابل دسترس و استفاده باشند. در این دوره، شما قادر خواهید بود یک کامپوننت وب ساده و قابل استفاده مجدد بسازید و همچنین نمونه اولیه یک بازی را آزمایش کنید، به این ترتیب مهارتهای خود را در زمینه سرگرمی و عملکرد جاوا اسکریپت تقویت خواهید کرد.
این دوره، که برای طراحان و توسعهدهندگان وب با سطح مبتدی تا متوسط مناسب است، به یک درک اساسی از جاوا اسکریپت، به ویژه توابع و مدیریت رویدادها، نیاز دارد. در طول دوره، شما با مفاهیم پیشرفتهتری از جاوا اسکریپت آشنا خواهید شد و به تدریج تواناییهای توسعه وب خود را ارتقا میدهید. از طریق پروژههای عملی و تمرینهای دقیق، فرصت خواهید داشت تا درک خود از امکانات جاوا اسکریپت را گسترش دهید و مهارتهای عملی خود را بهبود بخشید. این دوره به شما ابزارهای لازم برای ایجاد وبسایتهای تعاملی و جذاب را میدهد و به شما کمک میکند تا در دنیای توسعه وب مدرن موفقتر عمل کنید.
جو به اهمیت دسترسی در طراحی وب تاکید میکند و اطمینان حاصل میکند که پروژههای شما به گونهای طراحی شوند که برای همه کاربران قابل دسترس و استفاده باشند. در این دوره، شما قادر خواهید بود یک کامپوننت وب ساده و قابل استفاده مجدد بسازید و همچنین نمونه اولیه یک بازی را آزمایش کنید، به این ترتیب مهارتهای خود را در زمینه سرگرمی و عملکرد جاوا اسکریپت تقویت خواهید کرد.
این دوره، که برای طراحان و توسعهدهندگان وب با سطح مبتدی تا متوسط مناسب است، به یک درک اساسی از جاوا اسکریپت، به ویژه توابع و مدیریت رویدادها، نیاز دارد. در طول دوره، شما با مفاهیم پیشرفتهتری از جاوا اسکریپت آشنا خواهید شد و به تدریج تواناییهای توسعه وب خود را ارتقا میدهید. از طریق پروژههای عملی و تمرینهای دقیق، فرصت خواهید داشت تا درک خود از امکانات جاوا اسکریپت را گسترش دهید و مهارتهای عملی خود را بهبود بخشید. این دوره به شما ابزارهای لازم برای ایجاد وبسایتهای تعاملی و جذاب را میدهد و به شما کمک میکند تا در دنیای توسعه وب مدرن موفقتر عمل کنید.
مهارت ها
Ecma InternationalJavaScriptWeb Development ToolsWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off
سرفصل ها
مقدمه
- جاوا اسکریپت برای تعامل ساختهشده است
- آنچه باید بدانید
- فایلهای تمرین و فضاهای کد
ابزارها و گردش کار
- استفاده مسئولانه از جاوا اسکریپت
- یافتن یک ویرایشگر یا IDE خوب
- استفاده از دیباگر با Codespace
تغییر قابلیت مشاهده رمز عبور
- درک یک علامت قابل دسترس در فرم
- تغییر رمز عبور از طریق تغییر نوع
- استفاده از ویژگیهای داده برای برچسب گذاری پویا
- همگام سازی و تعویض با یک فیلد متنی
- چالش - فرم ثبت نام با تایید رمز عبور
- راه حل - فرم ثبت نام با تایید رمز عبور
قابل دسترسی، دیالوگهای غیر قابل رد
- بررسی یک صفحه برای انجام خلاصه طراحی
- نمایش اطلاعات مودال به روش قدیمی
- نمایش اطلاعات مودال به روش مدرن
- مدیریت گفتگوهای متعدد با نمایندگی رویداد
- ایجاد یک دیالوگ غیر قابل رد با پس زمینه
- اضافه کردن یک تایمر برای خود اخراج
- چالش - نمایش پیامها با عناصر گفتگو
- راه حل - نمایش پیامها با عناصر گفتگو
مرتب سازی دادههای جدول
- کاوش در جدول دادههای قابل دسترس
- جمعآوری دادههای جدول برای مرتب سازی
- مرتب سازی آرایهها در جاوا اسکریپت
- نوشتن تابع مرتب سازی سفارشی
- به روز رسانی جدول HTML با دادههای مرتب شده
- نوشتن تابع مرتب سازی عددی سفارشی
- چالش - مرتب کردن جدول کتاب
- راه حل - مرتب کردن جدول کتاب
اجزای وب در دسترس
- مروری بر تکنیکهای مدرن اجزای وب
- ایجاد یک عنصر آدرس خیابان ایالات متحده آمریکا
- افزودن جاوا اسکریپت به عنصر سفارشی
- Refactoring یک مثال قبلی به عنوان یک عنصر سفارشی
- چالش - جزء اقلام سبد خرید
- راه حل - جزء اقلام سبد خرید
شروع به ساخت یک بازی
- بازرسی نمونه اولیه بازی
- اجرای تعامل پایه - برای افزودن کلیک کنید
- معکوس کردن تعامل - برای حذف کلیک کنید
- پشتیبانی از صفحه کلید در بازی
- اجازه کشیدن کاشی ها
- اجازه انداختن کاشی ها
- افزودن انیمیشن برای روانتر کردن تعاملات
- چالش - نهایی کردن گیم پلی اولیه
- راه حل - نهایی کردن گیم پلی اولیه
نتیجه گیری
- مراحل بعدی