توضیح کد کارائوکه ی ایرانی

کد جالب این ویدیو قبل از این در کانال گذاشته شده. اگه سایت موزیک باهاش بسازین یه چیز تک و خاصی در میاد. چون در سایت های ایرانی هنوز استفاده نشده.

#code #javascript

الگوریتم تقویم ایرانی (هجری شمسی)

به تمام زبان های برنامه نویسی!
بله تعجب نکنید، کدهای قابل استفاده در تمام زبان های برنامه نویسی برای تبدیل تاریخ جلالی و برعکس از میلادی.

#code #php #javascript #csharp

برنامه ی حدس کلمات یا حل آمیرزا

#javascript #webdesign #code

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

برنامه ی نمونه:
بازی سنگ کاغذ قیچی

#javascript #webdesign #game

کد شبیه سازی خواب پو مربوط به ویدیو

شبیه سازی و کدی ساده

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

#javascript #code #game

تولید صدا با کدنویسی!

ایده ای برای ساخت صداهای ساده بدون بارگزاری فایل صوتی. مطلب می تواند از جنبه های مختلف مثل اخطار به کاربران برنامه تا تولید نت های موسیقی مفید باشد.

#javascript #code

نمایش قطع شدن اینترنت به کاربر

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

#javascript #webdesign #code

نرم افزارهای تک صفحه یا SPA
آری یا نه؟

فقط توجه داشته باش:
ساخت نرم افزارهای تک صفحه ای SEO Friendly کمی پیچیده و نیازمند دانش بالا است. چون تغییر صفحات سمت کاربر اتفاق می افتد نه با مراجعه به سرور و از چشم روبات های گوگل پنهان است!
بالطبع با این اوضاع مواردی مثل آمار بازدید از صفحات نیز باید با تکنیک خاصی جمع آوری شود.
فعال بودن  JavaScript  در  SPA  امری حیاتی است. در صورتی که کاربر JavaScript مرورگر خود را غیرفعال کند، نرم افزار شما دچار مشکل خواهد شد.

در مقایسه با نرم افزارهای سنتی، SPA دارای امنیت کمتری است. دلیل این موضوع  XSS  یا  Cross site scripting  است. در این حالت حمله کننده به جای کاربر می تواند کدی را تزریق کند. این موضوع به معنی امن نبودن نیست بلکه رعایت نکات امنیتی نیازمند دقت، تجربه و دانش بیشتری است. یعنی یک هکر ممکن است با مطالعه کدهای برنامه بتواند به صورت غیر مجاز ارتباط با بک اند بگیرد. در حالی که در نوع معمولی و غیر spa همه ی کدها سمت سِرور است.

کمبود حافظه در JavaScript گاهی حتی منجر به کندی سیستم های قدرتمند می شود. چون بخش زیادی از باری را که باید برای پردازش روی سِرور انجام شود، سمت کلاینت رخ می دهد و سیستم کاربر باید قوی باشد.

دکمه های Back و Forward مرورگر در این نرم افزارها فاقد استفاده شده یا ممکنه خوب کار نکنن.

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

ساخت برنامه ی چت به زبان ساده:
https://t.me/codinginaday/500

#skill

لینک به هر قسمت از صفحه ی جاری!

یعنی به محض کلیک برو به اون قسمت خاص از صفحه، حالا بالا، پایین یا وسط اسکرول میشین به اونجا.
کافیه یه تگ div با id مشخص مثلاً services داشته باشین:
<div id="services"> .. </div>

حالا کافیه یه کد مثلاً به صورت زیر برای ساختن لینک بسازین:
<a onclick=
"document.getElementById('services').scrollIntoView();">
اطلاعات بیشتر
</a>
تقریباً روی همه ی مرورگرها این کد جاوااسکریپتی جواب میده!

حالا اگه علامت ماوس رو هم بخواهین میتونین تغییر بدین:
<style>
a {
cursor: pointer;
}
</style>

#code #webdesign #javascript

آقای مسعود صدری
یکی از سرشناس ترین مدرسان جاوااسکریپت به صورت فول استک هستن و در این دوره شما رو با دو مفهوم CSR و SSR در جاوااسکریپت مدرن آشنا می کنن.
همینطور ساخت برنامه های قدرتمندی که مشکل SEO ندارند و با انتخاب شما در سمت کلاینت یا سِرور اجرا می شوند.
#javascript

https://youtu.be/FtEEE-gh4hs

برنامه‌ی سریع با کوپایلوت

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

#javascript #html

اَپلیکیشن مدیریت هزینه ها
امنیت مضاعف و سه زبانه!

   توقع خودم رو از اپلیکیشن تک صفحه (SPA) بالا بردم که بدون رفرش صفحه یعنی بدون Server  و اینجا حتا بدون دیتابیس امن قراره کار کنه! کنجکاوی هم نگذاشت دست از سر هوش مصنوعی بسیار قدرتمند چینی به نام Deep Seek بردارم.
بنابراین برنامه‌ی دفتر تلفن پیشرفته رو که خودش نوشته بود بهش دادم و در قالب یک برنامه ی جدید برای «ثبت هزینه‌های ماهانه» این تغییرات رو ازش خواستم:
- اپلیکیشن سه زبانه: فارسی، انگلیسی و چینی!
- رمز عبور Hash یا رمزنگاری شده تا از لوکال استوریج داخل مرورگر قابل مشاهده نباشه!
- لیست هزینه ها از گران به ارزان یا برعکس قابل سورت و مرتب سازی!
- جمع مبلغ خریدها محاسبه و در زیر جدول هزینه‌ها.

  بله حدود ۶۰۰ خط کد پیچیده رو در ۵ دقیقه نوشت گذاشت جلوم! در حالی که قبل از این برنامه‌ی ساده و ۵۰ خطی محاسبه‌ی شارژ ساختمان رو یک ساعت طول کشید با کلی دیباگ و سرچ بنویسم!

ابزارهای مرتبط:
تبدیل وب به EXE
تبدیل وب به APK

#javascript  #html 

تاس سه بُعدی فقط با CSS

با این برنامه‌ی بسیار جالب که فقط با اسکریپت CSS بسیار هنرمندانه‌ تاس های واقعی را شبیه سازی کرده می توان بدون صدا تخته نرد هم بازی کرد!
برای چرخش تاس ها و انیمیشن نرم اونها هم از جاوااسکریپت استفاده شده.
کدنویسی با هوش مصنوعی DeepSeek

#javascript #css #html