JSKernel – Telegram
JSKernel
146 subscribers
48 photos
23 videos
9 files
65 links
اینجا باهم دنیای برنامه‌نویسی و توسعه وب رو کشف می‌کنیم.

Group :
https://news.1rj.ru/str/JSKernelGap
Download Telegram
dev.to رو باز میکنی همه دارن مدلای LLM و مقایسه میکنن

جمع کنید بابا
😁1
اگه تازه با React آشنا شدی و می‌خوای اولین پروژه‌تو بسازی، این مقاله چیزه خوبیه:
https://dev.to/abdul_fadiga_1f402d165920/build-your-first-portfolio-with-react-a-beginners-ultimate-guide-490f

از اینکه چرا React برای ساخت سایت‌ خوبه، تا ساختار پروژه و ساخت کامپوننت‌ و توضیح داده، صفر تا دیپلوی.

📌 کسایی که می‌خوان اولین پرتفولیو شخصی با React رو بسازن.
#react #devto

@JSKernel
Radix UI یه مجموعه کامپوننت آماده برای React .

اما با یه تفاوت مهم:
کامپوننت‌هاش فقط ساختاری هستن، نه ظاهری!

یعنی چی؟
یعنی Radix بهت منوی آماده، مودال، تب، اسلایدر و کلی کوفت و زهرمار میده، ولی بدون استایل.
میتونی استایل دلخواه خودتو بهش بدی با Tailwind، CSS یا هرچی دوست داری.


تفاوتش هم با کتابخونه‌هایی مثل Chakra ui همینه که Radix ui فقط منطق و ساختار داره و ظاهرش دیگه با خودته.
#radix #radix_ui

@JSKernel
🔥1
‏XSS یا همون Cross-Site Scripting یه حمله سمت کلاینت تو دنیای فرانت‌اند.

اینجوریه که یه آدم مریض یه کد مخرب (معمولاً جاوااسکریپت) رو وارد برنامه می‌کنه، و کد روی مرورگر بقیه کاربرا اجرا میشه!

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

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

حالا چطور این باگ و دفع کنید اینجا بخونید:
https://developer.mozilla.org/en-US/docs/Web/Security/Attacks/XSS

#xss

@JSKernel
سخت ترین قسمت پروژه باور کن همینه.
#fun
@JSKernel
😁3
‏Temporal یه پلتفرم برای مدیریت Workflow های پیچیده‌. یعنی کارهایی که باید به‌ترتیب، زمان‌بندی‌شده یا با اطمینان بالا اجرا بشن.

با ابزارهای Automation اشتباه نگیرینش چون کارش کلا متفاوته.

مثلا پرداخت چندمرحله‌ای، ارسال ایمیل بعد خرید، تایید هویت چندمرحله‌ای و چیزایی مثل این.

درواقع یه ابزار Orchestration هست که چندتا کار وابسه و حساس رو با ترتیب انجام میده.
github
#temporal

@JSKernel
این this هم شده یه دنگ و فنگ برا اونایی که تازه میان سمت JS .

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

انشالله فرصت شد یه ویدئو براش درست میکنم.
#this

@JSKernel
❤‍🔥2
مدل درآمد Tabler هم باحاله.

کلا یه قالب داشبورد داره بعد باید اونو بخری و خودت حالا کاستومش کنی.
خب کسی که نخواد پول بده چی؟ میاد از روی داکیومنتش با کامپوننتاش یه داشبورد میسازه؟ نه میره با همون Tailwind این کارو میکنه.

عملا میخوان مجبور باشی بخریش.
#tabler

@JSKernel
اون نکاتی که از JS نوشتم همش از اینجا اومده. گفتم که فکر نکنید با ai نوشتم.

کلا چیزایی که یادمیگیرم و به صورت داکیومنت توی obsidian برا خودم می‌نویسم
👍1
ایده بدین برای چالش، که تو چنل بزارم و هر کی حلش کرد یه جایزه بهش بدیم.

اینکه چالش چی باشه و شرایطش چطور باشه نظر بدین.
👍1
ساعت 6 یه چالش داریم.
یه کد اماده رو میفرستم، کد از لحاظ عملکرد درست کار میکنه ولی یه جاهایی نیاز داره ساختار کد تغییر کنه و چیز بهتری جایگزینش بشه.

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

میتونید از ai کمک بگیرید ولی خروجی ai و مستقیم توی کد قرار ندین، اینقدری تجربه دارم که متوجه این موضوع بشم.
ارسال کد :
@AlirezXD
#challenge

@JSKernel
🔥4
JSKernel
Challenge.zip
عجله ای zip کردم یکم مسیرش شلم شوربا شد دیگه ببخشید😂😂
😁1
JSKernel
Challenge.zip
تا ساعت 7 اگه کسی جواب و نفرسته خودم قرارش میدم
JSKernel
Challenge.zip
کد بلاک اخر اینطور باشه درسته:

document.addEventListener("keydown", function (event) {
if (event.key === "Escape" && !modal.classList.contains("hidden")) {
closeModal();
}
});
🌌Cosmic UI یه کتابخونه‌ی رابط کاربری برای React که کلی کامپوننت آماده و شیک داره.

ظاهرش علمی تخیلی مثل کنترل پنل فضاییه، تمرکزش روی اینه که کامپوننت‌های آماده با ظاهر مینیمال و تمیز بهت بده.

• کامپوننت‌ها با انیمیشن و جلوه‌های هولوگرافیک
• پشتیبانی از Vite، TS، ESLint، Vercel
• آیکون‌ها و شکل‌هاش چون SVG هستن، خیلی راحت سفارشی میشن

#CosmicUI #cosmic #cosmic_ui

@JSKernel
🌐 تفاوت http با https چیه؟
#http #https

@JSKernel
🔥1
مدیر عامل ایرانسل گفته یا اینترنت 70 درصد گرون میشه یا روزانه با 3 ساعت قطع اینترنت فشاریتون میکنم.

@JSKernel
میدونین چرا برنامه نویسا از قهوه خوششون میاد؟


چون همیشه روی dark mode هستش😁
#fun

@JSKernel
😁4
یه cheat sheet مون نشه؟
#javanoscript #js #cheat_sheet

@JSKernel
👌1