</homeCode>
244 subscribers
109 photos
26 videos
5 files
64 links
Download Telegram
این تجربه منه.
من موقعی که میخوام پروژه ریکتی ران کنم قبل اینکه بیام وی اس کد رو باز کنم اول میام یه ترمینال لینوکس باز میکنم اونجا پروژم رو ران میکنم
و بعد میام وی اس کد رو باز میکنم برای کد نویسی یعنی عملا نمیام داخل وی اس کد هم ترمینال رو باز کنم برای ران کردن هم کد نویسی کنم.
این روش برا من یه مزیتی داره اون هم اینکه اگه وی اس کد هنگ کرد و من مجبور شدم وی اس کد رو ببندم دیگه نیاز نیست که من دوباره بیام از اول پروژه رو ران کنم
و اما با این روش خیلی کم پیش میاد چون فشار نصف شده.
حالا مختص به ران کردن پروژه ریکت نیست هر پروژه یی که بخوایین میتونین با این روش ران کنید.
❤5
چی بگم والا
😁2
یه نکته بگم در خصوص فن بیان:
کتاب بخونید دایره لغاتتون رو افزایش بدین که اگه تو یه گفتگویی یا بحثی شرکت کردین کلمه یا لغت کم نیارین.
❤11👏1
This media is not supported in your browser
VIEW IN TELEGRAM
عوارض برنامه‌نویسی در سن پیری
😁5🥰1
یه خبر خوب برای پایتون کار ها.
قراره در ۹ اکتبر یعنی ۲ روز دیگه نسخه 3.15 پایتون منتشر بشه و قابلیت های جذابی قراره اضافه بشه .
برای دیدن قابلیت ها میتونید وارد این لینک مقاله بشید.
❤4
This media is not supported in your browser
VIEW IN TELEGRAM
❤7
Forwarded from Click University (abolfazl TooVinS)
انگار این ماه اکتبر ماهیه که همه دارن آپدیت میدن.

این nextjs هم اومد آپدیت داد اما آپدیت معمولی نداد که یه دو تا باگ ساده رو فیکس کنه.
تمرکز اصلی این آپدیت روی سرعت توسعه، کاهش حجم، React 19.3 و ابزارهای AI Agent هستش.
برای اطلاعات بیشتر روی این متن کلیک کنید.

@ClickUniversity
❤1
همونطوری که میدونید و احتمالا هم خبر داشته باشید
فایرفاکس یه وی پی ان اضافه کرده داخل مرورگرش که ۵۰ گیگ ترافیک میده در صورتیکه وارد اکانت موزیلا خودت شده باشی.
به نظرم باید ازین کارش تقدیر کردو و استفاده کرد.
روی نت همراه اول خوب جواب میده.
❤5
فک کنم قبلا هم اشاره کردم یا نکردم دقیقا یادم نمونده.
خوب اشکال نداره دوباره میگم.
فرض کنید که داخل یه شرکت استخدام شدید و شمارو پای پروژه میزاره و توهم هیچی نمیدونی ازین کد ها تا زمانی که بخونیش.
خوب ایا مثل کتاب میخونی از بالا به پایین یا با قواعد میری جلو؟
فکرشو بکن پروژه با ابعاد بزرگ نه کوچیک اون هم بزرگ میخوای چکار کنی٬از بالا به پایین خوندن کد اون هم میان چند ده تا فایل!؟
اینجاست که این مقاله به عنوان منجی ظاهر میشه برات٬ حتما این مقاله رو بخونید مقاله با عنوان چطور کد بخونیم هست.
پیشنهاد من لینک مقاله رو به AI بدید و ازش بخوایید که عمیق و با مثال توضیح بده اگه زبانتون خوب نیست.

@h0meCode
❤7
گاهی خطرناک‌ترین راه برای دورزدن یک قفل، شکستن قفل نیست؛ راضی‌کردن صاحب کلید است.

@h0meCode
❤4🤔1
❤10💯4
Forwarded from Click University (abolfazl TooVinS)
چرا بهترین برنامه نویس ها دارن کوچ میکنن به سمت لینوکس؟

ببین در ظاهر شاید این سوال ساده باشه و سریع جواب بدی و بگی : اره چون سبکه و مصرف رم کمتری داره بهتره و ازین جواب های کلیشه‌یی.
اما موضوع عمیق تر از اون چیزی هست که فکر میکنی، پیشنهاد من اینکه این ویدیو یوتیوب رو ببین تا دید عمیق تری داشته باشی نسبت به این موضوع و بفهمی که چرا بهترین برنامه‌نویس ها میرن سمت لینوکس.

@ClickUniversity
❤3
بقول یه دوستی:
بازار عاشق یک چیزه
عاشق حرفه ای هاست

@h0meCode
👏6👍2
🚨 فقط با تغییر یک عدد، ممکنه اطلاعات دیگران رو ببینی!

تصور کن وارد حساب کاربریت شدی و آدرس پروفایلت اینه:
example.com/api/users/101
حالا فقط عدد 101 رو به 102 تغییر می‌دی…
و ناگهان اطلاعات یک کاربر دیگه برات نمایش داده می‌شه!
به این آسیب‌پذیری می‌گن IDOR.

🔍 این IDOR چیه؟
مخفف Insecure Direct Object Reference هست؛ یعنی برنامه به کاربر اجازه می‌ده با تغییر شناسهٔ یک منبع، به اطلاعاتی دسترسی پیدا کنه که مجوز دیدنش رو نداره.
مثلاً ممکنه یک سایت برای هر کاربر شناسه‌ای داشته باشه:
👤 کاربر 101 ← اطلاعات حساب خودش
👤 کاربر 102 ← اطلاعات حساب شخص دیگه
مشکل زمانی اتفاق می‌افته که سرور فقط بررسی کنه کاربر وارد حساب شده یا نه، اما بررسی نکنه که آیا اجازهٔ دسترسی به اطلاعات موردنظر رو هم داره یا نه!

🧪 یک مثال ساده برای برنامه‌نویس‌ها
فرض کن این API رو داری:
GET /api/users/101
کد ناامن ممکنه تقریباً این شکلی باشه:

app.get("/api/users/:id", async (req, res) => {
const user = await userRepository.findOneBy({
id: Number(req.params.id),
});

res.json(user);
});


این کد کاربر رو پیدا می‌کنه، اما به‌تنهایی بررسی نمی‌کنه که درخواست‌کننده اجازهٔ مشاهدهٔ اطلاعات اون کاربر رو داره یا نه.
🛡 چطور جلوش رو بگیریم؟
✅ هویت کاربر رو از سیستم احراز هویت معتبر بگیر.
✅ قبل از نمایش اطلاعات، مجوز دسترسی به همون منبع رو بررسی کن.
✅ برای اطلاعات خصوصی، صرفاً به مخفی بودن شناسه‌ها اعتماد نکن؛ شناسهٔ تصادفی هم جای کنترل دسترسی رو نمی‌گیره.
✅ برای هر درخواست، دسترسی رو در سمت سرور اعتبارسنجی کن.

نکتهٔ مهم: ورود موفق به سایت به معنی اجازهٔ دسترسی به اطلاعات همهٔ کاربران نیست!

@h0meCode
❤6👍2
Forwarded from 𝐶𝑜𝑑𝑒 𝐶𝑎𝑡 (Mina Barati)
وقتی بینهایت تب باز کردی توی VS Code و نمیتونی همه رو دونه دونه ببندی
Ctrl + k

و بلافاصله W رو بزن.
سورپرایز میشی \;

#تکنیک
🐾 @CodeCat_Dev
❤4
یه سایت پیدا کردم هلو.
برای کسایی که میخوان گیت خودشون رو تقویت کنن.

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

Link

@h0meCode
❤6😁1
کار با CSS در جاوااسکریپت قراره ساده‌تر بشه!

🧑‍💻 خوب حالا این CSS Typed OM چیه؟

وقتی با JavaScript استایل یک عنصر رو می‌خونیم، معمولاً مقادیر CSS رو به‌صورت رشته دریافت می‌کنیم؛ مثلاً 100px. برای انجام محاسبات روی این مقدار، باید رشته رو پردازش کنیم و واحدش رو جدا کنیم.

اما CSS Typed OM این امکان رو فراهم می‌کنه که مقادیر CSS رو به‌صورت آبجکت‌های جاوااسکریپت با نوع مشخص مدیریت کنیم! خلاصه بگم واحد css و مقدار عددی رو از هم جدا میکنه.
📌 یک مثال ساده:
در روش معمول:

const styles = getComputedStyle(element);

console.log(styles.width);
// "100px"


با CSS Typed OM:

const width = element.computedStyleMap().get("width");

console.log(width.value); // 100
console.log(width.unit); // "px"


حالا می‌تونیم مقدار عددی و واحد CSS رو جداگانه دریافت کنیم و راحت‌تر باهاشون کار کنیم.
✨ خبر جذاب‌تر چیه؟
توسعه‌دهنده‌ای به نام Bramus یک Polyfill با نام css-typed-om منتشر کرده که تلاش می‌کنه این API رو در مرورگرهایی که پشتیبانی بومی مناسبی ندارن، در دسترس قرار بده.
📦 نصب با npm:

npm install css-typed-om


و استفاده در پروژه:

import "css-typed-om";


🎯 این CSS Typed OM کجا کاربرد داره؟
▫️ ساخت کتابخانه‌های انیمیشن
▫️ محاسبات پیچیده روی مقادیر CSS
▫️ کار با واحدهای مختلف CSS
▫️ توسعه ابزارهای پیشرفته فرانت‌اند

پ.ن: پشتیبانی مرورگرها یکسان نیست و Polyfill هم نمی‌تونه تمام قابلیت‌های پشتیبانی‌نشده موتور CSS رو اضافه کنه.

@h0meCode
❤4
الان تلگرام بهم ی زیر ساختی داده برای لانچ کردن ربات دیکه خداحافظی با هاست.

ربات باید با جاوااسکریپت ساخته بشه😂

@h0meCode
❤6