ورژن نهایی مقاله کوکی‌ها با عنوان :
هر چیزی که باید در مورد کوکی‌های وب
بدانید.
---
آدرس کانال تلگرام :
https://news.1rj.ru/str/alithecodeguy
---
#cookie @alithecodeguy @codewithali

توی رای گیری بالا ، چه رقابت سنگینی بین OAuth و جاوااسکریپت هست 😁

بریم برای OAuth

مقالات OAuth رو از امروز از روی این کتاب OAuth 2.0 simplified دارم ترجمه میکنم. البته آهسته و سر حوصله. هیچ عجله‌ای نیست.
در صورت تمایل میتونید contribute کنید برای بخش‌های باقی مانده. یا اصلاح بخش‌های موجود.
لینک گیت هاب :
https://github.com/alithecodeguy/articles/tree/main/OAuth/OAuth%202.0%20Simplified

#OAuth

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

Node v18 has integrated watch mode , so no need for nodemon
node --watch file.js
#node #nodejs

توی حوزه فناوری و برنامه نویسی ( و احتمالا توی باقی جنبه‌های زندگی ) ، انجام دادن یه فعالیت خاص مخصوصا یه فعالیت اپن سورس مثل ساخت کشتی نوح میمونه. یه عده مسخره میکنن ، یه عده ناامیدت میکنن ، یه عده سنگ اندازی میکنن. ولی وقتی ساخته شد همه میخوان بیان.
خودم یه شعار دارم که بهترین راه برای انجام یه کار ، انجام دادنشه. منتظر نشید شرایط خاصی پیش بیاد. یه گوشه کار رو بگیرید پیش برید و هر روز ادامه بدید ، هر چند کم. همونایی که ناامیدتون میکنن یه روزی میان کمکتون.

بسسه دیگه... بابا ۲ دقیقه امون بدید همون قبلی رو بخونیم 😖

اگر با جاوا اسکریپت مستقیما میخواید DOM رو تغییر بدید به جای innerHtml از createTextNode استفاده کنید که کاراکترها escape بشه

const newtext = document.createTextNode(text);
const p1 = document.getElementById("p1");
p1.appendChild(newtext);

#tip #html #javanoscript

خبر خوب برای دوستان ریکتی:
ریکت برای داکیومنتاش داره یه سایت مستقل میزنه که همه چیش با هوک توضیح داده شده و از تصاویر هم برای توضیح مفاهیمش زیاد استفاده کرده. البته هنوز کامل نیست ولی به گفته خودشون ۹۵ درصد کامل شده.
آدرس :
https://beta.reactjs.org/

#tip #react

این مثالو از سایت NextJs برداشتم. ریکت رو توی یک فایل خیلی ساده html توضیح داده. پیشنهاد میکنم حتما یه نگاه کنید.
البته برای اجراش احتمالا vpn میخواید.
دمشون گرم
👌
#tip #react #sample

اگر NextJs کار میکنید به قسمت Learning و Docs سایتش یه سر بزنید. خیلی تغییر کرده و بهتر شده.

آموزش workerها در HTML
اگه خوشتون اومد لایک و کامنت توی یوتیوب فراموش نشه ❤️
https://www.youtube.com/watch?v=DSR3XZ8AOZI
#html #worker

نکته NextJsای :

تا قبل از ورژن ۱۲.۲ حتما داخل <Link> باید <a> میذاشتید ولی از ۱۲.۲ به بعد نیازی نیست.

#nextjs #tip

نکته NextJsای :

قابلیت prefetch توی Nextjs به این شکل هست که به صورت پیش فرض هر Link که توی viewport دیده بشه توی پس زمینه لود میشه تا وقتی کاربر کلیک کرد سریعتر لود بشه. حالا این Linkها یا از اول میتونن توی viewport باشن یا با اسکرول کاربر توی viewport قرار بگیرن.
با prefetch={false} میتونید disable کنید این خاصیت رو ولی حواستون باشه کامل disable نمیشه بلکه دیگه به صورت خودکار preload نمیشه و فقط با hover کاربر روی لینک‌ها preload میشه.
این قابلیت فقط در حالت production کار میکنه.

#tip #nextjs

موقع کار با live server توی vscode و postcssهایی مثل Tailwind گزینه full reload از تنظیمات live server رو فعال کنید تا به گیر و گورهای احتمالی برنخورید.
#vscode #tip #tailwind

اگه از طولانی بودن classNameهای تیلویند شاکی هستید ، این افزونه رو نصب کنید همه رو جمع میکنه یک سه نقطه میذاره جاش که وقتی روش کلیک کنید باز میشه.
دیگه هی غر نزنید کلاس‌های تیلویند طولانیه موقع کد زدن اذیت میکنه 😖
#tip #tailwind #vscode

لطفا کانال‌های تلگرامی برنامه نویسی خوب مشابه این کانال رو توی کامنت معرفی کنید.
(چه نوشابه‌ای برای خودمون باز کردم😎)

در راستای پست این خانوم
https://www.linkedin.com/posts/gergelyorosz_booking-hiring-sanctions-activity-6985915335384178688-sswU?utm_source=share&utm_medium=member_desktop

آقا جدا از شوخی ، خبر از قطعی کامل اینترنت میدن. بعدش قراره چه کنیم؟