https://procedural-sounds.vercel.app/
https://github.com/m1ckc3s/procedural-sounds
برای operationهای سایت و پنلهامون اگه sound interaction اضافه کنیم بسیار جذاب و سرگرم کننده میشه در عین حال کاربردپذیری بیشتری هم داره
#sountkit
#angularcafe
https://github.com/m1ckc3s/procedural-sounds
برای operationهای سایت و پنلهامون اگه sound interaction اضافه کنیم بسیار جذاب و سرگرم کننده میشه در عین حال کاربردپذیری بیشتری هم داره
#sountkit
#angularcafe
procedural-sounds.vercel.app
Procedural interface sounds, with taste
Generate UI sounds that fit: taps, toggles, notifications, transitions. Designed by AI, tuned by human ears. Play in the browser, export as a file or one line of code.
👏3
https://sceneai.art/
دنیای طراحی سایتها داره وارد یه عصر جدید میشه
دیگه ازون مدل های خسته کننده و بی روح داریم فاصله میگیریم
این سایت کلی prompt و ایده animationمحور داره که میتونه بهمون کمک کنه از کارفرما ها پول بیشتری بگیریم 😁
#AI
#angularcafe
دنیای طراحی سایتها داره وارد یه عصر جدید میشه
دیگه ازون مدل های خسته کننده و بی روح داریم فاصله میگیریم
این سایت کلی prompt و ایده animationمحور داره که میتونه بهمون کمک کنه از کارفرما ها پول بیشتری بگیریم 😁
#AI
#angularcafe
👏4
https://claudskills.com/
یه سایت فوقالعاده برای پیدا کردن skills های Claude
بیش از ١٨٠ هزار skills مختلف
اگه استفاده کردید تجربه تون رو به اشتراک بذارید 👌
#AI
#angularcafe
یه سایت فوقالعاده برای پیدا کردن skills های Claude
بیش از ١٨٠ هزار skills مختلف
اگه استفاده کردید تجربه تون رو به اشتراک بذارید 👌
#AI
#angularcafe
❤3
https://www.youtube.com/watch?v=0bmUZsabKBs
این ویدیو رو ببینید که متوجه بشیم همگی توکن سوزی بیشتر به نوع درخواست prompt خودمون بستگی داره و از حالت پیشفرض خود AI استفاده کنیم کلی توکن سوزی اضافه رو دست مون میذاره
حتما سعی کنید markdown نوشتن prompt رو یاد بگیرید که به زبان خود AI باهاش صحبت کنید.
از AIهای دیگه مثل Gemini و GPT و Deepseek کمک بگیرید برای نوشتن prompt و زبان محاوره ای تون رو بهش بدید و ازش Markdown prompt بگیرید.
حتما از auto-translate استفاده کنید و فارسی رو انتخاب کنید تا مفاهیم بیشتر جا بیفته برامون 👌🏾
این نکته رو هم در نظر بگیرید که Agentها پرش های ذهنی زیادی دارن که اگه هدف رو درست بهشون ندیم و target و goal رو مشخص نکنیم جواب های پرتی بهمون میدن و توکن بیشتری میسوزونن.
#AI
#angularcafe
این ویدیو رو ببینید که متوجه بشیم همگی توکن سوزی بیشتر به نوع درخواست prompt خودمون بستگی داره و از حالت پیشفرض خود AI استفاده کنیم کلی توکن سوزی اضافه رو دست مون میذاره
حتما سعی کنید markdown نوشتن prompt رو یاد بگیرید که به زبان خود AI باهاش صحبت کنید.
از AIهای دیگه مثل Gemini و GPT و Deepseek کمک بگیرید برای نوشتن prompt و زبان محاوره ای تون رو بهش بدید و ازش Markdown prompt بگیرید.
حتما از auto-translate استفاده کنید و فارسی رو انتخاب کنید تا مفاهیم بیشتر جا بیفته برامون 👌🏾
این نکته رو هم در نظر بگیرید که Agentها پرش های ذهنی زیادی دارن که اگه هدف رو درست بهشون ندیم و target و goal رو مشخص نکنیم جواب های پرتی بهمون میدن و توکن بیشتری میسوزونن.
#AI
#angularcafe
YouTube
How to Optimize Your AI Usage and Stop Hitting Limits
🎁 Free PDF: Senior Developer Starter Kit → https://monsterlessons-academy.com/newsletter_subscribers/senior_starter_kit?utm_source=youtube&utm_medium=description_link&utm_content=DqG5yNnTw_g
🚀 Middle → Senior Frontend Bootcamp (12 weeks) → https://monsterlessons…
🚀 Middle → Senior Frontend Bootcamp (12 weeks) → https://monsterlessons…
👏1
اگه میخواین همزمان از دو تا اکانت Claude AI روی دو تا VS Code جدا استفاده کنین و هر بار مجبور نباشین logout/login کنین، میشه یه setup تمیز براش ساخت.
مشکل اصلی اینه که اگه دو تا VS Code معمولی باز کنین، خیلی از تنظیمات، extensionها و حتی credentialهای Claude ممکنه مشترک باشن و باعث بشه اکانتها با هم قاطی بشن.
راهی که استفاده کردم این بود که برای هر VS Code یه
نتیجه این شد که عملاً دو تا محیط کاملاً مستقل دارم:
VS Code A → Claude Account A
VS Code B → Claude Account B
هرکدوم login، session، history، تنظیمات و extensionهای خودشون رو دارن و روی هم تأثیر نمیذارن. اینطوری میشه همزمان روی دو پروژه مختلف با دو Claude account جدا کار کرد، بدون دردسر عوض کردن اکانت و بدون اینکه session یکی اون یکی رو خراب کنه.
اگه توضیح بیشتری نیاز داشتید نظر بذارید.
#claude_ai
#AI
#angularcafe
مشکل اصلی اینه که اگه دو تا VS Code معمولی باز کنین، خیلی از تنظیمات، extensionها و حتی credentialهای Claude ممکنه مشترک باشن و باعث بشه اکانتها با هم قاطی بشن.
راهی که استفاده کردم این بود که برای هر VS Code یه
user-data-dir و extensions-dir جدا ساختم، بعد برای خود Claude هم با CLAUDE_CONFIG_DIR یه مسیر جدا برای config و credentialها تعریف کردم.نتیجه این شد که عملاً دو تا محیط کاملاً مستقل دارم:
VS Code A → Claude Account A
VS Code B → Claude Account B
هرکدوم login، session، history، تنظیمات و extensionهای خودشون رو دارن و روی هم تأثیر نمیذارن. اینطوری میشه همزمان روی دو پروژه مختلف با دو Claude account جدا کار کرد، بدون دردسر عوض کردن اکانت و بدون اینکه session یکی اون یکی رو خراب کنه.
اگه توضیح بیشتری نیاز داشتید نظر بذارید.
#claude_ai
#AI
#angularcafe
👏1👌1
https://ng-icons.github.io/ng-icons/
بالاخره بعد از مدتها ظاهر ng-icons عوض شده و UX راحتتری هم داره
واقعا قبلی هم زشت بود هم UX سختی داشت
#angularcafe
بالاخره بعد از مدتها ظاهر ng-icons عوض شده و UX راحتتری هم داره
واقعا قبلی هم زشت بود هم UX سختی داشت
#angularcafe
👍2❤1👏1
برای تقویم شمسی میتونیم از تقویم (دوران) استفاده کنیم
https://amiralibg.github.io/Doran/examples/angular/
امکانات خوبی داره
#angularcafe
https://amiralibg.github.io/Doran/examples/angular/
امکانات خوبی داره
#angularcafe
❤2👏1
🚀 دسترسی Template به Private های Typescript
در Angular 22.2 یک تغییر کوچک اما مهم معرفی شده:
از این نسخه، Template ها میتوانند به اعضای
میشه دیگه تو template از title بدون خطا استفاده کرد
قبلا مجبور بودیم به خاطر رعایت scope فقط public هارو تو Template استفاده کنیم
✨ مزایا:
✅ Encapsulation بهتر
✅ کاهش API عمومی Component
✅ کد تمیزتر و نزدیکتر به اصول OOP
✅ استفاده واقعیتر از access modifier های TypeScript
ولی این تغییر به معنی حذف
اگر یک property قرار است از بیرون Component استفاده شود، همچنان باید
#angularcafe
در Angular 22.2 یک تغییر کوچک اما مهم معرفی شده:
از این نسخه، Template ها میتوانند به اعضای
private کلاس دسترسی داشته باشند.export class UserComponent {
private title = 'Angular 22.2';
}میشه دیگه تو template از title بدون خطا استفاده کرد
<h1>{{ title }}</h1>قبلا مجبور بودیم به خاطر رعایت scope فقط public هارو تو Template استفاده کنیم
✨ مزایا:
✅ Encapsulation بهتر
✅ کاهش API عمومی Component
✅ کد تمیزتر و نزدیکتر به اصول OOP
✅ استفاده واقعیتر از access modifier های TypeScript
ولی این تغییر به معنی حذف
public نیست.اگر یک property قرار است از بیرون Component استفاده شود، همچنان باید
public باشد.#angularcafe
👏1
انگولار داره یه کامپایلر جدید میسازه!
اسمش Angular Preprocessor (ngp) هست و قراره وابستگی عمیق Angular به APIهای داخلی TypeScript رو کمتر کنه.
ماجرا از اینجا شروع میشه که TypeScript 7 با Go نوشته شده و معماری فعلی کامپایلر Angular نمیتونه مثل قبل مستقیم باهاش کار کنه.
برای همین Angular بخشی از کامپایلر جدیدش رو با Rust 🦀 و Oxc میسازه.
⚡️ معماری
• بخش Rust/Oxc کدها رو Parse و Analyze میکنه و میتونه فایلها رو موازی پردازش کنه.
• بخش TypeScript هنوز مسئول کامپایل Templateها و تولید خروجی نهاییه.
• Template Type Checking و خطاهای دقیق TypeScript هم همچنان پشتیبانی میشن.
جالبتر اینکه
🚀 Angular گفته پروژه داره به MVP نزدیک میشه و روی کدبیس بزرگ خودش در Google در حال تستشه؛ نسخه Experimental هم برای آینده برنامهریزی شده.
آیا واقعاً 10 برابر سریعتره؟
فعلاً نه؛ نتایج اولیه امیدوارکنندهان، ولی Angular هنوز هیچ عدد رسمی مثل 10x تأیید نکرده.
#angularnews
#angularcafe
اسمش Angular Preprocessor (ngp) هست و قراره وابستگی عمیق Angular به APIهای داخلی TypeScript رو کمتر کنه.
ماجرا از اینجا شروع میشه که TypeScript 7 با Go نوشته شده و معماری فعلی کامپایلر Angular نمیتونه مثل قبل مستقیم باهاش کار کنه.
برای همین Angular بخشی از کامپایلر جدیدش رو با Rust 🦀 و Oxc میسازه.
⚡️ معماری
ngp فعلاً ترکیبیه:• بخش Rust/Oxc کدها رو Parse و Analyze میکنه و میتونه فایلها رو موازی پردازش کنه.
• بخش TypeScript هنوز مسئول کامپایل Templateها و تولید خروجی نهاییه.
• Template Type Checking و خطاهای دقیق TypeScript هم همچنان پشتیبانی میشن.
جالبتر اینکه
ngp میتونه بهصورت Native Node Plugin یا حتی WebAssembly اجرا بشه.🚀 Angular گفته پروژه داره به MVP نزدیک میشه و روی کدبیس بزرگ خودش در Google در حال تستشه؛ نسخه Experimental هم برای آینده برنامهریزی شده.
آیا واقعاً 10 برابر سریعتره؟
فعلاً نه؛ نتایج اولیه امیدوارکنندهان، ولی Angular هنوز هیچ عدد رسمی مثل 10x تأیید نکرده.
#angularnews
#angularcafe
👍1👏1