رمزگذاری روی HTML و Javascript

در این مورد یه ویدیو میذارم بعد از این پُست. کاربرد بسیار جالبی داره. البته نسخه های آنلاین رو هم میشه با سرچ عبارت html encrypt پیدا کرد.

#html #javascript #tools

قفل گذاری روی برنامه ها

این بحث جذاب رو بعد از توضیحات کامل و متفاوتی که برای یادگیری سریع برنامه سازی اینجا با هم داشتیم، ضروری دیدم. میدونم که خیلی خوشتون خواهد اومد به خصوص که مثل بیشتر مطالب و فایلها یا جزوه های این کانال، در هیچ جای دیگه مشابهش رو ندیده اید!

#html #javascript #tools #code

لوکال استوریج یا دیتابیس شخصی

این امکان جالب در مرورگرها کاری کرده که بدون اجرای هیچ سِروری و تنها با اجرای مستقیم HTML و Javascript بشه برنامه های جدی اطلاعاتی سمت کاربر نوشت. در این ویدیو به خوبی با مزایا و معایب Local storage این ابزار جالب که مثل خود جاوااسکریپت بدون نصب هیچ برنامه ی جانبی اجرا میشه آشنا خواهید شد.

#javascript #database #code

تنها مبدل خط تاجیکی به فارسی

قبل از این کد مبدل تاجیکی را برای شما ارسال کرده بودم. در این ویدیو نحوه ی کار با اون رو نشون میدم.

#code #javascript

لینکهای فراگیری Javascript

   علاوه بر اینکه در یک پُست هشتگ های کانال رو معرفی کرده ام، حالا لینکهایی از مطالب مربوط جاوااسکریپت رو هم براتون میذارم که دوره کنید:

- کار با Local storage دیتابیس داخلی
- مشکلات محاسباتی در جاوااسکریپت
- روش ساخت برنامه تست چند جوابی
- چهار فرآیند CRUD در جاوااسکریپت
- آموزش Typescript یا جاوااسکریپت۶
- یک برنامه ی محاسباتی جاوااسکریپت
- جزوه ی مدرن جاوااسکریپت فارسی
- قفل گذاری روی برنامه ی تحت وب
- جزوه ی نصب و آموزش Node.js
- روش ساخت اَپ تک صفحه در Vue.js
- روش ساخت تاس با ۵ خط کدنویسی

علاوه بر اینها روی هشتگ زیر بزنید:
#javascript

ساخت نرم افزار تک صفحه یا SPA

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

   در همین ارتباط در کانال مطالعه کنید:
- تغییر صفحات بدون رفرش سایت
- دوزبانه کردن صفحه ی سایت با ویو
- ساخت فرآیند CRUD به کمک Vue
- کد نمونه ی بُر زدن کارت های بازی
- نمایش روش کدنویسی تمیز با Vue

#spa #vue #javascript

افزودن هوش مصنوعی به
  بازی سنگ کاغذ قیچی

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

اینجا در ارتباط با بازی سازی باز داریم:
- ساخت تاس بازی با یک خط کدنویسی
- دوره ی ویدیویی فارسی آموزش Unity
- ساخت حرفه ای بازی با Construct 2
- آموزش ساخت بازی با Game maker
- ساخت ساز بلز با کمک App inventor
- کد بازی هیجان انگیز و فارسی بارچین

#javascript  #game  #vue

کد بازی  سنگ کاغذ قیچی

   که در ویدیویی در مورد تکنیک متفاوت هوش مصنوعی به کار رفته در آن صحبت شده است.
#javascript  #game   #vue

ساخت نرم افزار چَت

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

در همین ارتباط پُست های زیر را دوباره مشاهده کنید.

ساخت SPA:
https://t.me/codinginaday/480

ساخت آمار سایت:
https://t.me/codinginaday/411

#php #javascript #chat #code

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

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

#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