اگه تازه با React آشنا شدی و میخوای اولین پروژهتو بسازی، این مقاله چیزه خوبیه:
https://dev.to/abdul_fadiga_1f402d165920/build-your-first-portfolio-with-react-a-beginners-ultimate-guide-490f
از اینکه چرا React برای ساخت سایت خوبه، تا ساختار پروژه و ساخت کامپوننت و توضیح داده، صفر تا دیپلوی.
📌 کسایی که میخوان اولین پرتفولیو شخصی با React رو بسازن.
#react #devto
https://dev.to/abdul_fadiga_1f402d165920/build-your-first-portfolio-with-react-a-beginners-ultimate-guide-490f
از اینکه چرا React برای ساخت سایت خوبه، تا ساختار پروژه و ساخت کامپوننت و توضیح داده، صفر تا دیپلوی.
📌 کسایی که میخوان اولین پرتفولیو شخصی با React رو بسازن.
#react #devto
@JSKernel
YouTube
اجرای آزاد و بی دردسر و رایگان مدلهای زبانی روی گوشیهای اندروید و اپل
مدلهای زبانی بزرگ باحال هستن و کلی جا استفاده شون میکنیم. اما استفاده زیاد ازشون هزینه مالی داره و هر استفادهای هم نیازمند اتصال به اینترنت است. یکی از روشهای مرسوم برای حل این مساله استفاده از این مدلها به شکل آفلاین است، یعنی دانلود یک مدل آزاد و استفاده…
https://www.youtube.com/watch?v=Euf_G4-duDs&t=201s
جادی اومده یه ریپو رو معرفی کرده که کارش اجرا کردن مدلای SLM روی موبایله.
جدا از حرکت جالب این پروژه، اینکه چطور داره کار میکنه خیلی باحاله.
جادی اومده یه ریپو رو معرفی کرده که کارش اجرا کردن مدلای SLM روی موبایله.
جدا از حرکت جالب این پروژه، اینکه چطور داره کار میکنه خیلی باحاله.
Radix UI یه مجموعه کامپوننت آماده برای React .
اما با یه تفاوت مهم:
کامپوننتهاش فقط ساختاری هستن، نه ظاهری!
تفاوتش هم با کتابخونههایی مثل Chakra ui همینه که Radix ui فقط منطق و ساختار داره و ظاهرش دیگه با خودته.
#radix #radix_ui
اما با یه تفاوت مهم:
کامپوننتهاش فقط ساختاری هستن، نه ظاهری!
یعنی چی؟
یعنی Radix بهت منوی آماده، مودال، تب، اسلایدر و کلی کوفت و زهرمار میده، ولی بدون استایل.
میتونی استایل دلخواه خودتو بهش بدی با Tailwind، CSS یا هرچی دوست داری.
تفاوتش هم با کتابخونههایی مثل Chakra ui همینه که Radix ui فقط منطق و ساختار داره و ظاهرش دیگه با خودته.
#radix #radix_ui
@JSKernel
🔥1
XSS یا همون Cross-Site Scripting یه حمله سمت کلاینت تو دنیای فرانتاند.
اینجوریه که یه آدم مریض یه کد مخرب (معمولاً جاوااسکریپت) رو وارد برنامه میکنه، و کد روی مرورگر بقیه کاربرا اجرا میشه!
معمولا از طریق فرمها، سرج، چت و هرجایی که کاربر میتونه جیزی بنویسه، وارد میشه.
کاربردش هم استفاده تبلیغاتی بیشتر داره مثلا باز شدن پاپآپ و ریدایرکت به یه URL دیگه. کلا مرورگر فک میکنه از سمت سایت خودته پس اجراش میکنه.
حالا چطور این باگ و دفع کنید اینجا بخونید:
https://developer.mozilla.org/en-US/docs/Web/Security/Attacks/XSS
#xss
اینجوریه که یه آدم مریض یه کد مخرب (معمولاً جاوااسکریپت) رو وارد برنامه میکنه، و کد روی مرورگر بقیه کاربرا اجرا میشه!
معمولا از طریق فرمها، سرج، چت و هرجایی که کاربر میتونه جیزی بنویسه، وارد میشه.
کاربردش هم استفاده تبلیغاتی بیشتر داره مثلا باز شدن پاپآپ و ریدایرکت به یه URL دیگه. کلا مرورگر فک میکنه از سمت سایت خودته پس اجراش میکنه.
مثلا تو React، چون JSX بهصورت پیشفرض جلوی اجرای مستقیم HTML رو میگیره، تا حد زیادی امنیتت بیشتره.
اما فرض بگیریم طرف نوبه و اومده از dangerouslySetInnerHTML استفاده کرده (که اسمش هم مشخصه خطرناکه)، عملاً در رو برای XSS باز کردی.
حالا چطور این باگ و دفع کنید اینجا بخونید:
https://developer.mozilla.org/en-US/docs/Web/Security/Attacks/XSS
#xss
@JSKernel
Temporal یه پلتفرم برای مدیریت Workflow های پیچیده. یعنی کارهایی که باید بهترتیب، زمانبندیشده یا با اطمینان بالا اجرا بشن.
درواقع یه ابزار Orchestration هست که چندتا کار وابسه و حساس رو با ترتیب انجام میده.
github
#temporal
با ابزارهای Automation اشتباه نگیرینش چون کارش کلا متفاوته.
مثلا پرداخت چندمرحلهای، ارسال ایمیل بعد خرید، تایید هویت چندمرحلهای و چیزایی مثل این.
درواقع یه ابزار Orchestration هست که چندتا کار وابسه و حساس رو با ترتیب انجام میده.
github
#temporal
@JSKernel
ایده بدین برای چالش، که تو چنل بزارم و هر کی حلش کرد یه جایزه بهش بدیم.
اینکه چالش چی باشه و شرایطش چطور باشه نظر بدین.
اینکه چالش چی باشه و شرایطش چطور باشه نظر بدین.
👍1
ساعت 6 یه چالش داریم.
یه کد اماده رو میفرستم، کد از لحاظ عملکرد درست کار میکنه ولی یه جاهایی نیاز داره ساختار کد تغییر کنه و چیز بهتری جایگزینش بشه.
شما باید اون ایراد و رفع کنید و خروجی رو توی پیوی برام بفرستین.
هر کی زود تر جواب و بفرسته جایزه به اون داده میشه.
میتونید از ai کمک بگیرید ولی خروجی ai و مستقیم توی کد قرار ندین، اینقدری تجربه دارم که متوجه این موضوع بشم.
ارسال کد :
@AlirezXD
#challenge
یه کد اماده رو میفرستم، کد از لحاظ عملکرد درست کار میکنه ولی یه جاهایی نیاز داره ساختار کد تغییر کنه و چیز بهتری جایگزینش بشه.
شما باید اون ایراد و رفع کنید و خروجی رو توی پیوی برام بفرستین.
هر کی زود تر جواب و بفرسته جایزه به اون داده میشه.
میتونید از ai کمک بگیرید ولی خروجی ai و مستقیم توی کد قرار ندین، اینقدری تجربه دارم که متوجه این موضوع بشم.
ارسال کد :
@AlirezXD
#challenge
@JSKernel
🔥4
JSKernel
Challenge.zip
کد بلاک اخر اینطور باشه درسته:
document.addEventListener("keydown", function (event) {
if (event.key === "Escape" && !modal.classList.contains("hidden")) {
closeModal();
}
});🌌 Cosmic UI یه کتابخونهی رابط کاربری برای React که کلی کامپوننت آماده و شیک داره.
ظاهرش علمی تخیلی مثل کنترل پنل فضاییه، تمرکزش روی اینه که کامپوننتهای آماده با ظاهر مینیمال و تمیز بهت بده.
#CosmicUI #cosmic #cosmic_ui
ظاهرش علمی تخیلی مثل کنترل پنل فضاییه، تمرکزش روی اینه که کامپوننتهای آماده با ظاهر مینیمال و تمیز بهت بده.
• کامپوننتها با انیمیشن و جلوههای هولوگرافیک
• پشتیبانی از Vite، TS، ESLint، Vercel
• آیکونها و شکلهاش چون SVG هستن، خیلی راحت سفارشی میشن
#CosmicUI #cosmic #cosmic_ui
@JSKernel