گوگل به کد ادیتور جدید به اسم Antigravity داده
یه vscode با کمک Gemini 3 Pro

یه جوریه انگار نسخه‌ی preview باشه
https://antigravity.google/

* رو لینوکس که 403 می‌گرفتم و به سختی نصبش کردم.

@DevTwitter | <Milad Niroee/>

فک کنم سخت ترین کار دانلود اینه

گوگل خیلی گیره
ولی به وی پی ان ریجن امریکا تاحالا ندیدم گیر بده
شکن هم که یه ریال نمی ارزه دیگه
بزور دارم دانلودش میکنم

امیدوارم برا استفاده فیلترشکن نخواد😂

همه دیزاین پترن‌ها به فارسی

توی مصاحبه‌های شغلی یا کد نویسی تمیز، یادگیری Design Pattern‌ ها می‌تونه کمکت کنه.

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

شروع مطالعه:
https://alireza-haeri.github.io/Persian-Design-Patterns/

اگر مفید بود، با یه Star ازش حمایت کن:
https://github.com/alireza-haeri/Persian-Design-Patterns

@DevTwitter | <AliReza Haeri/>

خب باشه حالا چیکار کنیم T شکل بشه؟ (شبیه مشاور درسیاس این مسیج انگار داره میگه اگه اینقد بخونی اینجا قبولی خب خسته نباشی خودمم اینو میدونم)

یچیز جالب دوستان همون‌طور که Vue متا فریمورک Nuxt رو داره و React متا فریمورک Next رو Angular هم متا فریمورک Analog رو داره
https://analogjs.org/

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

زیبایی ریاضیات بی حد و اندازس خصوصا وقتی که توی کامپیوتر استفاده بشه

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

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

نت ایرانسل یجوری افتضاحه دومی نداره

elysiajs.com
این خیلی خفن بود
سرعتش فوق العادس
بعد اگه با Qwik هم بزنیم فرانتو
خدا میشه

🚀 نسل جدید ساخت اپلیکیشن‌ها: Tauri


اگه تا حالا با Electron کار کردی، احتمالاً می‌دونی ساخت اپ دسکتاپ با HTML، CSS و JS چقدر راحت و جذابه.

اما یه مشکل همیشگی هست:

📦 اپ‌ها خیلی سنگین می‌شن، رم زیاد مصرف می‌کنن و گاهی کند عمل می‌کنن 😕
اینجاست که Tauri وارد می‌شه ✨
یه فریم‌ورک مدرن، سریع و فوق‌العاده سبک برای ساخت اپلیکیشن‌های دسکتاپ که از قدرت Rust برای قسمت بک‌اند و از تکنولوژی‌های وب برای رابط کاربری استفاده می‌کنه!

🔹 چرا Tauri محبوب شده؟

✅ حجم خروجی اپ‌ها معمولاً زیر ۱۰ مگابایته 😍
✅ سرعت و عملکرد عالی (چون Rust پشتشه 🦀)
✅ مصرف رم و CPU خیلی کمتر از Electron
✅ پشتیبانی از React، Vue، Svelte، Solid، و حتی Vanilla JS
✅ امنیت بالا و امکان دسترسی محدود و کنترل‌شده به سیستم
✅ خروجی برای ویندوز، مک و لینوکس


📊 در عمل یعنی چی؟
یعنی با همون مهارت‌های وب‌ت می‌تونی یه اپ واقعی دسکتاپ بسازی که سبک، امن و زیباست.
دیگه لازم نیست برای ساخت اپ سنگین و پرحجم، سراغ Electron بری

Channel | Group | YouTube

مسدود کردن dev-tool
اگر امکانش رو دارید به این سایت [+لینک] بروید و با هر روشی dev-tools رو باز کنید

پکیجی برای غیرفعال‌سازی ابزارهای توسعه‌دهنده‌ی وب از طریق دکمه‌ی F12، کلیک راست و منوی مرورگر



🔗https://theajack.github.io/disable-devtool/
#️⃣#npm_module
👥@IR_javanoscript_group
🆔@IR_javanoscript

رزومه خواستین بسازین، این سایته خیلی امکانات خوبی در اختیارتون می‌ذاره اوپن سورس و رایگان هم هست (روی سرور خودتون هم می‌تونید بالا بیاریدش)

rxresu.me

@Linuxor

دوره ux برای وب حدود 2 ساعته انگلیسی عه

یه نصیحت بکنم تو پروژه با مقیاس بزرگ هیچوقت فرانت و بک رو با هم پیش نبرید اگه قراره جفتشو خودتون بزنین

یبار اینکارو کردم بعد ۳ ۴ ماه به خودم اومدم دیدم نمیدونم دارم چه غلطی میکنم😂

یجوری میپرسن تو گروها n8n کسی کار میکنه ادم حس میکنه زبان برنامه نویسیه

👏 رویکردی نوین برای کار با تم‌ها در CSS با استفاده از ‎@property‎

پیش‌تر توسعه‌دهندگان ناچار بودند با جاوااسکریپت و استایل‌ها مستقیماً در کد سروکله بزنند. اما اکنون مرورگرها از ‎@property‎ پشتیبانی می‌کنند؛ قابلیتی که امکان ساخت متغیرهای CSS با نوع مشخص، مقدار پیش‌فرض و حتی انیمیشن را فراهم می‌کند.

📝 نمونه‌های پیاده‌سازی:

/* @property چیست؟ */
@property --theme-hue {
  syntax: "<number>";
  inherits: true;
  initial-value: 120;
}

/* تم‌دهی بدون JavaScript */
@property --bg {
  syntax: "<color>";
  inherits: true;
  initial-value: #fff;
}

:root {
  --bg: #fff;
  --text: #000;
}

[data-theme="dark"] {
  --bg: #000;
  --text: #fff;
}

body {
  background: var(--bg);
  color: var(--text);
  transition: background .3s, color .3s;
}

/* متغیرهای قابل انیمیشن */
@property --hue {
  syntax: "<number>";
  inherits: true;
  initial-value: 200;
}

body {
  background: hsl(var(--hue) 80% 50%);
  transition: --hue 0.4s ease;
}

body.dark {
  --hue: 320;
}

/* تم‌دهی پویا بدون بازنویسی CSS
با @property می‌توان به‌راحتی مجموعه‌ای از متغیرها را برای تغییر پویای تم‌ها مدیریت کرد */
@property --radius {
  syntax: "<length>";
  initial-value: 4px;
}

.card {
  border-radius: var(--radius);
}

/* اکنون می‌توان میزان گردی گوشه‌ها را در لحظه و با کلاس‌های ساده تغییر داد */
:root.compact {
  --radius: 2px;
}

:root.rounded {
  --radius: 12px;
}

❗️ ‎@property چیست؟

‎CSS @property‎ روشی است برای تعریف متغیرهای CSS به‌عنوان یک ویژگی کامل. این قابلیت امکان تعیین نوع مشخص، مقدار پیش‌فرض و حتی اعمال انیمیشن را فراهم می‌کند. با این رویکرد، متغیر نه‌تنها تایپ‌دار می‌شود، بلکه به‌درستی به ارث می‌رسد، بخشی از منطق انیمیشن‌پذیر می‌شود و در صورت دریافت مقادیر نادرست دچار اختلال نخواهد شد.

— تم‌دهی بدون JavaScript: با استفاده از ‎@property‎ می‌توان تم‌ها را بدون استفاده از جاوااسکریپت تغییر داد. کافی است از ویژگی ‎data-theme="dark"‎ در تگ ‎html‎ استفاده شود تا همه‌چیز به‌صورت نیتیو انیمیت شود.

— متغیرهای قابل انیمیشن: پیش از این، متغیرهای CSS از انیمیشن پشتیبانی نمی‌کردند، اما با ‎@property‎ حتی تم‌های پیچیده نیز قابل انیمیشن هستند. اکنون می‌توان ‎transition‎ را مستقیماً روی متغیر اعمال کرد تا تغییرات به‌صورت روان انجام شود و ساخت تم‌های پویا ساده‌تر گردد.

— تایپ‌گذاری و باگ‌های کمتر: یکی از مشکلات اصلی پیش از ‎@property‎ این بود که مرورگر مقادیر نادرست را بی‌سروصدا می‌پذیرفت. برای مثال ‎--hue: red;‎. بدون ‎@property‎ این مقدار صرفاً نادیده گرفته می‌شد. اما با ‎@property‎، در صورت نامعتبر بودن مقدار، ویژگی به مقدار پیش‌فرض خود بازمی‌گردد.

— دیزاین توکن‌های نیتیو و کامل: با ‎@property‎ می‌توان توکن‌هایی برای جنبه‌های مختلف طراحی مانند رنگ‌ها، فاصله‌ها، مقیاس‌بندی، انیمیشن‌ها و تایپوگرافی ایجاد کرد؛ آن هم بدون نیاز به ابزارهای بیلد.

📌 در سال دوهزار و بیست و پنج، پشتیبانی مرورگرها از ‎@property‎ بسیار مطلوب است و مرورگرهایی مانند Chrome، Edge، Safari و Firefox آن را پشتیبانی می‌کنند؛ بنابراین می‌توان با خیال راحت از این قابلیت در محیط پروداکشن استفاده کرد. اگر هنوز از روش‌های قدیمی همراه با جاوااسکریپت زیاد و راه‌حل‌های موقتی استفاده می‌کنید، وقت آن رسیده که رویکرد خود را به‌روز کنید.


#️⃣#tip #css
👥@IR_javanoscript_group
🆔@IR_javanoscript