کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
رزومه‌هاتون رو برای من ارسال کنید
با تشکر
@omidkhosrojerdi
[email protected]
#استخدام
10 · 628 · کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
CSS Variable Namespacing - #68846
چه PR جذابی 🤩
https://github.com/angular/angular/pull/68846?_sc=NTk5NDc4NyMxMDM5NA%3D%3D
#angularcafe
1 · 176 · عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://namethatui.com/
اگه اسم یک سری Elementهای مورد استفاده در روزمره تو کار‌هامون رو نمیدونین یا میخواستین دنبال یه آیتمی بگردین که اسم اش رو یادتون رفته این سایت میتونه گوشه ذهنتون باشه که هر کدوم از elementها اسم شون چیه و کاربرد‌شون چیه
#designtools
#angularcafe
2 · 212 · عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
بیایید از تیریک هایی که باعث بشه اکانت Claude تون بن نشه
بگید بقیه هم یاد بگیرن 👌
216 · پیوند
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://www.getlayers.ai/
یه سایت خفن که prompt های آماده فوق عجیب میده ولی پولی 🤒
ولی ایده هایش قشنگ هست میشه ایده ها رو بدی به AI و تا حدودی همون شکل پیاده‌ش کنه
#AI
#angularcafe
2 · 242 · کافه انگولار
پاسخبیایید از تیریک هایی که باعث بشه اکانت Claude تون بن نشه
بگید بقیه هم یاد بگیرن 👌تجربه شخصیم:
با Apple gift card به اندازه پکیج Claude که میخواین خریداری کنید، حساب‌تون رو شارژ کنید
از VPN با IP ثابت استفاده کنید و ترجیحا آمریکا باشه
هر مقدار پکیج که میخواین خریداری کنید به اندازه ۱۰ درصد مالیات هم به کیف پول تون اضافه Gift card بزنید
20$ Claude + 2$ Tax
125$ Claude +12.5$ Tax
چون من همون مقدار Claude رو شارژ کردم و موقع تکمیل کردن Transaction خطای Insufficient remaining credit میداد ولی نمیگه که چرا و باید Tax مثلا بخوره به Paymentتون
پس حتما به اندازه Tax هم Gift card بریزید به حساب تون
سوال دیگه ای داشتید پیام بدید 👌🏾
#AI
#Claude
#angularcafe
1 · 241 · کافه انگولار
پیوند
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://procedural-sounds.vercel.app/
https://github.com/m1ckc3s/procedural-sounds
برای operationهای سایت و پنل‌هامون اگه sound interaction اضافه کنیم بسیار جذاب و سرگرم کننده میشه در عین حال کاربردپذیری بیشتری هم داره
#sountkit
#angularcafe
2 · 169 · عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://sceneai.art/
دنیای طراحی سایت‌ها داره وارد یه عصر جدید میشه
دیگه ازون مدل های خسته کننده و بی روح داریم فاصله میگیریم
این سایت کلی prompt و ایده animationمحور داره که میتونه بهمون کمک کنه از کارفرما ها پول بیشتری بگیریم 😁
#AI
#angularcafe
7 · 211 · عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://claudskills.com/
یه سایت فوق‌العاده برای پیدا کردن skills های Claude
بیش از ١٨٠ هزار skills مختلف
اگه استفاده کردید تجربه تون رو به اشتراک بذارید 👌
#AI
#angularcafe
5 · 184 · کافه انگولار
پیوند
برای نمایش کلیک کنید
برای نمایش کلیک کنید
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
6 · 213 · عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
اگه میخواین همزمان از دو تا اکانت Claude AI روی دو تا VS Code جدا استفاده کنین و هر بار مجبور نباشین logout/login کنین، میشه یه setup تمیز براش ساخت.
مشکل اصلی اینه که اگه دو تا 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 · 197 · کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://ng-icons.github.io/ng-icons/
بالاخره بعد از مدت‌ها ظاهر ng-icons عوض شده و UX راحت‌تری هم داره
واقعا قبلی هم زشت بود هم UX سختی داشت
#angularcafe
4 · 215 · کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
برای تقویم شمسی میتونیم از تقویم (دوران) استفاده کنیم
https://amiralibg.github.io/Doran/examples/angular/
امکانات خوبی داره
#angularcafe
5 · 176 · کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
🚀 دسترسی Template به Private های Typescript
در 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
235 · کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
انگولار داره یه کامپایلر جدید می‌سازه!
اسمش 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 · 206 · کافه انگولار
پیوند
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://ng-native.com/
🚀 Introducing Angular Native
The stunning developer experience and ecosystem of Expo, using the Angular framework you already know and love.
• Real native iOS & Android • Expo SDK & ecosystem • Angular components, signals & DI • CSS & Tailwind out of the box
9 · 170 · کافه انگولار
پاسخhttps://ng-native.com/
🚀 Introducing Angular Native
The stunning developer experience and ecosystem of Expo, using the Angular framework you already know and love.
• Real native iOS & Android • Expo SDK & ecosystem • Angular components, signals & DI • CSS & Tailwind out of the boxبچه ها این خیلی داغه ها
تمام توسعه دهنده های ارشد گوگل و معروف انگولار خیلی حال کردن با این اتفاق 💥
1 · 164 · کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
🚀 یه Plugin GPT کوچیک ولی کاربردی رو open source کردم:
Claude Prompt Architect
اگه با Claude / Claude Code کار می‌کنی، احتمالا برات پیش اومده که requirement تو ذهنت کاملا مشخصه ولی وقتی می‌خوای تبدیلش کنی به prompt، یه عالمه جزئیات مهم جا میمونه.
این ابزار requirement فارسی یا انگلیسی رو می‌گیره و تبدیلش می‌کنه به یه prompt ساختاریافته و implementation-ready؛
با چیزهایی مثل root-cause analysis، scope control، repository inspection، verification و engineering report.
ساختارش هم بر پایه‌ی مدل GCAO هست:
Goal → Contexts → Actions → Outputs
سورس و توضیحات کاملش رو گذاشتم GitHub 👇
Github claude-prompt-architect
اگه با Claude Code روی پروژه‌های واقعی کار می‌کنید، خوشحال می‌شم امتحانش کنید ⭐️
#AI
#Claude
#GPT
#angularcafe
4 · 93 · پاسخ#AI
#angularcafe
چطور از Claude به ۲۵ شکل مختلف استفاده کنیم:
(۶۰ ثانیه خواندن. ممکن است ۶۰ ساعت برایت صرفه‌جویی کند.)
۱. بپرس → Chat
سؤال‌های سریع، جواب‌های سریع. نیازی به Cowork نیست.
۲. فکر کن → Opus 5.5
برای کار عمیق، نوشتن پیچیده و استدلال.
۳. سرعت → Sonnet 5.5
سریع، مقرون‌به‌صرفه، و خوب برای کارهای روزمره.
۴. استدلال → Extended Thinking
برای مسئله‌های سخت روشن کن. برای کار ساده خاموش.
۵. بساز → Cowork
فایل‌های ".docx"، ".xlsx" و ".pptx" بساز و با پوشه‌ها کار کن.
۶. تحویل بده → Claude Code
وب‌سایت و اپ را از ترمینال بساز.
۷. مدل → Claude in Excel
فرمول و مدل واقعی بساز، بدون کپی‌پیست.
۸. اسلاید → Gamma
یک پرامپت → یک ارائهٔ کامل.
۹. ماکاپ → Claude Design
طراحی وب‌سایت بساز و خروجی بگیر.
۱۰. مرور → Claude in Chrome
بگذار Claude صفحه‌های وب را بخواند و با آن‌ها تعامل کند.
۱۱. کلیک → Computer Use
Claude می‌تواند کلیک کند، تایپ کند و در کامپیوترت بچرخد.
۱۲. از راه دور → Dispatch
وقتی دور هستی، کارها را از گوشی بفرست.
۱۳. جست‌وجو → Web Search
با اطلاعات زندهٔ وب جواب بگیر.
۱۴. بررسی کن → Research
گزارش پژوهشی عمیق و چندمنبعی بساز.
۱۵. فعال کن → Skills
با "/skill" گردش‌کارهای تخصصی را روشن کن.
۱۶. روی هم بگذار → Plugins
گردش‌کار آماده برای بازاریابی، فروش، حقوقی و غیره اضافه کن.
۱۷. نگه دار → Projects
کار تکراری، فایل‌ها و دستورالعمل‌ها را کنار هم نگه دار.
۱۸. خودکار کن → Scheduled Tasks
زمان‌بندی کن تا Claude گزارش یا کار را خودش اجرا کند.
۱۹. وصل کن → Connectors
جیمیل، درایو، اسلک، نوشن، تقویم و بقیه را وصل کن.
۲۰. رندر → Artifacts
خروجی تعاملی، قابل‌ویرایش و قابل‌اشتراک بساز.
۲۱. لحن → Custom Styles
سبک نوشتن دلخواهت را یک بار تنظیم کن.
۲۲. به اشتراک بگذار → Team Projects
پروژه، فایل، اسکیل و دستورالعمل را با تیمت شریک کن.
۲۳. نگهبان → Global Instructions
به Claude بگو همیشه چه کاری باید بکند.
۲۴. سازمان بده → Obsidian Vault
فایل‌های Claude را مرتب و راحت‌ویرایش نگه دار.
۲۵. بریف → About-Me File
یک فایل ".md" با سبک، قواعد و ترجیحات خودت بساز.
4 · 84 · کافه انگولار
عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://imageflow.dev/
این یه پروژه خیلی خفن ویرایش عکس های rasterای هست که یه چیزی فی‌مابین Photopea و Photoshop کاملا تحت مرورگر اجرا میشه
#angularcafe
50 · عکس
برای نمایش کلیک کنید
برای نمایش کلیک کنید
https://tiny-online.tools/
همون Author پروژه imageFlow این ابزار‌ها رو توسعه داده همه در یه جا جمع‌آوری شده و مثل گنجینه میمونه 🤩
#angularcafe
50 ·