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

Joe Chellman
Web Designer, Author, Trainer
جزئیات دوره
این دوره آموزشی به طور عمیق به جاوا اسکریپت پرداخته و بر کاربردهای عملی آن در توسعه وب بدون وابستگی به چارچوبهای اضافی تمرکز میکند. مربی این دوره، جو چلمن، با معرفی اصول و ملزومات تعامل جاوا اسکریپت و نحوه بهبود تجربه کاربری آغاز میکند و سپس به صورت گام به گام به سمت ایجاد اجزای اصلی وب و توسعه یک بازی ساده پیش میرود.
جو به اهمیت دسترسی در طراحی وب تاکید میکند و اطمینان حاصل میکند که پروژههای شما به گونهای طراحی شوند که برای همه کاربران قابل دسترس و استفاده باشند. در این دوره، شما قادر خواهید بود یک کامپوننت وب ساده و قابل استفاده مجدد بسازید و همچنین نمونه اولیه یک بازی را آزمایش کنید، به این ترتیب مهارتهای خود را در زمینه سرگرمی و عملکرد جاوا اسکریپت تقویت خواهید کرد.
این دوره، که برای طراحان و توسعهدهندگان وب با سطح مبتدی تا متوسط مناسب است، به یک درک اساسی از جاوا اسکریپت، به ویژه توابع و مدیریت رویدادها، نیاز دارد. در طول دوره، شما با مفاهیم پیشرفتهتری از جاوا اسکریپت آشنا خواهید شد و به تدریج تواناییهای توسعه وب خود را ارتقا میدهید. از طریق پروژههای عملی و تمرینهای دقیق، فرصت خواهید داشت تا درک خود از امکانات جاوا اسکریپت را گسترش دهید و مهارتهای عملی خود را بهبود بخشید. این دوره به شما ابزارهای لازم برای ایجاد وبسایتهای تعاملی و جذاب را میدهد و به شما کمک میکند تا در دنیای توسعه وب مدرن موفقتر عمل کنید.
جو به اهمیت دسترسی در طراحی وب تاکید میکند و اطمینان حاصل میکند که پروژههای شما به گونهای طراحی شوند که برای همه کاربران قابل دسترس و استفاده باشند. در این دوره، شما قادر خواهید بود یک کامپوننت وب ساده و قابل استفاده مجدد بسازید و همچنین نمونه اولیه یک بازی را آزمایش کنید، به این ترتیب مهارتهای خود را در زمینه سرگرمی و عملکرد جاوا اسکریپت تقویت خواهید کرد.
این دوره، که برای طراحان و توسعهدهندگان وب با سطح مبتدی تا متوسط مناسب است، به یک درک اساسی از جاوا اسکریپت، به ویژه توابع و مدیریت رویدادها، نیاز دارد. در طول دوره، شما با مفاهیم پیشرفتهتری از جاوا اسکریپت آشنا خواهید شد و به تدریج تواناییهای توسعه وب خود را ارتقا میدهید. از طریق پروژههای عملی و تمرینهای دقیق، فرصت خواهید داشت تا درک خود از امکانات جاوا اسکریپت را گسترش دهید و مهارتهای عملی خود را بهبود بخشید. این دوره به شما ابزارهای لازم برای ایجاد وبسایتهای تعاملی و جذاب را میدهد و به شما کمک میکند تا در دنیای توسعه وب مدرن موفقتر عمل کنید.
مهارت ها
Ecma InternationalJavaScriptWeb Development ToolsWeb DevelopmentProgramming LanguagesSoftware DevelopmentOne-Off
سرفصل ها
0. مقدمه
- 01 - جاوا اسکریپت برای تعامل ساختهشده است
- 02 - آنچه باید بدانید
- 03 - فایلهای تمرین و فضاهای کد
1. ابزارها و گردش کار
- 04 - استفاده مسئولانه از جاوا اسکریپت
- 05 - یافتن یک ویرایشگر یا IDE خوب
- 06 - استفاده از دیباگر با Codespace
2. تغییر قابلیت مشاهده رمز عبور
- 07 - درک یک علامت قابل دسترس در فرم
- 08 - تغییر رمز عبور از طریق تغییر نوع
- 09 - استفاده از ویژگیهای داده برای برچسب گذاری پویا
- 10 - همگام سازی و تعویض با یک فیلد متنی
- 11 - چالش - فرم ثبت نام با تایید رمز عبور
- 12 - راه حل - فرم ثبت نام با تایید رمز عبور
3. قابل دسترسی، دیالوگهای غیر قابل رد
- 13 - بررسی یک صفحه برای انجام خلاصه طراحی
- 14 - نمایش اطلاعات مودال به روش قدیمی
- 15 - نمایش اطلاعات مودال به روش مدرن
- 16 - مدیریت گفتگوهای متعدد با نمایندگی رویداد
- 17 - ایجاد یک دیالوگ غیر قابل رد با پس زمینه
- 18 - اضافه کردن یک تایمر برای خود اخراج
- 19 - چالش - نمایش پیامها با عناصر گفتگو
- 20 - راه حل - نمایش پیامها با عناصر گفتگو
4. مرتب سازی دادههای جدول
- 21 - کاوش در جدول دادههای قابل دسترس
- 22 - جمعآوری دادههای جدول برای مرتب سازی
- 23 - مرتب سازی آرایهها در جاوا اسکریپت
- 24 - نوشتن تابع مرتب سازی سفارشی
- 25 - به روز رسانی جدول HTML با دادههای مرتب شده
- 26 - نوشتن تابع مرتب سازی عددی سفارشی
- 27 - چالش - مرتب کردن جدول کتاب
- 28 - راه حل - مرتب کردن جدول کتاب
5. اجزای وب در دسترس
- 29 - مروری بر تکنیکهای مدرن اجزای وب
- 30 - ایجاد یک عنصر آدرس خیابان ایالات متحده آمریکا
- 31 - افزودن جاوا اسکریپت به عنصر سفارشی
- 32 - Refactoring یک مثال قبلی به عنوان یک عنصر سفارشی
- 33 - چالش - جزء اقلام سبد خرید
- 34 - راه حل - جزء اقلام سبد خرید
6. شروع به ساخت یک بازی
- 35 - بازرسی نمونه اولیه بازی
- 36 - اجرای تعامل پایه - برای افزودن کلیک کنید
- 37 - معکوس کردن تعامل - برای حذف کلیک کنید
- 38 - پشتیبانی از صفحه کلید در بازی
- 39 - اجازه کشیدن کاشی ها
- 40 - اجازه انداختن کاشی ها
- 41 - افزودن انیمیشن برای روانتر کردن تعاملات
- 42 - چالش - نهایی کردن گیم پلی اولیه
- 43 - راه حل - نهایی کردن گیم پلی اولیه
نتیجه گیری
- 44 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی چالشهای کدنویسی جاوااسکریپت: ساخت اپلیکیشنهای وب
- دوره آموزشی جاوااسکریپت: ساخت ساختار داده لیستهای پیوندی
- دوره آموزشی یادگیری جاوااسکریپت: نوشتن کد مدرن با JavaScript ESNext
- دوره آموزشی یادگیری برنامهنویسی تابعی با جاوااسکریپت +ES6
- دوره آموزشی ساخت برنامههای تایپاسکریپت با JSDoc
- دوره آموزشی LangChain.js: یک ابزار زنجیرهای هوش مصنوعی برای توسعهدهندگان جاوااسکریپت
- دوره آموزشی ساختار دادهها در جاوا اسکریپت: درخت جستجوی دودویی (BST)، صفها و پشتهها
- دوره آموزشی اصول امنیتی جاوا اسکریپت