کمی آرامش..

Channel | Group | YouTube

یوزر استوری در UI/UX 🎭✨

🔗یوزر استوری‌ها داستان‌های کوتاهی هستند که به زبان ساده توضیح می‌دهند کاربر چه نیازی دارد و چگونه باید به آن پاسخ داده شود. این‌ها پایه و اساس طراحی تجربه کاربری (UX) محسوب می‌شوند! 👌

🔗چرا یوزر استوری مهم است؟

✅ تمرکز بر نیازهای کاربر 🎯
✅ شفاف‌سازی فرآیند طراحی 📝
✅ افزایش تعامل تیم‌های طراحی و توسعه 🤝

🔗ساختار یک یوزر استوری:

1⃣ نوع کاربر: کیست و چه ویژگی‌هایی دارد؟👤
2⃣ نیاز یا هدف:چه مشکلی دارد و چه چیزی می‌خواهد؟🎯
3⃣ راه‌حل پیشنهادی: سیستم چگونه به این نیاز پاسخ می‌دهد؟✨

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

🔗یوزر استوری VS یوزر فلو:

🔹 یوزر استوری، یک روایت ساده از نیاز کاربر است
🔹 یوزر فلو، مسیر و فرآیند گام‌به‌گام تعامل کاربر با سیستم را نشان می‌دهد

🔗با یوزر استوری‌های خوب، تجربه کاربری روان‌تر و دلپذیرتر می‌شود! 😍🖌


#ProductDesign 🏗 #UIUX 🌐
#UserStory 📖 #UXDesign 🎨

Channel | Group | YouTube

🔰 وایرفریم چیه؟ و چه اهمیتی داره؟🤔👇

✅ وایرفریم، یک طرح اولیه از صفحه یا محصول دیجیتالی است که ساختار کلی و نحوه چینش عناصر را مشخص می‌کند، بدون تمرکز بر جزئیات بصری. این مرحله از طراحی، مسیر پروژه را روشن‌تر کرده و خطرات ناشی از تغییرات پرهزینه را کاهش می‌دهد.

❌ اگر بدون وایرفریم، مستقیم وارد طراحی UI شویم:

⛓‍💥ممکن است در مراحل بعدی، متوجه مشکلات ساختاری شویم که بازنگری آن‌ها، هزینه و زمان زیادی می‌طلبد.

🔗 مزیت طراحی وایرفریم:

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

🖼 تصویر منتشر شده از یک وایرفریم رو ببینید! چطور به بهبود پروژه کمک کرده است؟ دیزاینرها و متخصصان UI/UX نظرتان چیست؟ 🤔😉

#UI_Design #DesignProcess
#Wireframe #Prototyping
#UserTesting #ProductDesign
#RiskManagement #UX

Channel | Group | YouTube

تبدیل دیزاین به وبسایت بدون یه خط کد!
- با فیچر figma Sites

مراسم Figma Config همین دیشب برگزار شدو باید بگم که چقدر همه‌ چی خفن بود! از فیچرای جدید گرفته تا مسیری که Figma داره پیش می‌ره...

کلی فیچر از گرید گرفته تا Ai و .... معرفی شد، اما چیزی که واقعاً منو ذوق‌زده کرد فیچر Figma Sites عه
یعنی دیگه لازم نیست فقط توی فایل طراحی بمونیم! حالا می‌تونیم مستقیم صفحات سایت واقعی بسازیم، اونم فقط با دیزاین کردنشون🔥

حتی خود فیگما میاد رسپانسیوشون میکنه!!!

با همون دقت طراحی و بدون دردسر کد زدن مستقیم از دیزاین به وبسایت ⚡️

واسه منی که قبل فرانت اند دولوپر بودم این واقعا مثل معجزس😑🔥

هنوز امتحانش نکردم ولی اگه که درست کار کنه میتونه یه Game Changer واقعی باشه، مخصوصاً برای ما طراحایی که همیشه دنبال راه‌های برای بهتر نشون دادن ایده‌هامون هستیم😎
Channel | Group | YouTube

جویای کار - توسعه دهنده فرانت اند
ریموت یا پاره وقت ( مشهد )
@mahdiarDev

⭐️ رجیستری های NPM: عمومی، سازمانی و خصوصی

رجیستری‌های NPM چیه، چه انواعی داره و هر کدوم کجا به کار میاد⁉️

1️⃣ رجیستری عمومی NPM

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

ویژگی‌ها:

دسترسی آزاد: همه می‌تونن پکیج‌ها رو دانلود کنن.
متن‌باز بودن: خیلی از پکیج‌ها اوپن‌سورس هستن.
استفاده راحت: با دستورات ساده مثل npm install کار می‌کنه.

npm install lodash

این دستور پکیج lodash رو از رجیستری عمومی می‌گیره و نصب می‌کنه.



2️⃣ رجیستری سازمانی (عمومی یا خصوصی):

رجیستری سازمانی برای تیم‌ها یا شرکت‌هاییه که می‌خوان پکیج‌هاشونو تو یه فضای مدیریت‌شده نگه دارن. این رجیستری می‌تونه عمومی (برای اشتراک با بقیه) یا خصوصی (فقط برای اعضای تیم) باشه.

رجیستری سازمانی عمومی:

برای وقتیه که می‌خوای پکیج‌های سازمانت رو با بقیه به اشتراک بذاری.
مثلا: پکیج‌های @mycompany/tool تو رجیستری عمومی، ولی فقط تیم شما روش کار می‌کنه.

رجیستری سازمانی خصوصی:

برای پکیج‌های داخلی و حساس که فقط اعضای تیم باید ببینن.
مناسب برای کدهای اختصاصی.

چطور تنظیمش کنیم؟

باید scope سازمان رو مشخص کنید:

npm config set @mycompany:registry https://registry.npmjs.org/
npm login

با این کار، پکیج‌هاتون تو یه فضای جدا ذخیره می‌شن.



3️⃣ رجیستری خصوصی:

رجیستری خصوصی یه سرور اختصاصیه که خودتون راه‌اندازی می‌کنید. برای وقتیه که می‌خواید کنترل کامل روی پکیج‌ها داشته باشید. ابزارهایی مثل Verdaccio، Nexus یا JFrog Artifactory برای این کار عالی‌ان.

ویژگی ها:

امنیت بالا: کدهای حساس فقط دست خودتونه.
کنترل کامل: خودتون تصمیم می‌گیرید کی به چی دسترسی داره.
استقلال: دیگه به رجیستری عمومی وابسته نیستید.

4️⃣ نکات نهایی:

اگه پروژه‌تون متن‌بازه، رجیستری عمومی NPM بهترین گزینس.
برای تیم‌های بزرگ یا پروژه‌های حساس، رجیستری سازمانی یا خصوصی مناسب‌تره.


Channel | Group | YouTube

کرسر ایز آن د بیت 👌

متوجه این موضوع شدم که وقتی بصورت TDD (نوشتن تست قبل از کد اصلی برنامه) کد میزنیم، باعث عملکرد بی‌نظیره auto completion کد ادیتور Cursor میشه

کیا از Cursor و Ai code editor ها استفاده میکنن و تجربتون در استفاده از این ابزار ها چطور بوده؟!

Channel | Group | YouTube

🔗سلام دوستان وقت به خیر محمدجوادرضائی هستم در حوزه فرانت اند(react.js)فعالیت میکنم.

🔰علاقه مند به یادگیری مباحث حوزه وب با بیش از 3سال تجربه در دنیای طراحی وب💻

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


💠GitHub:https://github.com/mjr0924
🌐Portfolio:https://geekdeveloper.ir
🆔:@mjr0924
#جویای_کار

در شرایطی که کیفیت اینترنت در ایران با افت و قطعی‌های مداوم همراه است، اپراتورهای همراه اول، ایرانسل و رایتل قصد دارند از هفته آینده قیمت بسته‌های اینترنت را ۷۵ درصد افزایش دهند! این تصمیم فشار سنگینی بر اقشار مختلف، به‌ویژه قشر متوسط و کم‌درآمد، وارد می‌کند و اینترنت را به کالایی لوکس تبدیل خواهد کرد.

با امضای این کارزار و نشر این پیام، در جلوگیری از این تصمیم ناعادلانه سهیم باشید!

https://www.karzar.net/217574

عجیبترین سوالی که تو مصاحبه شنیدین؟
Channel | Group | YouTube

📣دانشگاه!🫥😬

🔰استدلال کسایی که دانشگاه رفتن/نرفتن و تحصیلات مرتبط ندارن چیه؟

🔰واقعا میتونه شما رو نزدیک بکنه به یک مهندس نرم افزار؟

🔰اساتید چطور؟چقدر در هدایت و راهنمایی تون میتونند دقیق کمکتون کنند؟

🔗میشه دانشگاه نرفت و در یک فیلد مرتبط با یکی از شاخه های نرم افزار یا برنامه‌نویسی به درآمد مطلوب رسید یا وابستگی زیادی داره به اینکه حتما بریم دانشگاه؟

💻کسایی که استخدام شدن نظرشون رو ارائه کنند که چقدر دانشگاه کمک شون کرده یا مدرک اون!

💠راستی نظر شما چیه؟🤔

Channel | Group | YouTube

So much to tell...

Channel | Group | YouTube

🔍 گراف کیو ال — آشنایی با دایرکتیو `@deprecated`

در توسعه‌ی API با GraphQL، گاهی نیاز داریم برخی فیلدها را به‌مرور زمان کنار بگذاریم، بدون اینکه ناگهان باعث بروز خطا در کلاینت‌ شویم. اینجاست که دایرکتیو @deprecated کاربرد پیدا می‌کند.

مثال:

type User {
  fullName: String
  name: String @deprecated(reason: "Use `fullName`.")
}

📌 در این نمونه:

* فیلد name همچنان قابل استفاده است، اما با استفاده از @deprecated علامت‌گذاری شده.
* دلیل منقضی شدن آن نیز با reason مشخص شده تا توسعه‌دهندگان بدانند از چه جایگزینی باید استفاده کنند (fullName).
* ابزارهایی مثل GraphQL Playground یا Apollo DevTools معمولاً هشدار نمایش می‌دهند.

✅ مزیت این روش در این است که بدون ایجاد اختلال در عملکرد کلاینت‌ها، امکان ارتقا یا بازسازی تدریجی API را فراهم می‌کند.


Channel | Group | YouTube

سلام بچه ها.

استخدام برنامه نویس جونیور/مید لول فرانت اند و بک اند.

ما در مجموعه بیوتی پلاس برای مدیریت پروژه های فعلی و توسعه سرویس های جدید در مشهد به دنبال جذب نیرو هستیم.

مهارت های مورد نیاز فرانت اند: React, Next.
~ بک اند: Python, Django یا Nodejs, Express.

🔊 پوزیشن فقط در مشهد می‌باشد.
✅ برای اطلاعات بیشتر و هماهنگی لطفاً رزومه تون رو بفرستین.
@farzad_vavv


Channel | Group | YouTube

سلام وقت به خیر میلاد ربیعی هستم
به کار تیمی، رشد مداوم و روبه‌رو شدن با چالش‌ها علاقه‌مندم و دنبال فرصتی هستم تا در یک تیم حرفه‌ای، هم یاد بگیرم و هم مفید باشم.

@MiladRabiei_13
#جویای_کار
#رزومه

Channel | Group | YouTube

سلام به آدمای خونسرد و بی‌اعصاب! 😜 ببینیم امروز جنبه‌تون چطوره!😨🤭

اگه فکر می‌کنی دیگه هیچ‌کس نمی‌تونه ازت ایراد بگیره، خب... هوش مصنوعی یه نظر دیگه داره!
پرامپت رو بفرست و با یک really check بزار بزنه تو گوش ات و نقاط ضعف ات رو بهت یادآوری کنه🫤🤣

🎤 1. بر اساس چت‌هایی که باهات داشتم من را roast کن!
🎤2. حالا Dark roast من چیه؟
🎤3. خب Saved mode من چیه؟
🎤4. بعد nuclear rost رو هم بگو!

📌روی متن های بالا👆به ترتیب بزنید کپی میشه، بعد در Chatgpt و بعد paste کنید!

🔰اما حواست باشه،فقط جنبه داشته باشی 😆😜نبینم ناراحت بشی🤣

جواب ها رو کامنت کنید و اسکرین شات بفرستید اگه جرأت دارید باهم کلی به کسایی که اسم خودشون رو گذاشتن برنامه نویس و ادعای باهوش بودن دارن بخندیم!😂🔥

ریکشن فراموش نشه😂😂😂

Channel | Group | YouTube

تست هوش مصنوعی

Canva code

از دیزاین به وبسایت

منبع
Channel | Group | YouTube

با آی‌پی آمریکا وارد لینک زیر بشید و با زدن Get student offer به مدت 3 ماه اشتراک Gemini Pro و همچنین ۲ ترابایت فضای گوگل وان بگیرید.

https://one.google.com/join/ai-student

پ‌ن: اگه رو اکانت اصلیتون کار نکرد با اکانت جدید امتحان کنید.

#موقت

Channel | Group | YouTube

🌐هوش مصنوعی که با تجربه‌های Stack Overflow بزرگ شده و راه و رسم حل مشکلات رو یاد گرفته! 🚀


❌اگه یه مشکل یا راه حل جدید جایی مثل Stack Overflow، GitHub یا وبلاگها مطرح نشده باشه:👇🤷

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

#StackOverflow #AI

Channel | Group | YouTube

🤖 تصور کنید یه روزی رسیده که هوش مصنوعی شغل برنامه‌نویس‌ها رو کامل گرفته.
⌨️ دیگه نیازی به کدنویسی نیست.
🔄 حالا باید یه شغل جدید انتخاب کنید.
💼 اون شغل چیه؟







Channel | Group | YouTube

#animation #css #frontend

🚀 خبر فوق‌العاده برای همه برنامه‌نویس‌ها!
✨بالاخره GSAP رایگان شد! ✨

🔰هیچ محدودیت مجوزی دیگه وجود نداره، یعنی هر برنامه‌نویس می‌تونه این ابزار قدرتمند انیمیشن‌سازی رو بدون دغدغه و کاملاً آزادانه توی پروژه‌هاش استفاده کنه! 😍

✅باید بگمGSAP یکی از بهترین کتابخونه‌های انیمیشن برای CSS و JavaScript هست که بهت اجازه می‌ده افکت‌های حرفه‌ای، حرکت‌های نرم و کنترل دقیق زمان‌بندی رو بدون دردسر پیاده‌سازی کنی. حالا بدون هزینه، بدون محدودیت، و بدون نگرانی! 💥

🔗 جزئیات بیشتر رو اینجا ببین: [لینک]

🔥اگه تو هم هیجان زده شدی توی کامنت‌ها نظرت رو بهمون بگو!
🚀 بزن بریم که انیمیشن‌های خفن خلق کنیم! 😎🎨
Channel |Group | YouTube