آموزش بازی های دوره پروژه های جاوا اسکریپت کامل 55 مدرن JS DOM

Complete JavaScript Projects Course Games 55 Modern JS DOM

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: پروژه های واقعی! AJAX Java Script Projects Apps 55+ Projects Modern JS DOM JavaScript Games Portfolio Games DOM ایده آل برای شروع با جاوا اسکریپت - بارگیری شده با پروژه های شروع کننده برای کمک به شما در برنامه نویسی تسلط بر بخش های آموزشی ماژولار DOM (مدل شی سند) با بیش از 50 پروژه دنیای واقعی با خالص تعامل DOM خواندن جاوا اسکریپت. نحوه استفاده از جاوا اسکریپت و نحوه عملکرد جاوا اسکریپت در پشت صحنه را کاوش کنید که چگونه می توانید جاوا اسکریپت را یاد بگیرید هنگام ساختن پروژه های جاوا اسکریپت در دنیای واقعی سرگرم کننده از ابتدا. نحوه ایجاد عناصر به صورت پویا و بیشتر - با بازی‌ها و پروژه‌های شگفت‌انگیز برای ایجاد توسعه متغیرهای مهارت‌های پایه جاوا اسکریپت، منطق بولی، if/else، حلقه‌ها، توابع، آرایه‌ها و غیره. از یک مبتدی کامل به یک توسعه‌دهنده جاوا اسکریپت پیشرفته جاوا اسکریپت و اصول برنامه‌نویسی بروید. : متغیرها، منطق بولی، if/else، حلقه‌ها، توابع، آرایه‌ها، و غیره به یک توسعه دهنده پیشرفته جاوا اسکریپت پیش نیازها: دانش HTML و CSS استفاده از ویرایشگر برای نوشتن کد دسترسی به کامپیوتر مفاهیم اساسی جاوا اسکریپت

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

دوره آموزشی عظیم پروژه‌های DOM جاوا اسکریپت را بیاموزید - این دوره آموزشی جاوا اسکریپت موارد ضروری جاوا اسکریپت را ارائه می‌کند تا بتوانید در مورد JS JavaScript که پروژه‌های کد جاوا اسکریپت خود را ایجاد می‌کند کاوش کرده و اطلاعات بیشتری کسب کنید. دوره کامل جاوا اسکریپت کد نویسی ES6 و جاوا اسکریپت مدرن را برای ساخت نمونه کارها شما پوشش می دهد. دوره آموزشی کد جاوا اسکریپت را کامل کنید.

بخش‌های یادگیری مدولار با بیش از 55 پروژه دنیای واقعی با جاوا اسکریپت خالص با استفاده از تعامل DOM...

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

تسلط بر DOM (مدل شیء سند)

بزرگترین دوره جاوا اسکریپت - کاملترین دوره برای یادگیری جاوا اسکریپت مبتنی بر وب و لذت بردن از آن!!!!

بارگذاری شده با CONTENT - پروژه هایی که ساخت آن منحصر به فرد و سرگرم کننده است -

پروژه های RealWorld - جاوا اسکریپت مدرن - نمونه کارها خود را شارژ کنید - برنامه نویسی بازی جاوا اسکریپت

ایده آل برای برنامه های جاوا اسکریپت نمونه کار شما - ساخت پروژه ها در جاوا اسکریپت

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

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

- کد منبع گنجانده شده است - پروژه ها به عنوان پروژه های آغازین طراحی شده اند تا بتوانید به ساخت آنها ادامه دهید و چیزهای بسیار جالبی بسازید!!!

- از بخش‌ها برای ایجاد نسخه‌های کد خود استفاده کنید که می‌تواند در هر جایی برای نشان دادن مهارت‌های خود استفاده شود. اکثر کارفرمایان به دنبال نحوه اعمال کد هستند و این مکان عالی برای ایده گرفتن و ساخت پروژه است

- پروژه های سرگرم کننده از جمله بازی ها و موارد دیگر بسازید که به شما کمک می کند تا خلاقیت های خود را یاد بگیرید و توسعه دهید تا یادگیری جاوا اسکریپت و استفاده از جاوا اسکریپت را به حداکثر برسانید!!!!

این یک دوره آموزشی بی نظیر است - برای اینکه شما را به کدنویسی سوق دهد، جاوا اسکریپت شامل تمام دروس مهارت های کاربردی برای یادگیری اصول اولیه و سپس پروژه برای تمرین و به کارگیری آنچه آموخته اید است. دوره جاوا اسکریپت را برای هر کسی که می خواهد جاوا اسکریپت را یاد بگیرد کامل کنید.

4 کتاب الکترونیکی جایزه PDF شامل .... با منابع تعاریف و مثال ... و چالش ها

سعی کنید پروژه ها در حین یادگیری سرگرم شوند.

نمونه کارها را رشد دهید - آنچه را که می توانید با جاوا اسکریپت بسازید به نمایش بگذارید

جاوا اسکریپت را یاد بگیرید با برنامه های وب تعاملی و پویا سرگرم شوید.

  • بیش از 546 منبع قابل دانلود - 58 مقاله - بیش از 50 ساعت ویدیوی درخواستی، 57 بخش

  • بیش از 614 درس ویدیویی HD

  • بیش از 51+ پروژه و برنامه وب. پروژه ها را می توان به عنوان پروژه های آغاز شده برای گسترش و ارتقاء استفاده کرد. همه جاوا اسکریپت متمرکز شده است.

  • 4 راهنمای دانلود کتاب الکترونیکی 200 صفحه و 3 در 60 صفحه - با کد و پیوندهای منبع

کتابخانه ای وجود ندارد JUST JAVASCRIPT و JAVASCRIPT DOM

این دوره ای است که شما به دنبال آن بوده اید...........

هر چیزی که برای شروع با جاوا اسکریپت نیاز دارید، دانش خود را در مورد استفاده از جاوا اسکریپت گسترش دهید، و موارد دیگر.

رسید، و بزرگتر از حد انتظار!!!

برای هر کسی که می خواهد یادگیری جاوا اسکریپت خود را افزایش دهد - ساخت و استفاده از جاوا اسکریپت برای بیش از 50 پروژه و چالش... این دوره برای شماست!!!!

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

اغلب ARE PROJECTS درخواست می شود - و این دوره ارائه می دهد! بیش از 50 است و در طول زمان با اضافه شدن پروژه ها و چالش های بیشتر رشد خواهد کرد. می‌توانید پروژه‌هایی را که می‌خواهید انجام دهید انتخاب کنید یا آنها را به ترتیب انجام دهید، این به شما بستگی دارد.

با بازی‌ها و بسیاری از پروژه‌های کوچک تضمین شده است که به شما کمک می‌کند درباره جاوا اسکریپت و دستکاری DOM اطلاعات بیشتری کسب کنید. همه کدهای جاوا اسکریپت بدون کتابخانه یا میانبر.

نحوه اعمال جاوا اسکریپت برای ایجاد محتوای وب تعاملی و پویا را کاوش کنید - که دوستان شما را تحت تاثیر قرار می دهد.

پروژه ها را گسترش دهید و آنها را به مجموعه خود اضافه کنید تا مهارت هایی را که آموخته اید به نمایش بگذارید.

پروژه های مفید دنیای واقعی کدگذاری شده با جاوا اسکریپت ساده برای توسعه دهندگان همه سطوح.

برای یادگیری هیچ راهی بهتر از امتحان کردن کد و تولید چیزی سرگرم کننده و مفید با آن نیست. یاد بگیرید که با جاوا اسکریپت چیزهای شگفت انگیزی ایجاد کنید که محتوای وب شما را زنده می کند.

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

فقط در Udemy - آن را در هیچ جای دیگری پیدا نخواهید کرد :)

بیش از 50 پروژه Portfolio Builder

PLUS - همه اصول جاوا اسکریپت و برنامه نویسی: چیزهایی مانند متغیرها، انواع داده، منطق بولی، عبارات if/else، حلقه ها، توابع، اشیا، آرایه ها و موارد دیگر.


این دوره شامل آشنایی کامل با کد نویسی با جاوا اسکریپت، تمام دستورات هسته و نحوه اعمال آن برای انجام کارها است. کد خود را ایجاد کنید - با چالش ها و تکه های کد بارگذاری شده است.

شامل 2 راهنمای کتاب الکترونیکی قابل دانلود - بیش از 250 صفحه. +++++ محتوای جایزه

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

یادگیری گام به گام با چالش های درون سخنرانی ها و البته SOURCE CODE گنجانده شده است. بیش از 400 قطعه کد قابل دانلود وجود دارد تا شما را مشغول نگه دارد.

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

تنوع کد با چندین رویکرد برای آشنایی بیشتر شما با جاوا اسکریپت.

رویکرد یادگیری نشان دادن کد و سپس امتحان کردن آن است!

آنچه خواهید آموخت.....

معرفی دوره : به دوره خوش آمدید، نحوه راهنمایی

  • اصول جاوا اسکریپت: شروع به کار با جاوا اسکریپت. 4 چالش، کتاب الکترونیکی 202 صفحه، منابع، نمونه کد

  • JavaScript DOM : مدل شی سند جاوا اسکریپت ایجاد محتوای تعاملی و پویا با جاوا اسکریپت. 4+ چالش، کتاب الکترونیکی 60 صفحه، منابع، نمونه کد.

  • جاوا اسکریپت پیشرفته: پوشش با استفاده از روش‌های جاوا اسکریپت مانند تاریخ، واکشی، xHR، روش‌های رشته‌ای و موارد دیگر. همراه با بیش از 60 صفحه راهنمای 3+ چالش، منابع، نمونه کد.

  • ماشین حساب نکته: از ریاضی برای محاسبه یک مقدار استفاده کنید. یک ورودی از کاربر دریافت کنید و از آن در محاسبه استفاده کنید. برای نشان دادن مقدار نهایی، HTML را به روز کنید.

  • پیام های خوش آمد گویی : مقدار ورودی را دریافت کنید و یک پیام خوشامدگویی به نام کاربران را که در قسمت ورودی وارد شده است، به صفحه نمایش ارسال کنید.

  • تغییر پویا پیام: از مقدار برای نمایش پیام های مختلف استفاده می کند. پیام سفارشی شده با استفاده از جاوا اسکریپت بسته به زمان روز

  • برنامه پرتاب سکه: برنامه پرتاب سکه - آیا جاوا اسکریپت سر و یا دنبال آن است. بازی ساده در مقابل کامپیوتر شما.

  • بازی Rock Paper Scissors : چه کسی برنده می شود ??? سنگ کاغذ قیچی. قیچی سنگ کاغذی سنگ کاغذی. یکی را به صورت تصادفی انتخاب کنید - ببینید چه کسی برنده می شود

  • بازی Ultimate Dice: منطق بازی را اعمال کنید و یک بازی تاس جاوا اسکریپت را ایجاد کنید. بالاترین رول برنده شما در مقابل رایانه است

  • پخش فایل‌های صوتی و صداها: با استفاده از جاوا اسکریپت، صدای تعاملی ایجاد کنید. روی دکمه پخش یک فایل mp3 کلیک کنید.

  • تست تایپ پویا جاوا اسکریپت: یک تست تایپ تعاملی برای کاربران وب با کد جاوا اسکریپت ایجاد کنید. عبارات تصادفی برای تست تایپ. بررسی خطاها، خطاها را در کلمات شمارش می کند

  • تمرین عملکرد تابع : درباره توابع بیشتر بیاموزید و کاوش کنید. حرکت را با فشار دادن کلید انتخاب کنید، دنباله حرکات را اجرا کنید. با کلیک بر روی مرحله، حرکات را حذف کنید.

  • جاوا اسکریپت Magic Eight Ball : Magic 8 Ball - پاسخ سوالات خود را بیابید. دریافت داده از فیلد ورودی با خروجی یک پاسخ تصادفی.

  • بازی حدس‌زن ترکیبی: آیا می‌توانید ترکیب مخفی را حدس بزنید. ترکیبات تصادفی هنگامی که مقدار اشتباه انتخاب می شود بازخورد ارائه می دهد - حدس آبی کم بود - حدس قرمز زیاد بود - حدس سبز درست بود. هیچ عنصر HTML وجود ندارد که همه جاوا اسکریپت ایجاد شود

  • کلمه Scramble - حدس زدن کلمه: آرایه های جاوا اسکریپت - تصادفی کردن محتویات آرایه انتخاب عنصر و دستکاری محتوای DOM. به هم زدن کلمه تصادفی ساده - بررسی کنید که آیا ورودی با کلمه تصادفی

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

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

  • روی بازی Popper کلیک کنید: یک بازی تعاملی سرگرم کننده مبتنی بر DOM با جاوا اسکریپت ایجاد کنید. همانطور که نمایش داده می شوند، فقط روی + موارد کلیک کنید، ببینید چقدر می توانید در زمان ارائه شده امتیاز کسب کنید.

  • بازی با ورق بسیار کم: یک بازی ورق ساده تعاملی ایجاد کنید که کاربر باید حدس های بالاتر یا پایین تر را در کارت های زیر با استفاده از کارت فعلی به عنوان مقدار انتخاب کند. عرشه ای از کارت ها و ساخت اشیاء بسازید. ایجاد عناصر اضافه کردن سبک و CSS. کارت های تصادفی برد/باخت

    را بررسی کنید
  • روی Shape Game کلیک کنید: اشکال تصادفی روی صفحه ظاهر می شوند هدف این است که کاربر باید سریع روی آنها کلیک کند. مینی بازی جاوا اسکریپت با استفاده از DOM برای به روز رسانی و دستکاری عناصر. فقط جاوا اسکریپت برای استایل دادن و ایجاد عناصر

  • بازی کلمه یاب: Word scrambler. ماوس را روی کادرهای قرمز نگه دارید تا کلمات درهم را پیدا کنید. روی موردی که با مقدار این کلمه مطابقت دارد کلیک کنید.

  • بازی ماشین جاوا اسکریپت: ماشین خود را رانندگی کنید از ماشین های دیگر دوری کنید. از صفحه کلید برای حرکت دادن عنصر ماشین استفاده کنید. حرکت تصادفی ماشین های دیگر. استفاده از RequestAnimationFrame. حرکت عنصر روی کلید. دستکاری عناصر CSS و Style. تشخیص برخورد

    را بررسی کنید
  • فیلد ورودی شمارنده کاراکتر: انتخاب و دستکاری DOM با فیلدهای ورودی و به‌روزرسانی دریافت مقادیر از ورودی‌های فرم با استفاده از جاوا اسکریپت. وقتی به حداکثر تعداد نویسه‌ها رسید، قرمز شوید.

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

  • سرگرمی با مدل شیء سند: عناصر شبیه سازی - سبک عنصر را به روز کنید و عناصر را جابجا کنید. ژنراتور رنگ تصادفی ایجاد عناصر، جابجایی عناصر، حذف عناصر.

  • شمارشگر کلیک فقط جاوا اسکریپت : با استفاده از جاوا اسکریپت محتوا بسازید فقط تعداد کلیک های کاربر روی عناصر ایجاد شده به صورت پویا محاسبه می شود. با استفاده از جاوا اسکریپت، عناصر ایجاد کنید و سبک اضافه کنید.

  • پنجره بازشو تصویر: شنوندگان رویداد جاوا اسکریپت روی تصاویر. پس از کلیک روی تصویر در div نشان داده می شود و بقیه صفحه تاریک می شود. div send back to hidden را ببندید.

  • JavaScript Word Guessing Hangman: یک بازی پویا و تعاملی از ابتدا ایجاد کنید. دکمه های حروف تعاملی را به صورت پویا ایجاد کنید. کلمه تصادفی از یک آرایه حروف را در نتایج نمایش کلمه با بازخورد بصری بررسی کنید.

  • JavaScript Modal Popup مثال : ایجاد پنجره های بازشو تعاملی با استفاده از جاوا اسکریپت دستکاری عناصر با استفاده از جاوا اسکریپت. محتوای مودال را در عنصر نشان می دهد، بقیه محتوای صفحه را تاریک می کند.

  • برنامه نمایش اسلاید متحرک جاوا اسکریپت Carousel Image : فاصله زمانی ایجاد عناصر با استفاده از جاوا اسکریپت. نمایش اسلاید تصویر متحرک و تعاملی تصاویر و متن را تغییر می دهد.

  • پروژه رتبه بندی ستاره: رویداد کلاس های عنصر را به روز می کند. استایل را با شناور و کلیک تغییر دهید. ذخیره نتایج و نمایش برای کاربر.

  • بازی بمب افکن هواپیما: برای ایجاد یک بازی تعاملی از جاوا اسکریپت استفاده کنید. ردیابی رویدادهای صفحه کلید و حرکت عناصر. تشخیص برخورد عناصر برای رها کردن عناصر روی هدف، کلید فاصله را فشار دهید.

  • مؤلفه آکاردئونی جاوا اسکریپت : نحوه ایجاد یک جزء آکاردئونی برای وب سایت ها با استفاده از جاوا اسکریپت را بررسی کنید. برای نمایش محتوای عنصر پنهان در زیر پیوند کلیک کنید. حذف قابل مشاهده با کلیک.

  • بازی Chaser Box: صفحه بازی را با استفاده از جاوا اسکریپت ایجاد کنید. یک کادر را سبز و دیگری را قرمز ایجاد کنید. نه همان. صفحه‌کلید ردیابی را فشار داده و کادر قرمز را حرکت دهید تا بالای صفحه‌کلید سبز قرار گیرد.

  • راهنمای ابزار: نحوه اعمال جاوا اسکریپت برای ایجاد یک قطعه کد راهنمای ساده را بررسی کنید. هنگامی که ماوس در بالای عنصر قرار دارد، راهنمایی ابزار بازشو روی کلمات نشان داده شود.

  • برنامه Email Exacter : یک برنامه استخراج ایمیل پویا با جاوا اسکریپت بسازید. استفاده از RegEx Pattern Match. چسباندن متن روی دکمه کلیک کنید فقط ایمیل‌ها را ببینید، ایمیل‌های منحصربه‌فردی که در رشته یافت می‌شوند.

  • پیام بازشو: روی یک عنصر کلیک کنید، پیام بازشوی معین را با دکمه بستن نشان می دهد. محتوای پیام را از ویژگی های عنصر ارسال کنید.

  • کلیپ بورد - کپی و انتقال: نحوه استفاده از جاوا اسکریپت برای انتخاب محتوا از فیلدهای ورودی و کپی محتوا در کلیپ بورد کاربران را بررسی کنید. محتوا را از ناحیه متنی دریافت کنید و محتوا را به کلیپ بورد یا سایر مناطق متنی اضافه کنید.

  • ماشین حساب جاوا اسکریپت خالص: از آرایه های جاوا اسکریپت برای ایجاد ماشین حساب به صورت پویا استفاده کنید. مقادیر ورودی را دریافت کنید و خروجی را برای نمایش به کاربر محاسبه کنید.

  • فهرست خرید قابل ویرایش: محتوای پویا را از مقادیر ورودی ایجاد کنید. موارد را به لیست اضافه کنید، موارد را از لیست حذف کنید. موارد را به صورت خطی در فهرست ویرایش کنید. به روز رسانی موارد لیست

  • ایجادکننده مسیر تصویر جای‌بانی: مقادیر ورودی را انتخاب کنید، شنوندگان رویداد را در محتوای خروجی به‌روزرسانی با استفاده از جاوا اسکریپت اضافه کنید. از مقادیر ورودی برای ایجاد مسیر برای تصاویر از محل مکان

    استفاده کنید
  • بازی عنصر گرفتن: عنصر متحرک به سرعت حرکت می کند، سعی کنید روی عنصر کلیک کنید و ببینید چه اتفاقی می افتد. (قرمز می شود) ردیابی مختصات ماوس و استفاده از requestAnimationFrame برای انیمیشن.

  • رویدادهای عنصر ماوس و کلیک : زمان ردیابی عنصر را ایجاد کنید که بازیکن برای کلیک روی عنصر طول می کشد - بازی جاوا اسکریپت. برای تمرین سبک عنصر تمرین کنید.

  • ایجاد اعتبار سنجی فرم: نحوه اعمال جاوا اسکریپت برای ایجاد اعتبار سنجی ورودی فرم در ارسال فرم را بررسی کنید. مقادیر را بررسی کنید تا مطمئن شوید که الزامات تعیین شده در شرایط جاوا اسکریپت را برآورده می کنند. پیام های فیلد ورودی عنصر را به روز کنید.

  • آزمایش‌کننده تنظیم کوکی: جاوا اسکریپت را برای ایجاد فرم تعاملی برای آزمایش کوکی‌ها اعمال کنید. کوکی‌ها را از مرورگر تنظیم و حذف کنید.

  • برنامه تعامل DOM : یک برنامه وب تعاملی پویا برای به روز رسانی عناصر DOM، اضافه کردن کلاس های تعویض، ایجاد عناصر جدید به صورت پویا و حذف عناصر ایجاد کنید. فیلدهای انتخاب فرم و ورودی را برای دستکاری پویا عناصر تشکیل دهید.

  • داده‌های برگه Google به صادرکننده CSV: فایل‌های CSV را برای بارگیری از آرایه‌ها ایجاد کنید. CSV را برای دانلود با استفاده از Google Sheet به عنوان منبع داده ایجاد کنید. کاربر کلیک می کند و فایل در رایانه او دانلود می شود.

  • بازی پرنده پرواز: به فشارهای صفحه کلید گوش دهید، عنصر را دنبال کنید و حرکت دهید. JavaScript RequestAnimationFrame برای انیمیشن محتوا. موانع متحرک برای سختی ایجاد کنید. تشخیص برخورد بین عناصر.

  • بازی حدس اعداد: عدد صحیح را حدس بزنید تا برنده شوید. اگر تعداد بیشتر یا کمتر بود، بازخورد ارائه می‌کند. مقدار ورودی را می گیرد.

  • بازی Element Catcher: فشار صفحه کلید برای حرکت عنصر. قاب انیمیشن برای تکرار عملکرد. ایجاد عناصر و حذف عناصر با جاوا اسکریپت. همه عناصر در حال سقوط را با جعبه قرمز خود بگیرید.

  • بازی Alien Invader: با CSS و جاوا اسکریپت، بیگانگان را بازیابی کنید. بیگانگان را به پایین حرکت دهید هدف این است که با فاصله تیراندازی کنید تا به بیگانگان قبل از رسیدن به سطح شما ضربه بزنید. کشتی را با کلیدهای جهت دار حرکت دهید.

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

محتوای بیشتر همیشه اضافه می شود - آیا می توانید این کار را انجام دهید؟؟؟؟؟؟؟؟؟؟؟؟؟

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

یادگیری گام به گام با همه مراحل.

دانش مبتدی جاوا اسکریپت مورد نیاز است زیرا این دوره فقط جاوا اسکریپت مربوط به ساخت بازی را پوشش می دهد. همچنین دانش HTML و CSS ضروری است زیرا دامنه این دوره تماماً بر جاوا اسکریپت متمرکز است.

همراه با پشتیبانی دوستانه در Q A برای کمک به شما در یادگیری و پاسخ به هر سؤالی که ممکن است داشته باشید.

اکنون آن را امتحان کنید، چیزی برای از دست دادن ندارید، همراه با 30 روز ضمانت بازگشت پول.

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

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

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

نحوه ایجاد تعامل کد جاوا اسکریپت با صفحات وب: دستکاری DOM. با نحوه انتخاب و تغییر عناصر صفحه وب، ایجاد عناصر جدید و مدیریت رویدادهای DOM آشنا شوید.

هرآنچه باید بدانید تا بتوانید درک عمیقی از نحوه عملکرد جاوا اسکریپت در پشت صحنه داشته باشید



سرفصل ها و درس ها

مقدمه ای بر دوره و محتوای جاوا اسکریپت ساخت برنامه های کاربردی جاوا اسکریپت Introduction to JavaScript course and content Build JavaScript Applications

  • مقدمه ای بر یادگیری جاوا اسکریپت Introduction to learning JavaScript

  • طرح کلی پروژه و منابع قابل دانلود Project Outline and Downloadable resources

  • طرح کلی پروژه و منابع قابل دانلود Project Outline and Downloadable resources

  • کد ویژوال استودیو ویرایشگر کد Code Editor Visual Studio Code

  • کد ویژوال استودیو ویرایشگر کد Code Editor Visual Studio Code

مقدمه ای بر دوره و محتوای جاوا اسکریپت ساخت برنامه های کاربردی جاوا اسکریپت Introduction to JavaScript course and content Build JavaScript Applications

  • مقدمه ای بر یادگیری جاوا اسکریپت Introduction to learning JavaScript

اصول اصلی جاوا اسکریپت و شروع کار با جاوا اسکریپت JavaScript core fundamentals and getting started with JavaScript

  • مقدمه بخش اصلی جاوا اسکریپت Core JavaScript Section Introduction

  • مقدمه بخش اصلی جاوا اسکریپت Core JavaScript Section Introduction

  • بخش راهنمای دانلود کتاب الکترونیکی Section Downloadble Ebook Guide

  • جاوا اسکریپت وب را تقویت می کند JavaScript Powers The Web

  • جاوا اسکریپت وب را تقویت می کند JavaScript Powers The Web

  • اطلاعات بیشتر در مورد جاوا اسکریپت More about JavaScript

  • اطلاعات بیشتر در مورد جاوا اسکریپت More about JavaScript

  • جاوا اسکریپت و HTML i را ایجاد می کنند JavaScript and HTML create i

  • کدنویسی نظرات جاوا اسکریپت JavaScript Comments Coding

  • کدنویسی نظرات جاوا اسکریپت JavaScript Comments Coding

  • متغیرهای جاوا اسکریپت JavaScript Variables

  • متغیرهای جاوا اسکریپت JavaScript Variables

  • متغیرهای جاوا اسکریپت اجازه دهید Const JavaScript Variables Let Const

  • متغیرهای جاوا اسکریپت اجازه دهید Const JavaScript Variables Let Const

  • انواع داده و تنظیم متغیر Data Types and Variable Setup

  • انواع داده و تنظیم متغیر Data Types and Variable Setup

  • درخواست جاوا اسکریپت JavaScript Prompt

  • جاوا اسکریپت تحت اللفظی الگو Template Literal JavaScript

  • جاوا اسکریپت تحت اللفظی الگو Template Literal JavaScript

  • انواع داده جاوا اسکریپت JavaScript Data Types

  • اپراتورهای جاوا اسکریپت JavaScript Operators

  • اپراتورهای جاوا اسکریپت بیشتر JavaScript Operators More

  • چالش جاوا اسکریپت 2 JavaScript Challenge 2

  • چالش جاوا اسکریپت 2 JavaScript Challenge 2

  • اپراتورهای مقایسه Comparison Operators

  • اگر دیگر اظهارات If Else Statements

  • اگر دیگر اظهارات If Else Statements

  • اپراتور سه تایی Ternary Operator

  • اپراتور سه تایی Ternary Operator

  • شرایط چندگانه Multiple Conditions

  • چالش کد شماره 3 Code Challenge #3

  • سوئیچ جاوا اسکریپت JavaScript Switch

  • سوئیچ جاوا اسکریپت JavaScript Switch

  • توابع جاوا اسکریپت JavaScript Functions

  • پارامترهای تابع Function Parameters

  • تابع بازگشت Function the return

  • تابع بازگشت Function the return

  • عملکرد در HTML Function in HTML

  • رویدادهای DOM سریع Quick DOM events

  • توابع اعلان در مقابل بیان declaration vs expression functions

  • توابع اعلان در مقابل بیان declaration vs expression functions

  • محدوده عملکرد Function Scope

  • محدوده عملکرد Function Scope

  • بازگشت تابع function recursion

  • بازگشت تابع function recursion

  • IIFE جاوا اسکریپت IIFE JavaScript

  • IIFE جاوا اسکریپت IIFE JavaScript

  • عملکرد پیکان ES6 ES6 Arrow Function

  • عملکرد پیکان ES6 ES6 Arrow Function

  • آرایه های اشیاء جاوا اسکریپت JavaScript Objects Arrays

  • آرایه های اشیاء جاوا اسکریپت JavaScript Objects Arrays

  • روش شی Object Method

  • روش شی Object Method

  • ایجاد اشیاء با توابع Create Objects with Functions

  • اشیا و آرایه ها Objects and Arrays

  • آرایه های جاوا اسکریپت Arrays JavaScript

  • آرایه های جاوا اسکریپت Arrays JavaScript

  • با آرایه ها قدرت بگیرید Power up with Arrays

  • با آرایه ها قدرت بگیرید Power up with Arrays

  • آرایه های جاوا اسکریپت بیشتر JavaScript Arrays More

  • فیلتر آرایه Array Filter

  • فیلتر آرایه Array Filter

  • حلقه های جاوا اسکریپت JavaScript Loops

  • چالش 3 حلقه Challenge 3 Loops

  • چالش 3 حلقه Challenge 3 Loops

  • Loop Object و Array Data Loop Object and Array Data

  • نقشه جاوا اسکریپت JavaScript Map

  • نقشه جاوا اسکریپت JavaScript Map

  • نتیجه گیری جاوا اسکریپت JavaScript Conclusion

اصول اصلی جاوا اسکریپت و شروع کار با جاوا اسکریپت JavaScript core fundamentals and getting started with JavaScript

  • بخش راهنمای دانلود کتاب الکترونیکی Section Downloadble Ebook Guide

  • جاوا اسکریپت و HTML i را ایجاد می کنند JavaScript and HTML create i

  • درخواست جاوا اسکریپت JavaScript Prompt

  • انواع داده جاوا اسکریپت JavaScript Data Types

  • اپراتورهای جاوا اسکریپت JavaScript Operators

  • اپراتورهای جاوا اسکریپت بیشتر JavaScript Operators More

  • اپراتورهای مقایسه Comparison Operators

  • شرایط چندگانه Multiple Conditions

  • چالش کد شماره 3 Code Challenge #3

  • توابع جاوا اسکریپت JavaScript Functions

  • پارامترهای تابع Function Parameters

  • عملکرد در HTML Function in HTML

  • رویدادهای DOM سریع Quick DOM events

  • ایجاد اشیاء با توابع Create Objects with Functions

  • اشیا و آرایه ها Objects and Arrays

  • آرایه های جاوا اسکریپت بیشتر JavaScript Arrays More

  • حلقه های جاوا اسکریپت JavaScript Loops

  • Loop Object و Array Data Loop Object and Array Data

  • نتیجه گیری جاوا اسکریپت JavaScript Conclusion

تعامل صفحه وب جاوا اسکریپت و محتوای پویا DOM JavaScript Web page interaction and dynamic content DOM

  • معرفی بخش DOM جاوا اسکریپت JavaScript DOM Section introduction

  • راهنمای بخش PDF قابل دانلود Downloadable PDF Section Guide

  • جاوا اسکریپت DOM JavaScript DOM

  • انتخاب عنصر جاوا اسکریپت JavaScript Element Selection

  • انتخاب چند عنصر Multiple element selection

  • انتخاب چند عنصر Multiple element selection

  • دستکاری عناصر Element Manipulation

  • دستکاری عناصر Element Manipulation

  • دستکاری عنصر 2 Element Manipulation 2

  • دستکاری عنصر 2 Element Manipulation 2

  • کلاس های عنصری Element Classes

  • کودکان عنصر و تراورس Element Children and Traversing

  • کودکان عنصر و تراورس Element Children and Traversing

  • به روز رسانی های سبک عنصر Element Style Updates

  • DOM عناصر را ایجاد می کند DOM create Elements

  • رویداد Listeners DOM. Event Listeners DOM.

  • Challenge 1 Image Popup. Challenge 1 Image Popup.

  • چالش 2 فهرست موارد Challenge 2 List Items

  • چالش 2 فهرست موارد Challenge 2 List Items

  • چالش 3 تغییر پس زمینه Challenge 3 Background Changer

  • شی رویداد Event Object

  • شی رویداد Event Object

  • رویدادهای فشار کلید Key Press Events

  • رویدادهای فشار کلید 2 Key Press Events 2

  • رویدادهای ماوس Mouse Events

  • رویدادهای ماوس Mouse Events

  • فهرست چالش 4 Challenge 4 List

  • فهرست چالش 4 Challenge 4 List

  • فینال چالش 4 Challenge 4 Final

  • فینال چالش 4 Challenge 4 Final

  • حباب رویداد و گرفتن Event Bubbling and capturing

تعامل صفحه وب جاوا اسکریپت و محتوای پویا DOM JavaScript Web page interaction and dynamic content DOM

  • معرفی بخش DOM جاوا اسکریپت JavaScript DOM Section introduction

  • جاوا اسکریپت DOM JavaScript DOM

  • انتخاب عنصر جاوا اسکریپت JavaScript Element Selection

  • کلاس های عنصری Element Classes

  • به روز رسانی های سبک عنصر Element Style Updates

  • DOM عناصر را ایجاد می کند DOM create Elements

  • رویداد Listeners DOM. Event Listeners DOM.

  • Challenge 1 Image Popup. Challenge 1 Image Popup.

  • چالش 3 تغییر پس زمینه Challenge 3 Background Changer

  • رویدادهای فشار کلید Key Press Events

  • رویدادهای فشار کلید 2 Key Press Events 2

  • حباب رویداد و گرفتن Event Bubbling and capturing

روش های پیشرفته جاوا اسکریپت به علاوه موارد دیگر JavaScript Advanced methods plus more

  • راه اندازی محیط توسعه دهنده مقدمه جاوا اسکریپت JavaScript Introduction developer environment setup

  • راه اندازی محیط توسعه دهنده مقدمه جاوا اسکریپت JavaScript Introduction developer environment setup

  • راهنمای بخش PDF قابل دانلود Downloadable PDF Section Guide

  • راهنمای بخش PDF قابل دانلود Downloadable PDF Section Guide

  • روش های شماره جاوا اسکریپت JavaScript Number Methods

  • روش های شماره جاوا اسکریپت JavaScript Number Methods

  • روش های رشته ای String Methods

  • روش های رشته ای String Methods

  • ریاضی جاوا اسکریپت JavaScript Math

  • ریاضی جاوا اسکریپت JavaScript Math

  • آرایه شامل و سه تایی Array include and Ternary

  • آرایه شامل و سه تایی Array include and Ternary

  • پیام آرایه چالش 1. Challenge 1 Array Message.

  • رنگ پس زمینه چالش 2 Challenge 2 Background Color

  • محتوای DOM بارگیری شد DOM content Loaded

  • کلید در مقابل به روز رسانی کد کلید Key vs KeyCode UPDATE

  • Challenge 3 Keyboard Mover Challenge 3 Keyboard Mover

  • Challenge 3 Keyboard Mover Challenge 3 Keyboard Mover

  • تاریخ جاوا اسکریپت JavaScript Date

  • JSON stringify را تجزیه می کند JSON parse stringify

  • JavaScript LocalStorage JavaScript LocalStorage

  • JavaScript LocalStorage JavaScript LocalStorage

  • روش getBoundingClientRect جاوا اسکریپت getBoundingClientRect method JavaScript

  • روش getBoundingClientRect جاوا اسکریپت getBoundingClientRect method JavaScript

  • تایمرهای جاوا اسکریپت JavaScript Timers

  • تایمرهای جاوا اسکریپت JavaScript Timers

  • کد رمزگشایی مؤلفه URI encode decode URI component

  • کد رمزگشایی مؤلفه URI encode decode URI component

  • جاوا اسکریپت RegEx RegEx JavaScript

  • جاوا اسکریپت پروتوتایپ ProtoType JavaScript

  • جاوا اسکریپت پروتوتایپ ProtoType JavaScript

  • سعی کن و بگیر Try and Catch

  • xHR و Fetch xHR and Fetch

  • xHR و Fetch xHR and Fetch

  • xHR و Fetch 2 xHR and Fetch 2

  • xHR و Fetch 3 xHR and Fetch 3

  • xHR و Fetch 3 xHR and Fetch 3

  • نهایی جاوا اسکریپت پیشرفته Advanced JavaScript Final

روش های پیشرفته جاوا اسکریپت به علاوه موارد دیگر JavaScript Advanced methods plus more

  • راهنمای بخش PDF قابل دانلود Downloadable PDF Section Guide

  • پیام آرایه چالش 1. Challenge 1 Array Message.

  • رنگ پس زمینه چالش 2 Challenge 2 Background Color

  • کلید در مقابل به روز رسانی کد کلید Key vs KeyCode UPDATE

  • تاریخ جاوا اسکریپت JavaScript Date

  • JSON stringify را تجزیه می کند JSON parse stringify

  • جاوا اسکریپت RegEx RegEx JavaScript

  • سعی کن و بگیر Try and Catch

  • xHR و Fetch 2 xHR and Fetch 2

  • نهایی جاوا اسکریپت پیشرفته Advanced JavaScript Final

ماشین حساب نکته Tip calculator

  • معرفی ماشین حساب نکته Tip Calculator Introduction

  • تنظیم عنصر ورودی HTML HTML input Element Setup

  • تنظیم عنصر ورودی HTML HTML input Element Setup

  • جاوا اسکریپت عناصر را انتخاب کنید JavaScript Select Elements

  • جاوا اسکریپت querySelector JavaScript querySelector

  • افزودن شنونده رویداد Adding an Event Listener

  • افزودن شنونده رویداد Adding an Event Listener

  • مقدار عنصر جاوا اسکریپت Element Value JavaScript

  • مقدار عنصر جاوا اسکریپت Element Value JavaScript

  • بهینه سازی و تنظیم خروجی Tweak and Adjust output.

  • جاوا اسکریپت قالب Backtick Backtick template JavaScript

  • جاوا اسکریپت قالب Backtick Backtick template JavaScript

  • ماشین حساب نکته منبع نهایی Tip Calculator FINAL SOURCE

ماشین حساب نکته Tip calculator

  • معرفی ماشین حساب نکته Tip Calculator Introduction

  • جاوا اسکریپت عناصر را انتخاب کنید JavaScript Select Elements

  • جاوا اسکریپت querySelector JavaScript querySelector

  • بهینه سازی و تنظیم خروجی Tweak and Adjust output.

  • ماشین حساب نکته منبع نهایی Tip Calculator FINAL SOURCE

پیام های خوش آمدگویی پیام های جاوا اسکریپت سفارشی شده Welcome messages Customized JavaScript messages

  • بخش مقدمه پیام خوش آمد گویی Section Introduction welcome message

  • مقدار عنصر را انتخاب کنید Select element value

  • مقدار عنصر را انتخاب کنید Select element value

  • پیام خوش آمدگویی منبع نهایی FINAL source welcome message

پیام های خوش آمدگویی پیام های جاوا اسکریپت سفارشی شده Welcome messages Customized JavaScript messages

  • بخش مقدمه پیام خوش آمد گویی Section Introduction welcome message

  • پیام خوش آمدگویی منبع نهایی FINAL source welcome message

پیام خوش آمد گویی به صورت پویا بر اساس زمان تغییر می کند Dynamically changing by time welcome message

  • بخش معرفی پیام خوش آمدگویی پویا Section Introduction dynamic welcome message

  • بخش معرفی پیام خوش آمدگویی پویا Section Introduction dynamic welcome message

  • روش تاریخ جاوا اسکریپت JavaScript Date Method

  • روش تاریخ جاوا اسکریپت JavaScript Date Method

  • پیام پویا بسته به زمان Dynamic message depending on Time

  • پیام پویا بسته به زمان Dynamic message depending on Time

  • به‌روزرسانی رنگ پس‌زمینه عنصر Element Background Color Update

  • به‌روزرسانی رنگ پس‌زمینه عنصر Element Background Color Update

  • سبک عنصر با جاوا اسکریپت Element Style with JavaScript

  • سبک عنصر با جاوا اسکریپت Element Style with JavaScript

  • منبع نهایی پویا سلام Final source Dynamic Greeter

پیام خوش آمد گویی به صورت پویا بر اساس زمان تغییر می کند Dynamically changing by time welcome message

  • منبع نهایی پویا سلام Final source Dynamic Greeter

برنامه پرتاب سکه - سر است یا دم Coin Toss Application - is it heads or tails

  • معرفی بخش کاربرد پرتاب سکه Coin Toss Application Section Introduction

  • معرفی بخش کاربرد پرتاب سکه Coin Toss Application Section Introduction

  • راه اندازی جاوا اسکریپت JavaScript Setup

  • محرک های رویداد عنصر Element Event Triggers

  • منطق بازی. Game Logic.

  • منطق برنده را بررسی کنید Check Winner Logic

  • منطق برنده را بررسی کنید Check Winner Logic

  • نقد و بررسی کد بازی Coin Toss Coin Toss Game Code Review

  • کد منبع نهایی بازی پرتاب سکه Coin toss Game FINAL source code

برنامه پرتاب سکه - سر است یا دم Coin Toss Application - is it heads or tails

  • راه اندازی جاوا اسکریپت JavaScript Setup

  • محرک های رویداد عنصر Element Event Triggers

  • منطق بازی. Game Logic.

  • نقد و بررسی کد بازی Coin Toss Coin Toss Game Code Review

  • کد منبع نهایی بازی پرتاب سکه Coin toss Game FINAL source code

بازی قیچی کاغذ سنگ Rock Paper Scissors Game

  • معرفی بخش بازی Rock Paper Scissors Rock Paper Scissors Game section introduction

  • معرفی بخش بازی Rock Paper Scissors Rock Paper Scissors Game section introduction

  • راه اندازی قیچی کاغذ سنگ Rock Paper Scissors Setup

  • راه اندازی قیچی کاغذ سنگ Rock Paper Scissors Setup

  • آن را به شنوندگان رویداد تعاملی تبدیل کنید Make it interactive event listeners

  • بازی کامپیوتری تصادفی ریاضی Math Random Computer Play

  • بازی کامپیوتری تصادفی ریاضی Math Random Computer Play

  • برنده بازی را بررسی کنید Check Winner of Game

  • برنده بازی را بررسی کنید Check Winner of Game

  • به روز رسانی امتیاز GamePlay Update Score GamePlay

  • عملکرد پیام بازیکن Player Message Function

  • کد منبع نهایی قیچی کاغذ سنگ Rock Paper Scissors FINAL source code

  • کد منبع نهایی قیچی کاغذ سنگ Rock Paper Scissors FINAL source code

بازی قیچی کاغذ سنگ Rock Paper Scissors Game

  • آن را به شنوندگان رویداد تعاملی تبدیل کنید Make it interactive event listeners

  • به روز رسانی امتیاز GamePlay Update Score GamePlay

  • عملکرد پیام بازیکن Player Message Function

بازی نهایی تاس Ultimate Dice Game

  • معرفی بخش بازی Ultimate Dice Ultimate Dice Game Section Introduction

  • معرفی بخش بازی Ultimate Dice Ultimate Dice Game Section Introduction

  • راه اندازی بازی Dice Roller Dice Roller Game Setup

  • راه اندازی بازی Dice Roller Dice Roller Game Setup

  • اشیاء عنصر جاوا اسکریپت JavaScript Element Objects

  • اشیاء عنصر جاوا اسکریپت JavaScript Element Objects

  • جاوا اسکریپت ریاضی تصادفی JavaScript Math Random

  • جاوا اسکریپت ریاضی تصادفی JavaScript Math Random

  • شرایط منطقی برنده Winner Logic Conditions

  • شرایط منطقی برنده Winner Logic Conditions

  • Dice Face Visual را اضافه کنید Add Dice Face Visual

  • ایجاد عناصر با استفاده از جاوا اسکریپت Create Elements using JavaScript

  • حذف عنصر در داخل والد. Remove Element inside Parent.

  • حذف عنصر در داخل والد. Remove Element inside Parent.

  • نقطه به تاس به صورت پویا Dots to the Dice Dynamically

  • نقطه به تاس به صورت پویا Dots to the Dice Dynamically

  • ترفندها و تنظیمات بازی تاس Dice Game Tweaks and Adjustments

  • بازسازی بازی تاس Rebuild Dice Game

  • بازی تاس خوانده شود Dice game read

  • بازی تاس خوانده شود Dice game read

  • کد منبع بازی تاس FINAL Dice game FINAL source Code

  • کد منبع بازی تاس FINAL Dice game FINAL source Code

بازی نهایی تاس Ultimate Dice Game

  • جاوا اسکریپت ریاضی تصادفی JavaScript Math Random

  • Dice Face Visual را اضافه کنید Add Dice Face Visual

  • ایجاد عناصر با استفاده از جاوا اسکریپت Create Elements using JavaScript

  • ترفندها و تنظیمات بازی تاس Dice Game Tweaks and Adjustments

  • بازسازی بازی تاس Rebuild Dice Game

پخش فایل های صوتی و صداها با جاوا اسکریپت Play audio files and sounds with JavaScript

  • معرفی بخش پخش کننده صدا جاوا اسکریپت JavaScript Sound player Section Introduction

  • JavaScript Play Sounds JavaScript Play Sounds

  • EventListeners به ​​عناصر چندگانه EventListeners to Multiple Elements

  • EventListeners به ​​عناصر چندگانه EventListeners to Multiple Elements

  • انتخابگر صدا روی کلیک Sound selector on click

  • فعال کردن اضافه کردن کلاس Make active add Class

  • آن را کوتاهتر به روز رسانی کد Make it shorter Code update

  • آن را کوتاهتر به روز رسانی کد Make it shorter Code update

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

  • کد منبع نهایی MP3 را پخش کنید Play MP3 Final Source Code

  • کد منبع نهایی MP3 را پخش کنید Play MP3 Final Source Code

پخش فایل های صوتی و صداها با جاوا اسکریپت Play audio files and sounds with JavaScript

  • معرفی بخش پخش کننده صدا جاوا اسکریپت JavaScript Sound player Section Introduction

  • JavaScript Play Sounds JavaScript Play Sounds

  • انتخابگر صدا روی کلیک Sound selector on click

  • فعال کردن اضافه کردن کلاس Make active add Class

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

تست تایپ پویا جاوا اسکریپت JavaScript Dynamic Typing Test

  • مقدمه بخش تست تایپ پویا جاوا اسکریپت JavaScript Dynamic Typing Test Section Introduction

  • مقدمه بخش تست تایپ پویا جاوا اسکریپت JavaScript Dynamic Typing Test Section Introduction

  • تایپ برنامه تست Mini Typing Test Mini Application

  • بازی کن Play the Game

  • بازی کن Play the Game

  • جاوا اسکریپت تصادفی JavaScript Random

  • جاوا اسکریپت تصادفی JavaScript Random

  • تاریخ تایمر جاوا اسکریپت JavaScript Timer Date

  • تاریخ تایمر جاوا اسکریپت JavaScript Timer Date

  • محاسبات پایان بازی GameEnd Calculations

  • کلمات را به صورت رشته بشمار Count words in string

  • کلمات را به صورت رشته بشمار Count words in string

  • بررسی کد تست تایپ Typing Test Code Review

  • کلمه به کلمه مقایسه کنید Word by Word Compare

  • کلمه به کلمه مقایسه کنید Word by Word Compare

  • تایپ کد منبع نهایی تستر Typing Tester Final source Code

  • تایپ کد منبع نهایی تستر Typing Tester Final source Code

تست تایپ پویا جاوا اسکریپت JavaScript Dynamic Typing Test

  • تایپ برنامه تست Mini Typing Test Mini Application

  • بازی کن Play the Game

  • محاسبات پایان بازی GameEnd Calculations

  • بررسی کد تست تایپ Typing Test Code Review

عامل Functionator

  • مقدمه بخش کد عملی تابع Functionator JavaScript Intro to section Functionator JavaScript Function practice Code

  • راه اندازی عناصر جاوا اسکریپت. Setup Elements JavaScript.

  • جاوا اسکریپت اضافه کردن سبک JavaScript add Style

  • جاوا اسکریپت اضافه کردن سبک JavaScript add Style

  • حرکت دهنده عملکرد Function Mover

  • به روز شد Updated

  • رویدادهای صفحه کلید KeyBoard events

  • رنگ تصادفی HEX Random HEX color

  • رنگ تصادفی HEX Random HEX color

  • Action List Maker Action List Maker

  • حرکت دهنده عنصر Element Mover

  • رفع سریع Quick Fixes

  • Action را از لیست حذف کنید Remove Action from List

  • Action را از لیست حذف کنید Remove Action from List

  • بررسی کد و ترفندها Code Review and Tweaks

  • بررسی کد و ترفندها Code Review and Tweaks

  • DOM Mover FINAL کد منبع DOM mover FINAL Source code

  • DOM Mover FINAL کد منبع DOM mover FINAL Source code

عامل Functionator

  • مقدمه بخش کد عملی تابع Functionator JavaScript Intro to section Functionator JavaScript Function practice Code

  • راه اندازی عناصر جاوا اسکریپت. Setup Elements JavaScript.

  • حرکت دهنده عملکرد Function Mover

  • به روز شد Updated

  • رویدادهای صفحه کلید KeyBoard events

  • Action List Maker Action List Maker

  • حرکت دهنده عنصر Element Mover

  • رفع سریع Quick Fixes

جاوا اسکریپت Magic Eight Ball Magic Eight Ball JavaScript

  • معرفی بخش جاوا اسکریپت Magic Eight Ball Section introduction Magic Eight Ball JavaScript

  • معرفی بخش جاوا اسکریپت Magic Eight Ball Section introduction Magic Eight Ball JavaScript

  • راه اندازی Magic 8Ball Magic 8Ball Setup

  • به سوال پاسخ دهید Respond to Question

  • به سوال پاسخ دهید Respond to Question

  • کد منبع Magic 8Ball FINAL Magic 8Ball FINAL source code

جاوا اسکریپت Magic Eight Ball Magic Eight Ball JavaScript

  • راه اندازی Magic 8Ball Magic 8Ball Setup

  • کد منبع Magic 8Ball FINAL Magic 8Ball FINAL source code

پروژه مینی آکاردئون جاوا اسکریپت با جابجایی ClassList JavaScript Accordion Mini Project with ClassList Toggle

  • معرفی آکاردئون جاوا اسکریپت JavaScript Accordion Introduction

  • راه اندازی HTML برای آکاردئون HTML setup for Accordion

  • راهنمای منبع PDF پاداش Bonus PDF Resource Guide

  • راهنمای منبع PDF پاداش Bonus PDF Resource Guide

  • CSS را برای آکاردئون تنظیم کنید Setup CSS for the Accordion

  • تعاملات آکاردئون جاوا اسکریپت Accordion Interactions JavaScript

  • رویداد جاوا اسکریپت آکاردئون Accordion JavaScript Event

  • فعال کردن کلاس فعال Toggle Active Class

  • همه پانل های باز را مخفی کنید Hide all open panels

  • همه پانل های باز را مخفی کنید Hide all open panels

  • بخش نتیجه گیری Section Conclusion

  • کد منبع پروژه آکاردئون نهایی Accordion Project Source Code Final

پروژه مینی آکاردئون جاوا اسکریپت با جابجایی ClassList JavaScript Accordion Mini Project with ClassList Toggle

  • معرفی آکاردئون جاوا اسکریپت JavaScript Accordion Introduction

  • راه اندازی HTML برای آکاردئون HTML setup for Accordion

  • CSS را برای آکاردئون تنظیم کنید Setup CSS for the Accordion

  • تعاملات آکاردئون جاوا اسکریپت Accordion Interactions JavaScript

  • رویداد جاوا اسکریپت آکاردئون Accordion JavaScript Event

  • فعال کردن کلاس فعال Toggle Active Class

  • بخش نتیجه گیری Section Conclusion

  • کد منبع پروژه آکاردئون نهایی Accordion Project Source Code Final

بازی حدس زدن ترکیبی Combination guesser Game

  • معرفی بخش بازی حدس‌زن ترکیبی Section introduction Combination guesser Game

  • معرفی بخش بازی حدس‌زن ترکیبی Section introduction Combination guesser Game

  • Cracker ایمن را راه اندازی کنید Setup Safe Cracker

  • Cracker ایمن را راه اندازی کنید Setup Safe Cracker

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

  • ژنراتور تصادفی Combo Random Combo generator

  • جستجوگر حدس و پاسخ Guess Checker and Response

  • جستجوگر حدس و پاسخ Guess Checker and Response

  • گلزنی بازیکن Player Scoring

  • بررسی کد قفل ترکیبی Combo Lock Code Review

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

  • بررسی کد قفل ترکیبی Combo Lock Code Review

  • Lock Combo FINAL کد منبع Lock Combo FINAL source code

  • Lock Combo FINAL کد منبع Lock Combo FINAL source code

بازی حدس زدن ترکیبی Combination guesser Game

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

  • ژنراتور تصادفی Combo Random Combo generator

  • گلزنی بازیکن Player Scoring

کلمه تقلا - حدس بزنید کلمه Word Scramble - guess the word

  • مقدمه بخش Word Scramble Word Scramble section introduction

  • مقدمه بخش Word Scramble Word Scramble section introduction

  • راه اندازی Word Scrambler Word Scrambler Setup

  • راه اندازی Word Scrambler Word Scrambler Setup

  • تعامل و خروجی بازی Game interaction and output

  • تصادفی کردن آرایه Randomize Array

  • آرایه ترتیب تصادفی Random order array

  • گیم پلی جاوا اسکریپت Gameplay JavaScript

  • گیم پلی جاوا اسکریپت Gameplay JavaScript

  • چک کننده حدس بازیکن Player Guess checker

  • چک کننده حدس بازیکن Player Guess checker

  • بازی کلمه مرور کد Code Review Word Game

  • بازی کلمه مرور کد Code Review Word Game

  • کد منبع نهایی Word Scrambler Word Scrambler FINAL source Code

  • کد منبع نهایی Word Scrambler Word Scrambler FINAL source Code

کلمه تقلا - حدس بزنید کلمه Word Scramble - guess the word

  • تعامل و خروجی بازی Game interaction and output

  • تصادفی کردن آرایه Randomize Array

  • آرایه ترتیب تصادفی Random order array

تایمر شمارش معکوس Countdown Timer

  • معرفی پروژه تایمر شمارش معکوس Countdown timer project introduction

  • تنظیم تایمر شمارش معکوس Countdown Timer Setup

  • دریافت زمان تنظیم شمارش معکوس Get time set Countdown

  • دریافت زمان تنظیم شمارش معکوس Get time set Countdown

  • زمان باقی مانده را محاسبه کنید Calculate Time Left

  • عناصر InnerHTML را به روز کنید Update InnerHTML elements

  • عناصر InnerHTML را به روز کنید Update InnerHTML elements

  • به روز رسانی فاصله Interval Updater

  • جاوا اسکریپت LocalStorage LocalStorage JavaScript

  • بررسی کد تایمر شمارش معکوس Countdown Timer Code Review

  • بررسی کد تایمر شمارش معکوس Countdown Timer Code Review

  • به روز رسانی های CSS پاداش Bonus CSS updates

  • به روز رسانی های CSS پاداش Bonus CSS updates

  • کد منبع نهایی Final Source Code

  • کد منبع نهایی Final Source Code

تایمر شمارش معکوس Countdown Timer

  • معرفی پروژه تایمر شمارش معکوس Countdown timer project introduction

  • تنظیم تایمر شمارش معکوس Countdown Timer Setup

  • زمان باقی مانده را محاسبه کنید Calculate Time Left

  • به روز رسانی فاصله Interval Updater

  • جاوا اسکریپت LocalStorage LocalStorage JavaScript

بازی تطبیق الگو Pattern matching game

  • معرفی پروژه بازی تطبیق الگو Pattern matching game project introduction

  • بازی تطبیق الگو Pattern Matching Game

  • بازی تطبیق الگو Pattern Matching Game

  • جاوا اسکریپت صفحه بازی را ایجاد کنید JavaScript Create Game Board

  • جاوا اسکریپت صفحه بازی را ایجاد کنید JavaScript Create Game Board

  • عناصر پویا و تعاملی Dynamic and Interactive Elements

  • ذخیره توالی در آرایه Store Sequence in Array

  • تنظیم Timeout of style Set Timeout of style

  • توالی تصادفی رنگ ها Random Sequence of Colors

  • توالی تصادفی رنگ ها Random Sequence of Colors

  • حلقه توالی کامل Complete Sequence Loop

  • بررسی پایان بازی End Gameplay Check

  • بررسی کد کد و ترفندها Code Code review and Tweaks

  • تطبیق الگوی کد منبع نهایی بازی Final Game Source Code Pattern matching

  • تطبیق الگوی کد منبع نهایی بازی Final Game Source Code Pattern matching

بازی تطبیق الگو Pattern matching game

  • معرفی پروژه بازی تطبیق الگو Pattern matching game project introduction

  • عناصر پویا و تعاملی Dynamic and Interactive Elements

  • ذخیره توالی در آرایه Store Sequence in Array

  • تنظیم Timeout of style Set Timeout of style

  • حلقه توالی کامل Complete Sequence Loop

  • بررسی پایان بازی End Gameplay Check

  • بررسی کد کد و ترفندها Code Code review and Tweaks

با استفاده از جاوا اسکریپت از ابتدا روی Popper Game کلیک کنید Click Popper Game from scratch using JavaScript

  • روی معرفی بازی Popper کلیک کنید Click Popper Game introduction

  • HTML را راه اندازی کنید Setup HTML

  • HTML را راه اندازی کنید Setup HTML

  • Elements JavaScript DOM را انتخاب کنید Select Elements JavaScript DOM

  • Elements JavaScript DOM را انتخاب کنید Select Elements JavaScript DOM

  • راه اندازی آمار پخش کننده به روز رسانی HTML Setup Player Stats update HTML

  • راه اندازی آمار پخش کننده به روز رسانی HTML Setup Player Stats update HTML

  • دکمه Handle کلیک کنید Handle Button Click

  • منبع به روز شده برای JSON Updated Source for JSON

  • دریافت اطلاعات بازی Get Game Data

  • دریافت اطلاعات بازی Get Game Data

  • CSS با شروع بازی CSS with Start Game

  • CSS با شروع بازی CSS with Start Game

  • افزودن عناصر جاوا اسکریپت Add Elements JavaScript.

  • افزودن عناصر جاوا اسکریپت Add Elements JavaScript.

  • بازی شروع کننده Game Play Starter

  • بازی شروع کننده Game Play Starter

  • عنصر را قابل کلیک کنید Make Element Clickable

  • اضافه کردن نماد تصادفی Add random Icon

  • اضافه کردن نماد تصادفی Add random Icon

  • اضافه کردن عناصر امتیاز جاوا اسکریپت Add Score Elements JavaScript

  • بازی از طریق جاوا اسکریپت Game Over JavaScript

  • بازی از طریق جاوا اسکریپت Game Over JavaScript

  • بررسی کد نهایی Final Code Review

  • روی Popper Source Code FINAL کلیک کنید Click Popper Source Code FINAL

  • روی Popper Source Code FINAL کلیک کنید Click Popper Source Code FINAL

با استفاده از جاوا اسکریپت از ابتدا روی Popper Game کلیک کنید Click Popper Game from scratch using JavaScript

  • روی معرفی بازی Popper کلیک کنید Click Popper Game introduction

  • دکمه Handle کلیک کنید Handle Button Click

  • منبع به روز شده برای JSON Updated Source for JSON

  • عنصر را قابل کلیک کنید Make Element Clickable

  • اضافه کردن عناصر امتیاز جاوا اسکریپت Add Score Elements JavaScript

  • بررسی کد نهایی Final Code Review

بازی کارت Hi Lo از ابتدا با استفاده از پروژه مینی جاوا اسکریپت Hi Lo Card Game from scratch using JavaScript mini project

  • معرفی بازی High Low High Low Game Introduction

  • معرفی بازی High Low High Low Game Introduction

  • راه اندازی صفحه بازی Game Board Setup

  • تنظیم متغیرهای بازی Setup Game Variables

  • تنظیم متغیرهای بازی Setup Game Variables

  • بازی کن Play the Game

  • بازی کن Play the Game

  • ساخت عرشه کارت Build Card Deck

  • ساخت عرشه کارت Build Card Deck

  • کارت تصادفی بکشید Draw Random Card

  • ساخت CSS کارت Build Card CSS

  • ویژوال کارت جاوا اسکریپت ساز Visual Card JavaScript Builder

  • منطق بازی شرایط بازی Game Logic Play Conditions

  • منطق بازی شرایط بازی Game Logic Play Conditions

  • 9 Code Review and Tweaks.mp4 9 Code Review and Tweaks.mp4

  • منبع نهایی بازی High Low Card High Low Card game final source

  • منبع نهایی بازی High Low Card High Low Card game final source

بازی کارت Hi Lo از ابتدا با استفاده از پروژه مینی جاوا اسکریپت Hi Lo Card Game from scratch using JavaScript mini project

  • راه اندازی صفحه بازی Game Board Setup

  • بازی کن Play the Game

  • کارت تصادفی بکشید Draw Random Card

  • ساخت CSS کارت Build Card CSS

  • ویژوال کارت جاوا اسکریپت ساز Visual Card JavaScript Builder

  • 9 Code Review and Tweaks.mp4 9 Code Review and Tweaks.mp4

روی Shape Game کلیک کنید Click Shape Game

  • معرفی پروژه بازی واکنش Reaction game project introduction

  • معرفی پروژه بازی واکنش Reaction game project introduction

  • روی Reaction Game کلیک کنید. Click Reaction Game.

  • آن را تعاملی کنید Make it interactive

  • پیام بازیکن Player Message

  • جاوا اسکریپت گیم پلی را شروع کنید Start the Gameplay JavaScript

  • جاوا اسکریپت گیم پلی را شروع کنید Start the Gameplay JavaScript

  • جاوا اسکریپت ریاضی تصادفی JavaScript Math Random

  • جاوا اسکریپت ریاضی تصادفی JavaScript Math Random

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

  • جاوا اسکریپت رنگ های تصادفی Random Colors JavaScript

  • بازی Timeout را تنظیم کنید Set Timeout Game

  • عنصر پویا تعاملی Interactive Dynamic Element

  • نقد و بررسی بازی Reaction Reaction Game Review

  • نقد و بررسی بازی Reaction Reaction Game Review

  • روی Reaction Game FINAL Source Code کلیک کنید Click Reaction Game FINAL source Code

روی Shape Game کلیک کنید Click Shape Game

  • روی Reaction Game کلیک کنید. Click Reaction Game.

  • آن را تعاملی کنید Make it interactive

  • پیام بازیکن Player Message

  • جاوا اسکریپت ریاضی تصادفی JavaScript Math Random

  • ایجاد عناصر جاوا اسکریپت JavaScript Create Elements

  • جاوا اسکریپت رنگ های تصادفی Random Colors JavaScript

  • بازی Timeout را تنظیم کنید Set Timeout Game

  • عنصر پویا تعاملی Interactive Dynamic Element

  • روی Reaction Game FINAL Source Code کلیک کنید Click Reaction Game FINAL source Code

کلمه پنهانی را که پروژه بازی تعاملی جاوا اسکریپت درهم شده است حدس بزنید Guess the hidden word which is scrambled JavaScript interactive Game Project

  • معرفی پروژه بازی کلمات پنهان Hidden word game project introduction

  • معرفی پروژه بازی کلمات پنهان Hidden word game project introduction

  • راه اندازی بازی حدس کلمه Setup Word Guess Game

  • راه اندازی بازی حدس کلمه Setup Word Guess Game

  • شروع بازی جاوا اسکریپت JavaScript start Game

  • شروع بازی جاوا اسکریپت JavaScript start Game

  • Foreach Arrays JavaScript Foreach Arrays JavaScript

  • Foreach Arrays JavaScript Foreach Arrays JavaScript

  • ساخت عناصر تعاملی build interactive elements

  • اضافه کردن بازی Play Show Word Add Game Play Show Word

  • اضافه کردن بازی Play Show Word Add Game Play Show Word

  • گزینه Correct و Win را تیک بزنید Check Correct and Win

  • تایمر شروع تاریخ جاوا اسکریپت JavaScript Date Start Timer

  • تایمر شروع تاریخ جاوا اسکریپت JavaScript Date Start Timer

  • ترفندها و به روز رسانی بازی Game Tweaks and Update

  • بررسی کد منبع Source Code Review

  • بررسی کد منبع Source Code Review

  • منبع نهایی Word Scrambler Final Source Word Scrambler

  • منبع نهایی Word Scrambler Final Source Word Scrambler

کلمه پنهانی را که پروژه بازی تعاملی جاوا اسکریپت درهم شده است حدس بزنید Guess the hidden word which is scrambled JavaScript interactive Game Project

  • ساخت عناصر تعاملی build interactive elements

  • گزینه Correct و Win را تیک بزنید Check Correct and Win

  • ترفندها و به روز رسانی بازی Game Tweaks and Update

بازی رانندگی ماشین جاوا اسکریپت از ابتدا JavaScript Car Driving Game from scratch

  • معرفی پروژه بازی ماشین Car game project introduction

  • راه اندازی بازی ماشین جاوا اسکریپت JavaScript Car Game Setup

  • روش RequestAnimationFrame RequestAnimationFrame Method

  • حرکت Div با کلید Move Div with Keypress

  • راه ساز Road Builder

  • خطوط جاده در حال حرکت Road lines moving

  • مقدار رنگ تصادفی Random Color value

بازی رانندگی ماشین جاوا اسکریپت از ابتدا JavaScript Car Driving Game from scratch

  • معرفی پروژه بازی ماشین Car game project introduction

  • راه اندازی بازی ماشین جاوا اسکریپت JavaScript Car Game Setup

  • شنوندگان رویداد KeyPress KeyPress Event Listeners

  • شنوندگان رویداد KeyPress KeyPress Event Listeners

  • روش RequestAnimationFrame RequestAnimationFrame Method

  • حرکت Div با کلید Move Div with Keypress

  • راه ساز Road Builder

  • خطوط جاده در حال حرکت Road lines moving

  • حرکت خط جاده 2 Road Line Movement 2

  • حرکت خط جاده 2 Road Line Movement 2

  • اتومبیل های بیشتری تولید کنید. Generate More Cars.

  • اتومبیل های بیشتری تولید کنید. Generate More Cars.

  • تشخیص برخورد را بررسی کنید Check Collision Detection

  • تشخیص برخورد را بررسی کنید Check Collision Detection

  • امتیاز بندی پایان بازی End Game Scoring

  • امتیاز بندی پایان بازی End Game Scoring

  • عملکرد بازی را مجدداً راه اندازی کنید Restart Game Function

  • عملکرد بازی را مجدداً راه اندازی کنید Restart Game Function

  • مقدار رنگ تصادفی Random Color value

  • ترفندها و تنظیمات بازی Game Tweaks and adjustments

  • ترفندها و تنظیمات بازی Game Tweaks and adjustments

  • به روز رسانی سریع CSS Quick CSS update

  • به روز رسانی سریع CSS Quick CSS update

  • بررسی کد بازی ماشین Car Game Code Review

  • بررسی کد بازی ماشین Car Game Code Review

  • کد منبع نهایی بازی رانندگی با ماشین Final Source Code Car Driving Game

  • کد منبع نهایی بازی رانندگی با ماشین Final Source Code Car Driving Game

فیلد ورودی شمارنده کاراکتر Input field Character counter

  • معرفی پروژه شمارنده کاراکتر Character counter project introduction

  • تنظیم شمارنده کاراکتر TextArea TextArea Character Counter Setup

  • افزودن Eventlisteners چندگانه Add Eventlisteners Multiple

  • شمارنده کاراکتر Character Counter

  • پیام هشدار کاراکتر Character Warning Message

فیلد ورودی شمارنده کاراکتر Input field Character counter

  • معرفی پروژه شمارنده کاراکتر Character counter project introduction

  • تنظیم شمارنده کاراکتر TextArea TextArea Character Counter Setup

  • افزودن Eventlisteners چندگانه Add Eventlisteners Multiple

  • شمارنده کاراکتر Character Counter

  • پیام هشدار کاراکتر Character Warning Message

  • شمارنده کاراکتر کد منبع نهایی Final Source Code Character Counter

  • شمارنده کاراکتر کد منبع نهایی Final Source Code Character Counter

قطعه کد محتوا پیمایش عنصر Element Scrolling Content Code Snippet

  • معرفی پروژه المان اسکرولر Element scroller project introduction

  • تنظیم آماده اسکرول Ready set Scroll

  • ماوس بیش از درپوش Mouse Over stopper

  • بررسی کد اسکرولر Scroller Code Review

قطعه کد محتوا پیمایش عنصر Element Scrolling Content Code Snippet

  • معرفی پروژه المان اسکرولر Element scroller project introduction

  • تنظیم اسکرول متن Text Scroller Setup

  • تنظیم اسکرول متن Text Scroller Setup

  • راه اندازی جاوا اسکریپت اسکرول Setup Scroll JavaScript

  • راه اندازی جاوا اسکریپت اسکرول Setup Scroll JavaScript

  • تنظیم آماده اسکرول Ready set Scroll

  • ماوس بیش از درپوش Mouse Over stopper

  • تعاملی سرعت پویا Dynamic Speed Interactive

  • تعاملی سرعت پویا Dynamic Speed Interactive

  • بررسی کد اسکرولر Scroller Code Review

  • کد منبع نهایی محتوای پیمایش عنصر Element Scrolling Content Final Source Code

  • کد منبع نهایی محتوای پیمایش عنصر Element Scrolling Content Final Source Code

سرگرمی با مدل شی سند - جاوا اسکریپت Fun with the Document Object Model - JavaScript

  • عناصر جدید را بکشید Drag new elements

  • ژنراتور رنگ تصادفی Random Color Generator

  • کد منبع نهایی عنصر DOM DOM element Final Source Code

سرگرمی با مدل شی سند - جاوا اسکریپت Fun with the Document Object Model - JavaScript

  • معرفی پروژه سرگرم کننده DOM DOM fun project introduction

  • معرفی پروژه سرگرم کننده DOM DOM fun project introduction

  • سرگرمی عنصر DOM DOM Element Fun

  • سرگرمی عنصر DOM DOM Element Fun

  • عناصر کلون Clone elements

  • عناصر کلون Clone elements

  • جابجایی عناصر جدید Moving New Elements.

  • جابجایی عناصر جدید Moving New Elements.

  • عناصر جدید را بکشید Drag new elements

  • ژنراتور رنگ تصادفی Random Color Generator

  • سطل زباله برای عناصر Trash Bin for Elements

  • سطل زباله برای عناصر Trash Bin for Elements

  • حذف عناصر از صفحه Remove Elements from Page

  • حذف عناصر از صفحه Remove Elements from Page

  • بررسی کد عناصر DOM Code Review DOM Elements

  • بررسی کد عناصر DOM Code Review DOM Elements

  • کد منبع نهایی عنصر DOM DOM element Final Source Code

فقط جاوا اسکریپت شمارنده کلیک - فقط جاوا اسکریپت Just JavaScript Click Counter - Only JavaScript

فقط جاوا اسکریپت شمارنده کلیک - فقط جاوا اسکریپت Just JavaScript Click Counter - Only JavaScript

  • معرفی پروژه پیشخوان کلیک کنید Click counter project introduction

  • معرفی پروژه پیشخوان کلیک کنید Click counter project introduction

  • فقط جاوا اسکریپت را کلیک کنید مثال Just JavaScript Click Example

  • فقط جاوا اسکریپت را کلیک کنید مثال Just JavaScript Click Example

  • ایجاد تعامل عنصر Create Element Interaction

  • ایجاد تعامل عنصر Create Element Interaction

  • شمارشگر کلیک کامل Complete Click Counter

  • شمارشگر کلیک کامل Complete Click Counter

  • بررسی کد کلیک Clicker Code Review

  • بررسی کد کلیک Clicker Code Review

  • همه جاوا اسکریپت کد منبع نهایی شمارنده کلیک کنید All JavaScript Click Counter Final Source Code

  • همه جاوا اسکریپت کد منبع نهایی شمارنده کلیک کنید All JavaScript Click Counter Final Source Code

ایجاد یک پنجره بازشو تصویر روی عناصر تصویر Creating an image popup window on image elements

  • معرفی پروژه پاپ آپ تصویر Image popup project introduction

  • افزودن تصویر src به پنجره بازشو Add image src to popup

  • تعامل نزدیک را اضافه کنید Add close interaction

  • بررسی کد پاپ آپ تصویر Image PopUp Code Review

ایجاد یک پنجره بازشو تصویر روی عناصر تصویر Creating an image popup window on image elements

  • معرفی پروژه پاپ آپ تصویر Image popup project introduction

  • پاپ آپ تصویر image PopUp

  • پاپ آپ تصویر image PopUp

  • تصاویر عناصر تعاملی Interactive Elements Images

  • تصاویر عناصر تعاملی Interactive Elements Images

  • افزودن تصویر src به پنجره بازشو Add image src to popup

  • تعامل نزدیک را اضافه کنید Add close interaction

  • بررسی کد پاپ آپ تصویر Image PopUp Code Review

  • کد منبع نهایی پاپ آپ تصویر Image PopUp Final Source Code

  • کد منبع نهایی پاپ آپ تصویر Image PopUp Final Source Code

بازی جاوا اسکریپت Word Guessing Hangman JavaScript Word Guessing Hangman game

  • معرفی بازی جلاد Hangman game introduction

  • راه اندازی بازی جلاد Setup Hangman Game

  • رویداد Handler را اضافه کنید Add Event Handler

  • بازی منطق جستجوگر Game Logic Checker

  • پایان بازی و راه اندازی مجدد Game End and restart

  • ترفندهای نهایی و پاکسازی Final Tweaks and Clean Up

  • بازی جلاد کد منبع نهایی Final Source Code Hangman game

بازی جاوا اسکریپت Word Guessing Hangman JavaScript Word Guessing Hangman game

  • معرفی بازی جلاد Hangman game introduction

  • راه اندازی بازی جلاد Setup Hangman Game

  • آرایه مرتب سازی تصادفی Random Sort Array

  • آرایه مرتب سازی تصادفی Random Sort Array

  • منطقه بازی را بسازید Build the Game Area

  • منطقه بازی را بسازید Build the Game Area

  • حروف الفبا را اضافه کنید Add Alphabet Letters

  • حروف الفبا را اضافه کنید Add Alphabet Letters

  • رویداد Handler را اضافه کنید Add Event Handler

  • بازی منطق جستجوگر Game Logic Checker

  • پایان بازی و راه اندازی مجدد Game End and restart

  • ترفندهای نهایی و پاکسازی Final Tweaks and Clean Up

  • بررسی کد نهایی بازی جلاد Final Code Review Hangman Game

  • بررسی کد نهایی بازی جلاد Final Code Review Hangman Game

  • بازی جلاد کد منبع نهایی Final Source Code Hangman game

مثال پاپ آپ مدال جاوا اسکریپت JavaScript Modal Popup Example

  • راه اندازی مودال جاوا اسکریپت JavaScript Modal Setup

  • صفحه شما را تعاملی کنید Make you page Interactive

  • مخفی کردن Modal Remove Class. Hide Modal Remove Class.

  • بررسی کد مودال پاپ آپ PopUp Modal Code Review

مثال پاپ آپ مدال جاوا اسکریپت JavaScript Modal Popup Example

  • معرفی پروژه پاپ آپ معین Modal popup project introduction

  • معرفی پروژه پاپ آپ معین Modal popup project introduction

  • راه اندازی مودال جاوا اسکریپت JavaScript Modal Setup

  • صفحه شما را تعاملی کنید Make you page Interactive

  • نمایش مدال Show Modal

  • نمایش مدال Show Modal

  • مخفی کردن Modal Remove Class. Hide Modal Remove Class.

  • بررسی کد مودال پاپ آپ PopUp Modal Code Review

  • کد منبع نهایی Modal Popup Popup Modal Final Source Code

  • کد منبع نهایی Modal Popup Popup Modal Final Source Code

برنامه نمایش اسلاید متحرک جاوا اسکریپت Image Carousel Image Carousel JavaScript animated slideshow application

  • معرفی پروژه Project Introduction

  • راه اندازی نمایش اسلاید جاوا اسکریپت Setup JavaScript Slideshow

  • اضافه کردن محتوا با جاوا اسکریپت Add Content with JavaScript

  • اضافه کردن شاخص های قابل کلیک Adding clickable Indicators

  • پخش نمایش اسلاید Play SlideShow

  • بررسی کد نمایش اسلاید SlideShow Code Review

برنامه نمایش اسلاید متحرک جاوا اسکریپت Image Carousel Image Carousel JavaScript animated slideshow application

  • معرفی پروژه چرخ فلک نمایش اسلاید Slideshow carousel project introduction

  • معرفی پروژه چرخ فلک نمایش اسلاید Slideshow carousel project introduction

  • معرفی پروژه Project Introduction

  • راه اندازی نمایش اسلاید جاوا اسکریپت Setup JavaScript Slideshow

  • اضافه کردن محتوا با جاوا اسکریپت Add Content with JavaScript

  • ساخت محتوا برای کاربر Build Content for User

  • ساخت محتوا برای کاربر Build Content for User

  • اضافه کردن شاخص های قابل کلیک Adding clickable Indicators

  • پخش نمایش اسلاید Play SlideShow

  • نشانگر دسته کلیک کنید Indicator Click Handle

  • نشانگر دسته کلیک کنید Indicator Click Handle

  • بررسی کد نمایش اسلاید SlideShow Code Review

  • چرخ فلک تصویر کد منبع نهایی Final Source Code Image Carousel

  • چرخ فلک تصویر کد منبع نهایی Final Source Code Image Carousel

رویدادهای پروژه رتبه بندی ستاره کلیک کنید و ماوس را نگه دارید Star Rating project click and hover events

  • کد راه اندازی رتبه بندی ستاره Star Rating Setup Code

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • رویدادهای بیشتر برای افزودن More Events to Add

  • دستکاری عناصر Manipulate Elements

  • پیام ستاره به کاربر Star Message To User

رویدادهای پروژه رتبه بندی ستاره کلیک کنید و ماوس را نگه دارید Star Rating project click and hover events

  • معرفی پروژه رتبه بندی ستاره Star rating project introduction

  • معرفی پروژه رتبه بندی ستاره Star rating project introduction

  • کد راه اندازی رتبه بندی ستاره Star Rating Setup Code

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • رویدادهای بیشتر برای افزودن More Events to Add

  • دستکاری عناصر Manipulate Elements

  • پیام ستاره به کاربر Star Message To User

  • بررسی کد رتبه بندی ستاره Star Rating Code Review

  • بررسی کد رتبه بندی ستاره Star Rating Code Review

  • پروژه رتبه بندی ستاره کد منبع نهایی Final Source Code Star rating project

  • پروژه رتبه بندی ستاره کد منبع نهایی Final Source Code Star rating project

بازی بمب افکن هواپیما بازی ساده جاوا اسکریپت DOM Plane Bomber game simple JavaScript DOM game

  • معرفی پروژه بازی بمب افکن هواپیما Plane bomber game project introduction

  • رویدادهای صفحه کلید KeyBoard Events

  • شروع بازی Start Game

  • امتیاز بازی Game Scoring

  • نمایش جدول امتیازات به بازیکن Show Scoreboard to player

  • پایگاه دشمن را اضافه کنید Add Enemy Base

  • تشخیص برخورد Collision Detection

  • کد منبع نهایی بازی Plane Bomber Plane bomber Game final source code

بازی بمب افکن هواپیما بازی ساده جاوا اسکریپت DOM Plane Bomber game simple JavaScript DOM game

  • معرفی پروژه بازی بمب افکن هواپیما Plane bomber game project introduction

  • راه اندازی منطقه بازی Game Area Setup

  • رویدادهای صفحه کلید KeyBoard Events

  • شروع بازی Start Game

  • اضافه کردن قاب انیمیشن Add animation frame

  • اضافه کردن قاب انیمیشن Add animation frame

  • رفع بازی Game fixe

  • رفع بازی Game fixe

  • امتیاز بازی Game Scoring

  • نمایش جدول امتیازات به بازیکن Show Scoreboard to player

  • پایگاه دشمن را اضافه کنید Add Enemy Base

  • بمب ها را بساز Make the bombs

  • بمب ها را بساز Make the bombs

  • جابجایی بمب ها به صورت خودکار Move bombs Automatically

  • جابجایی بمب ها به صورت خودکار Move bombs Automatically

  • تشخیص برخورد Collision Detection

  • ترفندهای نهایی گیم پلی Final Gameplay Tweaks

  • ترفندهای نهایی گیم پلی Final Gameplay Tweaks

  • بررسی کد هواپیمای بمب افکن Bomber Plane Code Review

  • بررسی کد هواپیمای بمب افکن Bomber Plane Code Review

  • کد منبع نهایی بازی Plane Bomber Plane bomber Game final source code

جزء آکاردئونی جاوا اسکریپت JavaScript Accordion component

  • مقداری جاوا اسکریپت اضافه کنید Add some JavaScript

  • Active را حذف کنید Remove Active

  • کد منبع نهایی جزء آکاردئون Accordion Component Final Source Code

جزء آکاردئونی جاوا اسکریپت JavaScript Accordion component

  • معرفی پروژه آکاردئون Accordion project introduction

  • معرفی پروژه آکاردئون Accordion project introduction

  • HTML و جاوا اسکریپت را راه اندازی کنید Setup HTML and JavaScript

  • HTML و جاوا اسکریپت را راه اندازی کنید Setup HTML and JavaScript

  • مقداری جاوا اسکریپت اضافه کنید Add some JavaScript

  • Active را حذف کنید Remove Active

  • کد منبع نهایی جزء آکاردئون Accordion Component Final Source Code

بازی Chaser Box - دستکاری عناصر مدل شی سند با جاوا اسکریپت Chaser Box game - Document Object Model Element Manipulation with JavaScript

  • معرفی پروژه بازی Box Chaser Box chaser game project introduction

  • Setup Box Chaser Game Setup Box Chaser Game

  • جاوا اسکریپت پروژه شما را زنده می کند JavaScript bring your project to life

  • شبکه را به صورت پویا بسازید Build the Grid Dynamically

  • جنبش رویدادهای صفحه کلید KeyBoard Events Movement

  • ایجاد عنصر فعال Create Active Element

  • بررسی کد بازی Box Chaser Box Chaser Game Code Review

  • تعقیب جعبه کد منبع نهایی Final Source Code Box Chaser

بازی Chaser Box - دستکاری عناصر مدل شی سند با جاوا اسکریپت Chaser Box game - Document Object Model Element Manipulation with JavaScript

  • معرفی پروژه بازی Box Chaser Box chaser game project introduction

  • Setup Box Chaser Game Setup Box Chaser Game

  • جاوا اسکریپت پروژه شما را زنده می کند JavaScript bring your project to life

  • شبکه را به صورت پویا بسازید Build the Grid Dynamically

  • جنبش رویدادهای صفحه کلید KeyBoard Events Movement

  • انتقال عنصر در صفحه Move element on page

  • انتقال عنصر در صفحه Move element on page

  • مرزهای GameArea را تعیین کنید Set boundaries of GameArea

  • مرزهای GameArea را تعیین کنید Set boundaries of GameArea

  • ایجاد عنصر فعال Create Active Element

  • به روز رسانی نهایی گیم پلی Final GamePlay Updates

  • به روز رسانی نهایی گیم پلی Final GamePlay Updates

  • بررسی کد بازی Box Chaser Box Chaser Game Code Review

  • تعقیب جعبه کد منبع نهایی Final Source Code Box Chaser

ایجاد یک پنجره بازشو با جاوا اسکریپت Creating a tooltip popup with JavaScript

  • معرفی پروژه Tooltip Tooltip project introduction

  • ایجاد ToolTips با جاوا اسکریپت Creating ToolTips with JavaScript

  • نمایش داده های راهنمای ابزار Display Tooltip data

  • بررسی کد راهنمای ابزار Tooltip Code Review

ایجاد یک پنجره بازشو با جاوا اسکریپت Creating a tooltip popup with JavaScript

  • معرفی پروژه Tooltip Tooltip project introduction

  • ایجاد ToolTips با جاوا اسکریپت Creating ToolTips with JavaScript

  • جاوا اسکریپت عناصر را انتخاب کنید. JavaScript Select Elements.

  • جاوا اسکریپت عناصر را انتخاب کنید. JavaScript Select Elements.

  • نمایش داده های راهنمای ابزار Display Tooltip data

  • بررسی کد راهنمای ابزار Tooltip Code Review

  • نکته ابزار کد منبع نهایی Final Source Code Tool Tip

  • نکته ابزار کد منبع نهایی Final Source Code Tool Tip

برنامه استخراج ایمیل با کد منبع جاوا اسکریپت گنجانده شده است Email Extractor application with JavaScript source code included

  • برنامه استخراج ایمیل Email Extractor Application

  • استفاده از RegEx Pattern Match Use of RegEx Pattern Match

برنامه استخراج ایمیل با کد منبع جاوا اسکریپت گنجانده شده است Email Extractor application with JavaScript source code included

  • معرفی پروژه استخراج ایمیل Email extractor project introduction

  • معرفی پروژه استخراج ایمیل Email extractor project introduction

  • برنامه استخراج ایمیل Email Extractor Application

  • استفاده از RegEx Pattern Match Use of RegEx Pattern Match

  • فقط ایمیل های خروجی Output Emails only

  • فقط ایمیل های خروجی Output Emails only

  • موارد تکراری را از آرایه حذف کنید Remove Duplicates from array

  • موارد تکراری را از آرایه حذف کنید Remove Duplicates from array

  • بررسی کد استخراج کننده ایمیل Email Extractor Code Review

  • بررسی کد استخراج کننده ایمیل Email Extractor Code Review

  • کد منبع نهایی استخراج کننده ایمیل Email Extractor Final Source Code

  • کد منبع نهایی استخراج کننده ایمیل Email Extractor Final Source Code

پیام پاپ آپ Popup message

  • معرفی پروژه پیام پاپ آپ Popup message project introduction

  • معرفی پروژه پیام پاپ آپ Popup message project introduction

  • راه اندازی پیام پاپ آپ PopUp Message Setup

  • جاوا اسکریپت تعامل عناصر Element Interaction JavaScript

  • نمایش پاپ آپ را مخفی کنید Hide Show PopUp

  • پیام بازبینی کد Code Review PopUp Message

  • پیام پاپ آپ کد منبع نهایی Final Source Code Popup Message

پیام پاپ آپ Popup message

  • راه اندازی پیام پاپ آپ PopUp Message Setup

  • جاوا اسکریپت تعامل عناصر Element Interaction JavaScript

  • نمایش پاپ آپ را مخفی کنید Hide Show PopUp

  • پیام بازبینی کد Code Review PopUp Message

  • پیام پاپ آپ کد منبع نهایی Final Source Code Popup Message

کلیپ بورد - تمرین جاوا اسکریپت متن را کپی و انتقال دهید Clipboard - Copy and Move text JavaScript exercise

  • معرفی پروژه در کلیپ بورد کپی کنید Copy to clipboard project introduction

  • معرفی پروژه در کلیپ بورد کپی کنید Copy to clipboard project introduction

  • کپی را در کلیپ بورد تنظیم کنید Setup copy to clipboard

  • کپی را در کلیپ بورد تنظیم کنید Setup copy to clipboard

  • شنوندگان رویداد تعاملی را اضافه کنید Add interaction Event Listeners

  • شنوندگان رویداد تعاملی را اضافه کنید Add interaction Event Listeners

  • ترفند نهایی برنامه کلیپ بورد Clipboard app final tweak

  • ترفند نهایی برنامه کلیپ بورد Clipboard app final tweak

  • در بررسی کد کلیپ بورد کپی کنید Copy to Clipboard Code Review

  • در کد منبع نهایی کلیپ بورد کپی کنید Copy to Clipboard Final Source Code

کلیپ بورد - تمرین جاوا اسکریپت متن را کپی و انتقال دهید Clipboard - Copy and Move text JavaScript exercise

  • در بررسی کد کلیپ بورد کپی کنید Copy to Clipboard Code Review

  • در کد منبع نهایی کلیپ بورد کپی کنید Copy to Clipboard Final Source Code

برنامه وب مینی ماشین حساب جاوا اسکریپت JavaScript Calculator mini web application

  • معرفی پروژه ماشین حساب Calculator project introduction

  • راه اندازی HTML و CSS HTML Setup and CSS

  • راه اندازی HTML و CSS HTML Setup and CSS

  • یک ماشین حساب جاوا اسکریپت بسازید Build a Calculator JavaScript

  • یک ماشین حساب جاوا اسکریپت بسازید Build a Calculator JavaScript

  • اضافه کردن کلیدهای ماشین حساب Add Calculator Keys

  • روی دکمه کلیک کنید. Click the button.

  • روش ارزیابی جاوا اسکریپت JavaScript Eval Method

  • روش ارزیابی جاوا اسکریپت JavaScript Eval Method

  • آخرین کاراکتر در رشته را بررسی کنید Check Last Character in String

  • آخرین کاراکتر در رشته را بررسی کنید Check Last Character in String

  • تعمیر ماشین حساب Calculator Fix

  • بررسی کد ماشین حساب جاوا اسکریپت JavaScript Calculator Code Review

  • بررسی کد ماشین حساب جاوا اسکریپت JavaScript Calculator Code Review

  • کد منبع نهایی ماشین حساب جاوا اسکریپت Final Source Code JavaScript Calculator

برنامه وب مینی ماشین حساب جاوا اسکریپت JavaScript Calculator mini web application

  • معرفی پروژه ماشین حساب Calculator project introduction

  • اضافه کردن کلیدهای ماشین حساب Add Calculator Keys

  • روی دکمه کلیک کنید. Click the button.

  • تعمیر ماشین حساب Calculator Fix

  • کد منبع نهایی ماشین حساب جاوا اسکریپت Final Source Code JavaScript Calculator

لیست خرید قابل ویرایش پویا با استفاده از جاوا اسکریپت Dynamic Editable Shopping List using JavaScript

  • معرفی پروژه ویرایشگر لیست List editor maker project introduction

  • راه اندازی لیست مواد غذایی Grocery List Maker Setup

  • محتوای پویا ایجاد کنید Create Dynamic Content

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • افزودن مورد به لیست Add item to List

  • افزودن مورد به لیست Add item to List

  • ویرایش محتوای عنصر Edit Element Content

  • ویرایش محتوای عنصر Edit Element Content

  • ترفندهای کد Code Tweaks

  • برنامه لیست بازبینی کد Code Review List Application

  • کد منبع نهایی به روز رسانی لیست خرید Final Source Code Shopping list updater

  • ترفندهای کد Code Tweaks

لیست خرید قابل ویرایش پویا با استفاده از جاوا اسکریپت Dynamic Editable Shopping List using JavaScript

  • معرفی پروژه ویرایشگر لیست List editor maker project introduction

  • راه اندازی لیست مواد غذایی Grocery List Maker Setup

  • محتوای پویا ایجاد کنید Create Dynamic Content

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • ترفندهای کد Code Tweaks

  • برنامه لیست بازبینی کد Code Review List Application

  • کد منبع نهایی به روز رسانی لیست خرید Final Source Code Shopping list updater

مسیر تصویر جاوا اسکریپت ژنراتور مکان Placeholder Image path Generator JavaScript

  • معرفی پروژه Placeholder Placeholder project introduction

  • مولد مسیر تصویر Image Path Generator

  • فرم را تعاملی کنید Make the form interactive

  • ایجاد مسیر تصویر Generate Image Path

  • بررسی کد تولید کننده تصویر Image Generator Code Review

  • کد منبع نهایی مولد مسیر تصویر جای‌بان Placeholder Image path generator final source code

مسیر تصویر جاوا اسکریپت ژنراتور مکان Placeholder Image path Generator JavaScript

  • معرفی پروژه Placeholder Placeholder project introduction

  • مولد مسیر تصویر Image Path Generator

  • فرم را تعاملی کنید Make the form interactive

  • ایجاد مسیر تصویر Generate Image Path

  • نیشگون گرفتن و به روز رسانی Tweak and Updates

  • نیشگون گرفتن و به روز رسانی Tweak and Updates

  • بررسی کد تولید کننده تصویر Image Generator Code Review

  • کد منبع نهایی مولد مسیر تصویر جای‌بان Placeholder Image path generator final source code

بازی عنصر گرفتن Catch element game

  • معرفی پروژه عنصر گیر Element catcher project introduction

  • ایجاد عنصر هدف Create Target Element

  • شنوندگان رویداد در عناصر جدید Eventlisteners on new elements

  • عنصر جدید را متحرک کنید Animate the new element

  • بررسی کد برنامه Catch Me Code Review Catch Me Application

بازی عنصر گرفتن Catch element game

  • معرفی پروژه عنصر گیر Element catcher project introduction

  • راه اندازی HTML بازی Game HTML Setup

  • راه اندازی HTML بازی Game HTML Setup

  • DOM MouseEvents DOM MouseEvents

  • DOM MouseEvents DOM MouseEvents

  • ایجاد عنصر هدف Create Target Element

  • ایجاد عنصر هدف Create Target Element

  • شنوندگان رویداد در عناصر جدید Eventlisteners on new elements

  • عنصر جدید را متحرک کنید Animate the new element

  • ترفندهای بازی امتیازدهی را اضافه کنید Add Scoring Game Tweaks

  • ترفندهای بازی امتیازدهی را اضافه کنید Add Scoring Game Tweaks

  • بررسی کد برنامه Catch Me Code Review Catch Me Application

  • کد منبع نهایی بازی Catch me Final Source Code Catch me Game

  • کد منبع نهایی بازی Catch me Final Source Code Catch me Game

عنصر ماوس و روی رویدادها جاوا اسکریپت کلیک کنید Element Mouse and click events JavaScript

  • ایجاد عنصر هدف Create Target Element

  • عنصر مدیریت رویداد Event Handling Element

  • گیم پلی را ادامه دهید Continue GamePlay

  • بازی واکنش بازبینی کد Code Review Reaction Game

عنصر ماوس و روی رویدادها جاوا اسکریپت کلیک کنید Element Mouse and click events JavaScript

  • معرفی پروژه رویداد ماوس Mouse event project introduction

  • معرفی پروژه رویداد ماوس Mouse event project introduction

  • راه اندازی بازی واکنش Reaction Game Setup

  • راه اندازی بازی واکنش Reaction Game Setup

  • بازی کن. Play the Game.

  • بازی کن. Play the Game.

  • ایجاد عنصر هدف Create Target Element

  • ایجاد عنصر هدف Create Target Element

  • عنصر مدیریت رویداد Event Handling Element

  • گیم پلی را ادامه دهید Continue GamePlay

  • بازی واکنش بازبینی کد Code Review Reaction Game

  • منبع نهایی بازی واکنش گرفتن کلیک کنید Final Source Click catch reaction game

  • منبع نهایی بازی واکنش گرفتن کلیک کنید Final Source Click catch reaction game

اعتبار سنجی فرم را با استفاده از جاوا اسکریپت ایجاد کنید Create Form Validation using JavaScript

  • معرفی پروژه اعتبار سنجی فرم Form validation project introduction

  • شنوندگان رویداد جاوا اسکریپت. JavaScript Event Listeners.

  • طول و مورد نیاز را بررسی کنید. Check length and Required.

  • به روز رسانی کد نهایی Final Code Updates

  • اعتبار سنجی فرم کد منبع نهایی Final Source Code Form Validation

اعتبار سنجی فرم را با استفاده از جاوا اسکریپت ایجاد کنید Create Form Validation using JavaScript

  • معرفی پروژه اعتبار سنجی فرم Form validation project introduction

  • تنظیم فرم ایمیل Setup Email Form

  • تنظیم فرم ایمیل Setup Email Form

  • شنوندگان رویداد جاوا اسکریپت. JavaScript Event Listeners.

  • تمام مقادیر ورودی را دریافت کنید Get all input values

  • تمام مقادیر ورودی را دریافت کنید Get all input values

  • طول و مورد نیاز را بررسی کنید. Check length and Required.

  • ایمیل معتبر را بررسی کنید Check for Valid Email

  • ایمیل معتبر را بررسی کنید Check for Valid Email

  • جستجوگر رمز عبور معتبر Valid Password Checker.

  • جستجوگر رمز عبور معتبر Valid Password Checker.

  • به روز رسانی کد نهایی Final Code Updates

  • بررسی کد برنامه اعتبارسنجی Validation App Code Review

  • بررسی کد برنامه اعتبارسنجی Validation App Code Review

  • اعتبار سنجی فرم کد منبع نهایی Final Source Code Form Validation

کوکی‌های جاوا اسکریپت را در حین ساختن کوکی دریافت برنامه وب تستر تنظیم کنید Explore JavaScript Cookies while building cookie get set tester web application

  • معرفی پروژه کوکی Cookie project introduction

  • تستر کوکی را راه اندازی کنید Setup Cookie Tester

  • لیست کوکی ها List Cookies

  • کد منبع نهایی تستر کوکی Cookie Tester Final Source Code

کوکی‌های جاوا اسکریپت را در حین ساختن کوکی دریافت برنامه وب تستر تنظیم کنید Explore JavaScript Cookies while building cookie get set tester web application

  • معرفی پروژه کوکی Cookie project introduction

  • تستر کوکی را راه اندازی کنید Setup Cookie Tester

  • عناصر افزودن رویدادها را انتخاب کنید Select Elements Add Events

  • عناصر افزودن رویدادها را انتخاب کنید Select Elements Add Events

  • شیء تاریخ به روز شد Updated Date Object

  • شیء تاریخ به روز شد Updated Date Object

  • جاوا اسکریپت مقدار تاریخ پیش فرض را تنظیم کنید JavaScript Set Default Date Value

  • جاوا اسکریپت مقدار تاریخ پیش فرض را تنظیم کنید JavaScript Set Default Date Value

  • نام و مقدار ورودی Input Name and Value.

  • نام و مقدار ورودی Input Name and Value.

  • جاوا اسکریپت کوکی را تنظیم کنید. Set Cookie JavaScript.

  • جاوا اسکریپت کوکی را تنظیم کنید. Set Cookie JavaScript.

  • به روز رسانی و حذف کوکی Update and Delete Cookie

  • به روز رسانی و حذف کوکی Update and Delete Cookie

  • لیست کوکی ها List Cookies

  • بررسی کد ماشین کوکی Cookie Machine Code Review

  • بررسی کد ماشین کوکی Cookie Machine Code Review

  • کد منبع نهایی تستر کوکی Cookie Tester Final Source Code

تعامل DOM برنامه DOminator DOM interaction Application DOMinator

  • رویدادهای عنصر. Element Events.

  • به روز رسانی عنصر Element Updater

  • حذف کلاس را اضافه کنید Add Remove Classe

  • ایجاد عنصر به صورت پویا Create Element Dynamically

  • بررسی کد DOminator DOMinator Code Review

تعامل DOM برنامه DOminator DOM interaction Application DOMinator

  • معرفی پروژه DOM DOM project introduction

  • معرفی پروژه DOM DOM project introduction

  • انتخاب عنصر Element Selection

  • انتخاب عنصر Element Selection

  • رویدادهای عنصر. Element Events.

  • عنصر دستکاری محتوا Element Manipulate Content

  • عنصر دستکاری محتوا Element Manipulate Content

  • به روز رسانی عنصر Element Updater

  • حذف کلاس را اضافه کنید Add Remove Classe

  • کشویی کلاس های بیشتر More Classes DropDown

  • کشویی کلاس های بیشتر More Classes DropDown

  • عناصر بیشتر در کرکره More Elements in DropDown

  • عناصر بیشتر در کرکره More Elements in DropDown

  • کرکره ساز. DropDown Builder.

  • کرکره ساز. DropDown Builder.

  • جاوا اسکریپت افزودن عناصر جدید JavaScript Add New Elements.

  • جاوا اسکریپت افزودن عناصر جدید JavaScript Add New Elements.

  • ایجاد عنصر به صورت پویا Create Element Dynamically

  • حذف کننده عنصر Element Remover

  • حذف کننده عنصر Element Remover

  • بررسی کد DOminator DOMinator Code Review

  • کد منبع نهایی برای پروژه تعاملی DOM FINAL source code for DOM interactive Project

  • کد منبع نهایی برای پروژه تعاملی DOM FINAL source code for DOM interactive Project

برنامه جاوا اسکریپت برای ایجاد فایل - داده های برگه Google به فایل CSV JavaScript application to create files - Google Sheet data to CSV file

  • معرفی پروژه سازنده CSV CSV maker project introduction

  • پردازش داده های CSV Process CSV Data

  • فایل CSV ایجاد کنید. Create CSV File.

  • لطفاً توجه داشته باشید که 3 درس زیر در مورد داده‌های برگه Google دیگر کار نمی‌کنند Please note the following 3 lessons on Google Sheet Data will no longer work

  • داده های برگه Google Google Sheet Data

  • برگه Google به CSV Google Sheet to CSV

برنامه جاوا اسکریپت برای ایجاد فایل - داده های برگه Google به فایل CSV JavaScript application to create files - Google Sheet data to CSV file

  • معرفی پروژه سازنده CSV CSV maker project introduction

  • CSV Maker را راه اندازی کنید Setup CSV Maker

  • CSV Maker را راه اندازی کنید Setup CSV Maker

  • تنظیم مقادیر داده Setup Data Values

  • تنظیم مقادیر داده Setup Data Values

  • پردازش داده های CSV Process CSV Data

  • از نشت حافظه جلوگیری کنید Avoid Memory Leaks

  • از نشت حافظه جلوگیری کنید Avoid Memory Leaks

  • فایل CSV ایجاد کنید. Create CSV File.

  • Export Fixer Export Fixer

  • Export Fixer Export Fixer

  • کد منبع صادرکننده نهایی CSV Final CSV exporter Source Code

  • کد منبع صادرکننده نهایی CSV Final CSV exporter Source Code

  • لطفاً توجه داشته باشید که 3 درس زیر در مورد داده‌های برگه Google دیگر کار نمی‌کنند Please note the following 3 lessons on Google Sheet Data will no longer work

  • داده های برگه Google Google Sheet Data

  • واکشی داده ها از JSON Fetch Data from JSON

  • واکشی داده ها از JSON Fetch Data from JSON

  • برگه Google به CSV Google Sheet to CSV

جاوا اسکریپت ساخت یک بازی پرنده پرنده از ابتدا JavaScript building a Flying bird game from scratch

  • معرفی پروژه بازی Flapping Birdy Flapping birdy game project introduction

  • ساختار راه اندازی بازی. Game Setup Structure.

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • JavaScript RequestAnimationFrame JavaScript RequestAnimationFrame

  • امتیازدهی و جاذبه. Scoring and gravity.

  • شرایط پایان بازی. Game End Conditions.

  • بازی به پایان رسید Handle Game Over

  • بررسی کد بازی Game Code Review

  • کد منبع نهایی بازی Flying Bird Flying Bird Game Final Source Code

جاوا اسکریپت ساخت یک بازی پرنده پرنده از ابتدا JavaScript building a Flying bird game from scratch

  • معرفی پروژه بازی Flapping Birdy Flapping birdy game project introduction

  • ساختار راه اندازی بازی. Game Setup Structure.

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • اضافه کردن شنوندگان رویداد Add Event Listeners

  • ردیابی رویداد صفحه کلید Keyboard event tracking

  • ردیابی رویداد صفحه کلید Keyboard event tracking

  • افزودن عنصر به صفحه Add element to page

  • افزودن عنصر به صفحه Add element to page

  • JavaScript RequestAnimationFrame JavaScript RequestAnimationFrame

  • شرایط حرکت Move Conditions

  • شرایط حرکت Move Conditions

  • حرکات بال. Wing Movements.

  • حرکات بال. Wing Movements.

  • امتیازدهی و جاذبه. Scoring and gravity.

  • شرایط پایان بازی. Game End Conditions.

  • موانع ایجاد کنید Create Obstacles

  • موانع ایجاد کنید Create Obstacles

  • موانع متحرک Moving Obstacles.

  • موانع متحرک Moving Obstacles.

  • بررسی تشخیص برخورد Checking Collision Detection

  • بررسی تشخیص برخورد Checking Collision Detection

  • بازی به پایان رسید Handle Game Over

  • بررسی کد بازی Game Code Review

  • جایزه اضافه کردن رنگ Bonus Add Color

  • جایزه اضافه کردن رنگ Bonus Add Color

  • کد منبع نهایی بازی Flying Bird Flying Bird Game Final Source Code

بازی حدس زدن شماره جاوا اسکریپت ایجاد کنید Create JavaScript number Guessing Game

  • معرفی پروژه حدس اعداد Number guess project introduction

  • راه اندازی بازی Number Guess Number Guess Game Setup

  • محتوای DOM بارگیری شد DOM content Loaded

  • عملکرد راه اندازی بازی Game Setup Function

  • اضافه کردن شنونده رویداد Add Event Listener

  • دستکاری عنصر DOM Element Manipulation DOM

  • بررسی کد حدس زن Number Guesser Code Review

  • کد منبع نهایی بازی حدس اعداد Number Guessing Game Final Source Code

بازی حدس زدن شماره جاوا اسکریپت ایجاد کنید Create JavaScript number Guessing Game

  • معرفی پروژه حدس اعداد Number guess project introduction

  • راه اندازی بازی Number Guess Number Guess Game Setup

  • محتوای DOM بارگیری شد DOM content Loaded

  • محتوای DOM بارگیری شد DOM content Loaded

  • عملکرد راه اندازی بازی Game Setup Function

  • دریافت شماره تصادفی Get Random Number

  • دریافت شماره تصادفی Get Random Number

  • اضافه کردن شنونده رویداد Add Event Listener

  • دستکاری عنصر DOM Element Manipulation DOM

  • GameOver و Restart کنید GameOver and Restart

  • GameOver و Restart کنید GameOver and Restart

  • ترفندهای کد Code Tweaks

  • بررسی کد حدس زن Number Guesser Code Review

  • کد منبع نهایی بازی حدس اعداد Number Guessing Game Final Source Code

بازی Element Catcher Element Catcher game

  • راه اندازی عناصر بازی Setup Game Elements

  • افزودن قاب انیمیشن Add Animation frame

  • راه اندازی Bad Guys Setup Bad Guys

  • گیم پلی را سفارشی کنید Customize GamePlay

  • بررسی کد بازی Dropper Elements Dropper Elements Game Code Review

بازی Element Catcher Element Catcher game

  • معرفی پروژه بازی Catcher Catcher game project introduction

  • معرفی پروژه بازی Catcher Catcher game project introduction

  • راه اندازی عناصر بازی Setup Game Elements

  • Styling CSS را اضافه کنید Add Styling CSS

  • Styling CSS را اضافه کنید Add Styling CSS

  • دکمه شروع بازی Start Game Button

  • دکمه شروع بازی Start Game Button

  • شنونده رویداد صفحه کلید Keyboard event Listener

  • شنونده رویداد صفحه کلید Keyboard event Listener

  • افزودن قاب انیمیشن Add Animation frame

  • در کانتینر بمانید Stay within Container

  • در کانتینر بمانید Stay within Container

  • راه اندازی Bad Guys Setup Bad Guys

  • عناصر را حرکت دهید Move the Elements

  • عناصر را حرکت دهید Move the Elements

  • برخورد را بررسی کنید Check Collision

  • برخورد را بررسی کنید Check Collision

  • پایان بازی End the Game

  • پایان بازی End the Game

  • گیم پلی را سفارشی کنید Customize GamePlay

  • بررسی کد بازی Dropper Elements Dropper Elements Game Code Review

  • کد منبع نهایی عنصر Catcher Element Catcher FINAL SOURCE code

  • کد منبع نهایی عنصر Catcher Element Catcher FINAL SOURCE code

بازی جاوا اسکریپت Alien Invader Alien Invader JavaScript Game

  • راه اندازی بازی Play Game Play Setup

  • شروع بازی اکشن Start Game Action

  • مرز کانتینر Container Boundary.

  • آتش دور تیراندازی Fire Away Shooting

  • شروع بازی آماده سازی بیگانگان Start Game Prep Aliens

  • دسته هدف را بزنید Hit Target handle

  • اصلاحات و به روز رسانی کد نهایی Final Code Tweaks and Updates

  • بررسی کد مهاجم بیگانه. Alien Invader Code Review.

  • کد منبع نهایی بازی پروژه مهاجم بیگانه Final Source Code Alien Invader Project Game

بازی جاوا اسکریپت Alien Invader Alien Invader JavaScript Game

  • معرفی پروژه بازی مهاجم بیگانه Alien invader game project introduction

  • معرفی پروژه بازی مهاجم بیگانه Alien invader game project introduction

  • راه اندازی بازی Play Game Play Setup

  • شروع بازی اکشن Start Game Action

  • صفحه کلید پخش کننده را جابجا کنید Move Player Keyboard

  • صفحه کلید پخش کننده را جابجا کنید Move Player Keyboard

  • شروع بازی Starting the Game

  • شروع بازی Starting the Game

  • مرز کانتینر Container Boundary.

  • آتش دور تیراندازی Fire Away Shooting

  • شروع بازی آماده سازی بیگانگان Start Game Prep Aliens

  • چند بیگانه ایجاد کنید Create some Aliens

  • چند بیگانه ایجاد کنید Create some Aliens

  • چشم ها و ویژگی ها را اضافه کنید. Add Eyes and Features.

  • چشم ها و ویژگی ها را اضافه کنید. Add Eyes and Features.

  • بیایید حرکت کنیم Lets Get Moving

  • بیایید حرکت کنیم Lets Get Moving

  • ترفندها و رفع Tweaks and Fixes

  • ترفندها و رفع Tweaks and Fixes

  • تشخیص ضربه Hit Detection

  • تشخیص ضربه Hit Detection

  • دسته هدف را بزنید Hit Target handle

  • اصلاحات و به روز رسانی کد نهایی Final Code Tweaks and Updates

  • رفع سریع تعداد بیگانه Quick Fix Alien Count

  • رفع سریع تعداد بیگانه Quick Fix Alien Count

  • بررسی کد مهاجم بیگانه. Alien Invader Code Review.

  • کد منبع نهایی بازی پروژه مهاجم بیگانه Final Source Code Alien Invader Project Game

پروژه جنگ با کارت جاوا اسکریپت JavaScript Card War Game Project

  • معرفی پروژه جنگ کارت card war project introduction

  • راه اندازی منطقه بازی Game Area Setup

  • شروع بازی Start the Game

  • بازیکنان بازی ایجاد کنید Create Game Players

  • برای بازیکنان کارت درست کنید Make Cards for Players

  • ظاهر کارت را بهتر کنید Make the Card Look Better

  • حمله چند دور Multiple Rounds Attack.

  • رفع عملکرد پلی آف. Fix Playoff Function.

  • ترفندها و رفع. Tweaks and Fixes.

  • بررسی کد بازی نبرد Battle Game Code Review

  • اشکال زدایی موضوع پلی آف Debug of Playoff Issue

  • کد منبع نهایی بازی کارت Card Game Final Source Code

پروژه جنگ با کارت جاوا اسکریپت JavaScript Card War Game Project

  • معرفی پروژه جنگ کارت card war project introduction

  • راه اندازی منطقه بازی Game Area Setup

  • راه اندازی منطقه بازی Game Area Setup

  • شروع بازی Start the Game

  • عرشه کارت ایجاد کنید Create Deck of Cards

  • عرشه کارت ایجاد کنید Create Deck of Cards

  • بازیکنان بازی ایجاد کنید Create Game Players

  • کارت ها را پخش کنید. Deal the cards.

  • کارت ها را پخش کنید. Deal the cards.

  • برای بازیکنان کارت درست کنید Make Cards for Players

  • ظاهر کارت را بهتر کنید Make the Card Look Better

  • منطق بازی Game Logic

  • منطق بازی Game Logic

  • برنده معامله را کنترل کنید Handle Winner of Deal

  • برنده معامله را کنترل کنید Handle Winner of Deal

  • حمله چند دور Multiple Rounds Attack.

  • رفع عملکرد پلی آف. Fix Playoff Function.

  • راه اندازی مجدد بازی Game Restart

  • راه اندازی مجدد بازی Game Restart

  • ترفندها و رفع. Tweaks and Fixes.

  • بررسی کد بازی نبرد Battle Game Code Review

  • اشکال زدایی موضوع پلی آف Debug of Playoff Issue

  • کد منبع نهایی بازی کارت Card Game Final Source Code

اتصال YouTube API YouTube API Connection

  • YouTube API معرفی YouTube API Introductio

  • YouTube API معرفی YouTube API Introductio

  • راه اندازی محیط توسعه دهنده وب Setup web dev environment

  • راه اندازی محیط توسعه دهنده وب Setup web dev environment

  • کلید YouTube API YouTube API key

  • کلید YouTube API YouTube API key

  • درخواست Fetch ایجاد کنید. Create Fetch request.

  • مدیریت رویداد Event Handler

  • مدیریت رویداد Event Handler

  • مدیریت داده های پاسخ Handle Response Data

  • نمونه اولیه نقشه جاوا اسکریپت JavaScript Map Prototype

  • نمونه اولیه نقشه جاوا اسکریپت JavaScript Map Prototype

  • واکشی به‌روزرسانی Fetch Update

  • واکشی به‌روزرسانی Fetch Update

  • صفحه بعد Next Page

  • صفحه بعد Next Page

  • صفحه بعد قسمت 2 Next Page part 2

  • مرور کد YouTube API Code Review YouTube API

اتصال YouTube API YouTube API Connection

  • درخواست Fetch ایجاد کنید. Create Fetch request.

  • مدیریت داده های پاسخ Handle Response Data

  • صفحه بعد قسمت 2 Next Page part 2

  • مرور کد YouTube API Code Review YouTube API

بازی توپ پارویی آجر شکن Brick Breaker Paddle Ball Game

  • بازی آجر شکن Brick Breaker Game

  • بازی آجر شکن Brick Breaker Game

  • راه اندازی بازی Game Setup

  • ایجاد عناصر Create Elements

  • تعامل کلیدها Keypresses Interaction

  • راه اندازی بازی را شروع کنید Start Game Setup

  • راه اندازی بازی را شروع کنید Start Game Setup

  • راه اندازی آجر Setup Bricks

  • راه اندازی آجر Setup Bricks

  • آجر ایجاد کنید Create Brick

  • آجر ایجاد کنید Create Brick

  • تعمیر سریع Quick Fix

  • توپ پرش Bouncing Ball

  • تشخیص برخورد Collision Detection

  • تشخیص برخورد Collision Detection

  • اجر شکن Brick Breaker

  • اجر شکن Brick Breaker

  • ترفندها و تنظیمات Tweaks and Adjustments

  • ترفندها و تنظیمات 2 Tweaks and Adjustments 2

  • ترفندها و تنظیمات 3 Tweaks and Adjustments 3

  • بررسی کد Code Review

  • بررسی کد Code Review

بازی توپ پارویی آجر شکن Brick Breaker Paddle Ball Game

  • راه اندازی بازی Game Setup

  • ایجاد عناصر Create Elements

  • تعامل کلیدها Keypresses Interaction

  • تعمیر سریع Quick Fix

  • توپ پرش Bouncing Ball

  • ترفندها و تنظیمات Tweaks and Adjustments

  • ترفندها و تنظیمات 2 Tweaks and Adjustments 2

  • ترفندها و تنظیمات 3 Tweaks and Adjustments 3

اشیاء جاوا اسکریپت و OOP با جاوا اسکریپت JavaScript Objects and OOP with JavaScript

  • معرفی OOP اشیاء جاوا اسکریپت JavaScript Objects OOP introduction

  • معرفی OOP اشیاء جاوا اسکریپت JavaScript Objects OOP introduction

  • بخش دانلود PDF و منابع Section PDF download and Resources

  • اشیاء جاوا اسکریپت JavaScript Objects

  • ماشین یک شی Car an Object

  • چالش سبد خرید. Shopping Cart Challenge.

  • چالش سبد خرید 2 Shopping Cart Challenge 2

  • چالش سبد خرید 3 Shopping Cart Challenge 3

  • چالش سبد خرید 3 Shopping Cart Challenge 3

  • برنامه نویسی شی گرا Object Oriented Programming

  • برنامه نویسی شی گرا Object Oriented Programming

  • ساخت و ساز اشیاء Objects Construction

  • بازی تاس OOP Dice Game OOP

  • بازی تاس OOP 2. Dice Game OOP 2.

  • بازی تاس OOP 2. Dice Game OOP 2.

  • سبد خرید OOP Shopping cart OOP

  • سبد خرید OOP Shopping cart OOP

  • سبد خرید OOP 2 Shopping cart OOP 2

  • سبد خرید OOP 3 Shopping cart OOP 3

  • سبد خرید OOP 3 Shopping cart OOP 3

  • سبد خرید OOP 4 Shopping cart OOP 4

  • سبد خرید OOP 4 Shopping cart OOP 4

  • سبد خرید OOP 5 Shopping cart OOP 5

  • سبد خرید OOP 5 Shopping cart OOP 5

اشیاء جاوا اسکریپت و OOP با جاوا اسکریپت JavaScript Objects and OOP with JavaScript

  • بخش دانلود PDF و منابع Section PDF download and Resources

  • اشیاء جاوا اسکریپت JavaScript Objects

  • ماشین یک شی Car an Object

  • چالش سبد خرید. Shopping Cart Challenge.

  • چالش سبد خرید 2 Shopping Cart Challenge 2

  • ساخت و ساز اشیاء Objects Construction

  • بازی تاس OOP Dice Game OOP

  • سبد خرید OOP 2 Shopping cart OOP 2

بازی Deal JavaScript DOM Deal Game JavaScript DOM

  • بخش Deal معرفی بازی Section Deal Game Introduction

  • بخش Deal معرفی بازی Section Deal Game Introduction

  • راه اندازی توسعه. Development Setup.

  • راه اندازی توسعه. Development Setup.

  • HTML و DOM را راه اندازی کنید Setup HTML and DOM

  • عناصر صفحه جاوا اسکریپت JavaScript Page Elements

  • عناصر صفحه جاوا اسکریپت JavaScript Page Elements

  • آن را زیبا کنید CSS Make it Look nice CSS

  • آن را زیبا کنید CSS Make it Look nice CSS

  • عناصر تعاملی جاوا اسکریپت JavaScript Interactive Elements

  • عناصر تعاملی جاوا اسکریپت JavaScript Interactive Elements

  • شروع ویژگی های بازی Start Game features

  • شروع ویژگی های بازی Start Game features

  • پنجره بازشو معین. Modal Popup Window.

  • پنجره بازشو معین. Modal Popup Window.

  • تخته بازی بسازید. Build Game Board.

  • تخته بازی بسازید. Build Game Board.

  • قسمت 2 تخته بازی بسازید Build Game Board Part 2

  • ساخت صفحه بازی قسمت 3 Build Game Board Part 3

  • ساخت صفحه بازی قسمت 3 Build Game Board Part 3

  • پرونده را بررسی کنید Check the Case

  • مورد 2 را بررسی کنید. Check the Case 2.

  • پیشنهادات بازیکن بازی Game Player Offers

  • قبول یا رد پیشنهاد Accept or Decline Offer.

  • قبول یا رد پیشنهاد Accept or Decline Offer.

  • ترفندها و تنظیمات نهایی Final Tweaks and Adjustments

  • ترفندها و تنظیمات نهایی Final Tweaks and Adjustments

  • کد منبع Source Code

  • نتیجه بازی Deal Deal Game Conclusion

  • نتیجه بازی Deal Deal Game Conclusion

بازی Deal JavaScript DOM Deal Game JavaScript DOM

  • HTML و DOM را راه اندازی کنید Setup HTML and DOM

  • قسمت 2 تخته بازی بسازید Build Game Board Part 2

  • پرونده را بررسی کنید Check the Case

  • مورد 2 را بررسی کنید. Check the Case 2.

  • پیشنهادات بازیکن بازی Game Player Offers

  • کد منبع Source Code

پیمایش بی پایان محتوای JSON را در صفحه بارگیری کنید تا کاربر به پایین صفحه وب پیمایش کند Endless Scroll Load JSON content to page as user scrolls to bottom of webpage

  • Scroll Loader معرفی Scroll Loader Introduction

  • راه اندازی صفحه HTML HTML page setup

  • راه اندازی صفحه HTML HTML page setup

  • درخواست واکشی داده JSON را دریافت کنید Get Data JSON fetch Request

  • خروجی داده ها به صفحه وب Output Data to Web Page

  • در اسکرول بارگذاری بیشتر On Scroll Load More

  • در اسکرول بارگذاری بیشتر On Scroll Load More

  • کد منبع Source Code

  • محتوای بیشتری را در اسکرول بارگیری کنید Load more content on Scroll

  • محتوای بیشتری را در اسکرول بارگیری کنید Load more content on Scroll

  • کد منبع Source Code

  • جعبه پیام کاربر User Message Box.

  • جعبه پیام کاربر User Message Box.

  • کد منبع Source Code

  • ترفندها و نتیجه گیری را اسکرول کنید Scroll Tweaks and Conclusion

  • ترفندها و نتیجه گیری را اسکرول کنید Scroll Tweaks and Conclusion

پیمایش بی پایان محتوای JSON را در صفحه بارگیری کنید تا کاربر به پایین صفحه وب پیمایش کند Endless Scroll Load JSON content to page as user scrolls to bottom of webpage

  • Scroll Loader معرفی Scroll Loader Introduction

  • درخواست واکشی داده JSON را دریافت کنید Get Data JSON fetch Request

  • خروجی داده ها به صفحه وب Output Data to Web Page

  • کد منبع Source Code

  • کد منبع Source Code

بازی بلک جک با جاوا اسکریپت BlackJack Game with JavaScript

  • معرفی بازی بلک جک جاوا اسکریپت Introduction to JavaScript BlackJack game

  • معرفی بازی بلک جک جاوا اسکریپت Introduction to JavaScript BlackJack game

  • کد منبع و فایل ها Source Code and Files

  • کد منبع و فایل ها Source Code and Files

  • 1 برنامه نویس وب HTML را تنظیم می کند 1 Web Developer Setup HTML

  • 2 کد نویسی جاوا اسکریپت را دریافت کنید. 2 Get coding JavaScript.

  • 2 کد نویسی جاوا اسکریپت را دریافت کنید. 2 Get coding JavaScript.

  • 3 DOMContentLoaded کد برنامه را اجرا کنید 3 DOMContentLoaded run app code

  • 3 DOMContentLoaded کد برنامه را اجرا کنید 3 DOMContentLoaded run app code

  • 4 ساختمان عنصر متغیرهای بازی. 4 Game Variables Element Building.

  • 5 جاوا اسکریپت فقط HTML را حذف کنید 5 Remove HTML only JavaScript

  • 6 دکمه HTML با جاوا اسکریپت 6 HTML buttons with JavaScript

  • کد منبع Source Code

  • 7 دسته کارت. 7 Deck of Cards.

  • 8 دسته کارت ها را به هم بزنید 8 Shuffle Deck of Cards

  • 9 شنوندگان رویداد را به دکمه‌ها اضافه کنید 9 Add Event listeners to Buttons

  • 9 شنوندگان رویداد را به دکمه‌ها اضافه کنید 9 Add Event listeners to Buttons

  • 10 دکمه روشن کردن خاموش. 10 Button Toggle On Off.

  • 11 معامله کارت. 11 Dealing of Cards.

  • 11 معامله کارت. 11 Dealing of Cards.

  • 12 کارت را در صفحه وب نشان دهید 12 Show card on WebPage

  • 13 عنصر CSS. 13 Element CSS.

  • منبع CSS CSS Source

  • 14 کارت بالا را مخفی کنید 14 Hide Top Card

  • 14 کارت بالا را مخفی کنید 14 Hide Top Card

  • 15 شروع بازی شرایط بازی قسمت 1 15 Begin Game Play Conditions Part 1

  • 16 شروع بازی شرایط بازی قسمت 2. 16 Begin Game Play Conditions part 2.

  • 17 گزینه های Game Player را اضافه کنید 17 Add Game Player options

  • 18 فروشنده بازی بازی می کند 18 Dealer Playing Game

  • 19 برنده بازی را پیدا کنید. 19 Find the Game Winner.

  • 20 ترفند و تنظیمات بازی. 20 Game Tweaks and Adjustments.

  • 20 ترفند و تنظیمات بازی. 20 Game Tweaks and Adjustments.

  • 21 بازی شرط بندی و امتیاز 21 Game Bets and scoring

  • کد منبع Source Code

  • 22 به روز رسانی GamePlay 22 GamePlay Updates

  • 23 به روز رسانی نهایی 23 Final Updates

  • 24 بررسی کد نهایی. 24 Final Code Review.

بازی بلک جک با جاوا اسکریپت BlackJack Game with JavaScript

  • 1 برنامه نویس وب HTML را تنظیم می کند 1 Web Developer Setup HTML

  • 4 ساختمان عنصر متغیرهای بازی. 4 Game Variables Element Building.

  • 5 جاوا اسکریپت فقط HTML را حذف کنید 5 Remove HTML only JavaScript

  • 6 دکمه HTML با جاوا اسکریپت 6 HTML buttons with JavaScript

  • کد منبع Source Code

  • 7 دسته کارت. 7 Deck of Cards.

  • 8 دسته کارت ها را به هم بزنید 8 Shuffle Deck of Cards

  • 10 دکمه روشن کردن خاموش. 10 Button Toggle On Off.

  • 12 کارت را در صفحه وب نشان دهید 12 Show card on WebPage

  • 13 عنصر CSS. 13 Element CSS.

  • منبع CSS CSS Source

  • 15 شروع بازی شرایط بازی قسمت 1 15 Begin Game Play Conditions Part 1

  • 16 شروع بازی شرایط بازی قسمت 2. 16 Begin Game Play Conditions part 2.

  • 17 گزینه های Game Player را اضافه کنید 17 Add Game Player options

  • 18 فروشنده بازی بازی می کند 18 Dealer Playing Game

  • 19 برنده بازی را پیدا کنید. 19 Find the Game Winner.

  • 21 بازی شرط بندی و امتیاز 21 Game Bets and scoring

  • کد منبع Source Code

  • 22 به روز رسانی GamePlay 22 GamePlay Updates

  • 23 به روز رسانی نهایی 23 Final Updates

  • 24 بررسی کد نهایی. 24 Final Code Review.

پرسش و پاسخ - کدهای مفید و موارد دیگر Questions and Answers - Useful Code Snippets and more

  • سوالات متداول با نمونه کد Common Questions with code examples

  • RemoveNode از Parent نحوه استفاده از removeChild Method Example RemoveNode from Parent How to use removeChild Method Example

  • جاوا اسکریپت حالت Quirks Quirks Mode JavaScript

  • قبل و بعد از درج. با جاوا اسکریپت Before and After Insert. with JavaScript

  • Prepend را با جاوا اسکریپت اضافه کنید Append Prepend with JavaScript

  • Prepend را با جاوا اسکریپت اضافه کنید Append Prepend with JavaScript

  • درخواست پنجره و لغوAnimationFrame. window request and cancelAnimationFrame.

  • درخواست پنجره و لغوAnimationFrame. window request and cancelAnimationFrame.

  • روش‌های parseInt vs Number parseInt vs Number methods

  • روش‌های parseInt vs Number parseInt vs Number methods

  • سوئیچ بیانیه Switch Statement

  • عبارت Continue و Break JavaScript JavaScript Continue and Break Statement

  • عبارت Continue و Break JavaScript JavaScript Continue and Break Statement

  • افزودن عناصر صفحه - اضافه کردن شنوندگان رویداد صفحه کلید Add Page Elements - Add Keyboard event listeners

  • افزودن عناصر صفحه - اضافه کردن شنوندگان رویداد صفحه کلید Add Page Elements - Add Keyboard event listeners

  • ایجاد عناصر در صفحه اضافه کردن شنوندگان رویداد Create Elements on the Page add Event Listeners

  • کد منبع Source Code

  • کد منبع Source Code

  • تاس ساز خالص جاوا اسکریپت - فقط با استفاده از جاوا اسکریپت تاس پرتاب را ایجاد کنید Pure JavaScript Dice Maker - Only using JavaScript create Rolling Dice

  • واکشی جاوا اسکریپت در مقابل XHR JavaScript Fetch vs XHR

  • واکشی جاوا اسکریپت در مقابل XHR JavaScript Fetch vs XHR

  • نحوه ایجاد یک لیست پویا از یک فایل JSON How to Create a Dynamic List from a JSON file

  • نحوه ایجاد یک لیست پویا از یک فایل JSON How to Create a Dynamic List from a JSON file

  • نمونه کد Throw Catch در نهایت جاوا اسکریپت را امتحان کنید Try Throw Catch Finally JavaScript Code Example

  • نمونه نقشه آرایه Array Map Example

  • نمونه نقشه آرایه Array Map Example

پرسش و پاسخ - کدهای مفید و موارد دیگر Questions and Answers - Useful Code Snippets and more

  • سوالات متداول با نمونه کد Common Questions with code examples

  • RemoveNode از Parent نحوه استفاده از removeChild Method Example RemoveNode from Parent How to use removeChild Method Example

  • جاوا اسکریپت حالت Quirks Quirks Mode JavaScript

  • قبل و بعد از درج. با جاوا اسکریپت Before and After Insert. with JavaScript

  • سوئیچ بیانیه Switch Statement

  • ایجاد عناصر در صفحه اضافه کردن شنوندگان رویداد Create Elements on the Page add Event Listeners

  • کد منبع Source Code

  • تاس ساز خالص جاوا اسکریپت - فقط با استفاده از جاوا اسکریپت تاس پرتاب را ایجاد کنید Pure JavaScript Dice Maker - Only using JavaScript create Rolling Dice

  • نمونه کد Throw Catch در نهایت جاوا اسکریپت را امتحان کنید Try Throw Catch Finally JavaScript Code Example

تمرین های کدنویسی جاوا اسکریپت JavaScript Coding Exercises

  • کد منبع بخش و تمرین ها Section Source Code and exercises

  • کد منبع بخش و تمرین ها Section Source Code and exercises

  • پیام خوش آمدگویی پویا صفحه وب Web page dynamic welcome message

  • شمارنده صفحات وب Web Page Counters

  • شمارنده با عبارات تابع و اعلان تابع Counters with Function Expressions and Function Declarations

  • ایجاد و استایل سازی عنصر DOM جاوا اسکریپت با کد JavaScript DOM element Creation and Styling with code

  • نوار لغزنده صفحه DOM با عناصر تعاملی DOM page slider with interactive elements

  • جاوا اسکریپت ایمیل Extrator RegExp با روش مطابقت در مقادیر رشته JavaScript Email Extrator RegExp with match method on string values

  • بازی حدس زدن اعداد تصادفی ساده Simple Random Number Guessing Game

  • قفل بازی حدس زدن ترکیبی Lock Combo Guessing Game

  • افزودن افکت های محو شدن به عناصر صفحه جدید و موجود Adding Fade Effects to new and existing Page Elements

  • عناصر صفحه را با کد ایجاد کنید Create Page elements with Code

تمرین های کدنویسی جاوا اسکریپت JavaScript Coding Exercises

  • پیام خوش آمدگویی پویا صفحه وب Web page dynamic welcome message

  • شمارنده صفحات وب Web Page Counters

  • شمارنده با عبارات تابع و اعلان تابع Counters with Function Expressions and Function Declarations

  • ایجاد و استایل سازی عنصر DOM جاوا اسکریپت با کد JavaScript DOM element Creation and Styling with code

  • نوار لغزنده صفحه DOM با عناصر تعاملی DOM page slider with interactive elements

  • جاوا اسکریپت ایمیل Extrator RegExp با روش مطابقت در مقادیر رشته JavaScript Email Extrator RegExp with match method on string values

  • بازی حدس زدن اعداد تصادفی ساده Simple Random Number Guessing Game

  • قفل بازی حدس زدن ترکیبی Lock Combo Guessing Game

  • افزودن افکت های محو شدن به عناصر صفحه جدید و موجود Adding Fade Effects to new and existing Page Elements

  • عناصر صفحه را با کد ایجاد کنید Create Page elements with Code

نمونه کد نویسی مینی جاوا اسکریپت JavaScript Mini Coding Samples

  • واکشی داده با جاوا اسکریپت Fetching Data with JavaScript

  • یک لیست تعاملی با جاوا اسکریپت ایجاد کنید Create an Interactive List with JavaScript

  • جاوا اسکریپت برای ایجاد عناصر صفحه جدید JavaScript to create new page elements

  • داده های جاوا اسکریپت و JSON JavaScript and JSON data

  • نمونه های بسته شدن جاوا اسکریپت JavaScript Closure Examples

  • گالری تصاویر جاوا اسکریپت JavaScript Image Gallery

  • بسته شدن جاوا اسکریپت JavaScript Closure

  • استفاده از الگوهای واقعی Use of Template Literals

  • استفاده از توابع مرتبه بالاتر Use of Higher Order Functions

  • استفاده از ForEach Use of ForEach

نمونه کد نویسی مینی جاوا اسکریپت JavaScript Mini Coding Samples

  • راهنمای مثال های کدنویسی جاوا اسکریپت JavaScript Coding Examples Guide

  • راهنمای مثال های کدنویسی جاوا اسکریپت JavaScript Coding Examples Guide

  • جلوه محو شدن جاوا اسکریپت خالص Pure JavaScript Fade Effect

  • جلوه محو شدن جاوا اسکریپت خالص Pure JavaScript Fade Effect

  • واکشی داده با جاوا اسکریپت Fetching Data with JavaScript

  • جاوا اسکریپت شمارش حروف صدادار JavaScript Counting vowels

  • جاوا اسکریپت شمارش حروف صدادار JavaScript Counting vowels

  • بستن جاوا اسکریپت ساده Simple JavaScript Closure

  • بستن جاوا اسکریپت ساده Simple JavaScript Closure

  • ایجاد عناصر صفحه با جاوا اسکریپت Create Page Elements with JavaScript

  • ایجاد عناصر صفحه با جاوا اسکریپت Create Page Elements with JavaScript

  • یک لیست تعاملی با جاوا اسکریپت ایجاد کنید Create an Interactive List with JavaScript

  • جاوا اسکریپت برای ایجاد عناصر صفحه جدید JavaScript to create new page elements

  • داده های جاوا اسکریپت و JSON JavaScript and JSON data

  • نمونه های بسته شدن جاوا اسکریپت JavaScript Closure Examples

  • درخواست HTTP و واکشی درخواست HTTP request and fetch Request

  • درخواست HTTP و واکشی درخواست HTTP request and fetch Request

  • گالری تصاویر جاوا اسکریپت JavaScript Image Gallery

  • بسته شدن جاوا اسکریپت JavaScript Closure

  • افزودن عناصر صفحه با جاوا اسکریپت Adding Page elements with JavaScript

  • افزودن عناصر صفحه با جاوا اسکریپت Adding Page elements with JavaScript

  • استفاده از الگوهای واقعی Use of Template Literals

  • استفاده از Strict Use of Strict

  • استفاده از Strict Use of Strict

  • استفاده از توابع مرتبه بالاتر Use of Higher Order Functions

  • استفاده از ForEach Use of ForEach

  • استفاده از توابع پیکان Use of Arrow Functions

  • استفاده از توابع پیکان Use of Arrow Functions

  • متغیرهای Let و Const Let and Const Variables

  • متغیرهای Let و Const Let and Const Variables

  • جاوا اسکریپت تخریب اشیاء و آرایه JavaScript Destructing Objects and Array

  • جاوا اسکریپت تخریب اشیاء و آرایه JavaScript Destructing Objects and Array

نمایش نظرات

آموزش بازی های دوره پروژه های جاوا اسکریپت کامل 55 مدرن JS DOM
جزییات دوره
57.5 hours
734
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
8,556
4.8 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Laurence Svekis Laurence Svekis

پرفروش ترین مدرس دوره

نویسنده دوره طراحی وب و توسعه وب - آموزش حضوری و آنلاین به بیش از 1,000,000 دانش آموز در سطح جهان. کارشناس توسعه دهنده Google از سال 2020 GDE

من اینجا هستم تا به شما کمک کنم یاد بگیرید، به رویاهای خود برسید، امروز در این ماجراجویی شگفت انگیز به من بپیوندید
Google Developers Expert - GSuite

ارائه دوره های توسعه وب و دوره های استراتژی بازاریابی دیجیتال از سال 2002.

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

"من به هر چیزی که مربوط به فناوری دیجیتال باشد علاقه دارم، از برنامه نویسی و چالش ایجاد تجربیات دیجیتال موفق لذت می برم. به عنوان یک توسعه دهنده با تجربه، اولین برنامه های کامپیوتری خود را در سال 1990 و اولین وب سایت خود را در سال 1998 ایجاد کردم. از به اشتراک گذاری مطالب خود لذت می برم. دانش با دیگران است و می خواهم به شما کمک کنم در فرصت های فوق العاده ای که اینترنت فراهم می کند به اشتراک بگذارید."

"یادگیری، درک با اشتیاق قوی برای آموزش. اینترنت فرصت های جدیدی را برای گسترش و به اشتراک گذاری دانش در اختیار ما قرار داده است."

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

"دوره های آموزشی من برای کمک به شما در دستیابی به اهداف، یادگیری و به روز رسانی مهارت ها طراحی شده اند"

سابقه و هدف : یک توسعه دهنده باتجربه برنامه های کاربردی وب، که روی چندین برنامه در سطح سازمانی، صدها وب سایت، راه حل های تجاری و بسیاری از برنامه های کاربردی وب منحصر به فرد و نوآور کار کرده است. زمینه های تخصصی توسعه برنامه های کاربردی وب عبارتند از HTML، CSS، JavaScript، JQuery، Bootstrap، PHP و MySQL. هر چیزی که مربوط به ایجاد وب و تجربه دیجیتال باشد. علاقه‌مند به هر کاری که با توسعه برنامه‌های کاربردی وب، برنامه‌نویسی تا بازاریابی آنلاین با تمرکز قوی بر رسانه‌های اجتماعی و SEO .

" درک فناوری وسیله ای برای ارتباط بهتر با کاربران فراهم می کند. همچنین درهای زیادی را باز می کند. دانش کلید موفقیت است و من می خواهم به شما کمک کنم تا آنچه را که فناوری ارائه می دهد تجربه کنید. من به فن آوری های وب علاقه مند هستم و مشتاقانه منتظر به اشتراک گذاشتن دانش و تجربه خود با شما هستم!"