فتوشاپ تحت وب، بدون نصب میتونین کاملا فایل‌های svg, png, psd و.. ادیت کنین، بنظرم برای افرادی که سیستمشون فتوشاپ اصلی رو نمی‌کشه خوبه و راحت می‌تونن از این استفاده کنن.

Photopea

@ClickUniversity

اگر با JavaScript کار می‌کنی و می‌خوای وارد Backend بشی، این مقاله می‌تونه برات مفید باشه.

توی این راهنما، ساخت یک REST API با Node.js، Express و PostgreSQL از دید یک پروژه واقعی بررسی شده.

یعنی فقط بحث چطور یک API بسازیم نیست؛ بیشتر روی چیزهایی تمرکز داره که برای ساخت یک Backend قابل استفاده در پروژه واقعی لازمن.

🔗 Read

@ClickUniversity

هوش مصنوعی واقعاً می‌فهمه چه کار می‌کنه؟ اینجا یه سؤال عجیب مطرح می‌شه: ما داریم با چیزی کار می‌کنیم که جواب می‌ده، کد می‌نویسه، عکس رو تحلیل می‌کنه و حتی تصویر می‌سازه؛ اما خودمون دقیقاً نمی‌دونیم داخلش چه اتفاقی می‌افته که به این جواب رسیده. به این مسئله می‌گن Black Box یا جعبه سیاه.

ما ورودی رو می‌دیم و خروجی رو می‌بینیم، ولی بین این دو، داخل شبکه عصبی اتفاقات بسیار پیچیده‌ای می‌افته که همیشه نمی‌تونیم دقیقاً توضیح بدیم. مثلاً از کدم اسکرین‌شات می‌گیرم و می‌پرسم «چرا این کد کار نمی‌کنه؟» و مدل جواب درست می‌ده. اما سؤال جالب‌تر اینه: دقیقاً داخل مدل چه اتفاقی افتاد که فهمید مشکل کجاست؟ حالا اگر خیلی ساده کنیم، ماجرا اینه: وقتی عکس به هوش مصنوعی می‌دیم، قرار نیست مثل انسان با چشم بهش نگاه کنه. تصویر به شکلی از اطلاعات عددی تبدیل می‌شه که مدل بتونه پردازشش کنه. بعد مدل با الگوهایی که در طول آموزش یاد گرفته، چیزهایی مثل متن، کد، اشیا و ارتباط بین بخش‌های تصویر رو تشخیص می‌ده و این اطلاعات رو با سؤال ما ترکیب می‌کنه تا جواب بده. تولید تصویر هم ایده‌ی مشابهی داره، با این تفاوت که این بار مدل باید به‌جای تحلیل تصویر، یک تصویر جدید تولید کنه. مثلاً وقتی می‌گیم «یک گربه مشکی بساز»، از الگوهایی که در طول آموزش درباره‌ی گربه، شکل، رنگ، نور و سبک یاد گرفته استفاده می‌کنه تا یک تصویر جدید بسازه. پشت همه‌ی این‌ها هم یک شبکه عصبی با تعداد بسیار زیادی پارامتر و ارتباط عددی قرار داره. این پارامترها در طول آموزش بارها تغییر می‌کنن تا مدل کم‌کم الگوهای مختلف رو یاد بگیره. اما نکته‌ی عجیب همین‌جاست: بعد از آموزش نمی‌تونیم به‌سادگی بگیم «این عدد یعنی گربه، اون یکی یعنی CSS و این قسمت باعث شد این جواب رو بده.» ما می‌دونیم مدل چه ورودی‌ای گرفته و چه خروجی‌ای داده، اما اینکه دقیقاً چرا و چگونه درون شبکه به آن خروجی رسیده همیشه برای ما شفاف نیست. و همین تلاش برای باز کردن این جعبه و فهمیدن اتفاقات درون مدل، یکی از موضوعات مهم حوزه‌ی Interpretability یا تفسیرپذیری هوش مصنوعیه.
منابع:

OpenAI — Technical Report
OpenAI — Research
Distill — Feature Visualization
Anthropic — Mechanistic Interpretability

@ClickUniversity

آقا تاحالا با این ابزار خفن روبرو شدید Playwright یا کار کردید؟

این چکار میکنه دقیقا؟!
این یه ابزار تست خودکار سایت هاست.
خوب پس Jest اینجا چکارست٬ اونم عملیات تست رو انجام میده٬ ببینید در این دو ابزار فقط در کلمه تست باهم اشتراک دارن اما در عمل هر دو کاملا متفاوتن.
این ابزار Jest میاد منطق کد هارو تست میکنه٬
اما این Playwright دیگه سراغ منطق کد نمیره مستقیم میره با خود سایت تعامل برقرار کنه و تست کنه یعنی اینکه میاد :
کلیک میکنه ٬ فرم پر میکنه٬ وارد حساب میش ٬ صفحه رو باز بسته میکنه ٬ نتیجه بررسی میکنه.
مثل این میمونه که یه شخصی رو اوردی وارد سایتت و ازش خواستی که با سایتت تعامل برقرار کنه.

یه نکته قابل توجه یی که هست اونم اینکه واقعا میتونه مرورگر رو کنترل کنه یعنی می تونه اتفاقاتی مانند کار کردن با موس و کیبورد انجام بده.

@ClickUniversity

JavaScript در var


در JavaScript فقط نوشتن کد مهم نیست؛ انتخاب روش درست برای نوشتن کد هم اهمیت داره.

این مقاله درباره مشکلاتی صحبت می‌کنه که استفاده از var می‌تونه ایجاد کنه و اینکه چرا در کدهای مدرن JavaScript معمولاً let و const انتخاب‌های بهتری هستن.

🔗 Link

@ClickUniversity

سلام.
اومدم با معرفی یه ابزار دیگه خدمت شما عزیزان،یه ابزاری هست به نام Zod، کارش اعتبار سنجیه.
کجا ها به درد میخوره، این ابزار هم در فرانت به درد میخوره هم در بک اند ، اما قدرتش رو میشه در بک اند بیشتر دید، اونم زمانی که از تایپ اسکریپت استفاده بشه در پروژه.
اما ممکنه بگین که تایپ اسکریپت خودش ی عالمه type داره خودش می‌فهمه هر داده چه تایپی داره، درسته میفهمه اما ی ضعفی داره این تایپ اسکریپت،
ضعفش موقعی فهمیده میشه که داده از طریق http ، کاربر بفرسته ب سمت بک اند موقعی که فرستاده بشه نمیتونه بصورت realtime تایپ اسکریپت پردازش کنه اول باید کامپایل کنه بعدش ببینه دو دو تا چند تا میشه.
اینجاست که Zod وارد بازی میشه و اون دیتایی که میاد رو همون دم در ورودی اعتبار سنجی میکنه.

@ClickUniversity

با لینوکس کار می‌کنی ولی بعضی دستورها یادت می‌ره؟

داشتن یک Cheat Sheet می‌تونه خیلی کاربردی باشه؛ مخصوصاً برای دستورهایی که هر روز استفاده نمی‌کنی.

این مطلب مجموعه‌ای از دستورهای مهم Linux رو یکجا جمع کرده.

🔗 Link

@ClickUniversity

تا حالا در مورد نرم‌افزار PawSense چیزی شنیدید؟
این نرم‌افزار در سال 2000 میلادی جایزه ایگ نوبل رو برنده شد.

(ایگ نوبل به ایده های که در اول خنده دار بنظر میرسه و بعد آدم رو به فکر می‌بره داده میشه)

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

@ClickUniversity

از روزی که وارد دنیای برنامه نویسی شدی تاحالا این اسم Pascal رو شنیدی که اصلا چیه و چرا به وجود اومده؟
برگردیم به عقب یعنی به سال 1970 (حدودی) یه بابای به نام Niklaus Wirth اومد یه زبان برنامه نویسی ساخت که اسمش رو Pascal گذاشت٬ حالا چرا Pascal؟
بازم برگردیم به عقب خیلی عقب یه شخصی بود به نام Blaise Pascal این اومد اولین ماشین میکانیکی محاسبه را در قرن هفدم ساخت که به Pascaline معروف بود٬ تا اینجا فهمدید که چی به چیه.
زبان Pascal با هدف اصول برنامه نویسی و ساختار مند کردن کد نویسی طراحی شده بود.
آقا یعنی چی ساختار مند مگه زبان های برنامه نویسی قبل Pascal چی مشکلی داشت که این Pascal به دنیا اومد.
قدیم زبان هایی بودن من جمله FORTRAN و مخصوصا BASIC و این زبان ها مبتنی بر پرش بودن بل فرض مثال:

خط 10 → کاری انجام بده
خط 20 → اگر شرط درست بود برو خط 80

این کار برای برنامه های کوچک قابل تحمل بود اما اگه برنامه بزرگ میشد واویلا یه جورایی اسپاگیدی کد می شد.
و اینجا بود که Pascal چشم به جهان گشود.

پ.ن: برای اینکه بهتر این زبان رو بفهمید یه سرچ یا تحقیق بکنید که چه نعمتی برا دوران خودش بوده.

@ClickUniversity

یه فکت جالبی که هوش مصنوعی راجب OpenAI بهم گفت این بود که:

اسم شرکتشون قرار بوده واقعا OpenAI باشه، یعنی بیان و پیشرفت ها و مدل‌های هوش مصنوعی رو توسعه بدن و به صورت Open source در اختیار مردم قرار بدن🫪

ولی خب دیدن کارشون گرفته و الانم اشتراکای ۲۰۰ دلاری میفروشن :)

@ClickUniversity

تو این روزا که هر روز یه بلا سرمون نازل میشه و هر لحظه ممکنه اینترنت ها قطع بشه، این اپ یه راهکار شاهکاره.

مگه چی هست؟
این اپ که اسمش LM Studio هست، مدل های Ai رو به صورت لوکال و بدون اینترنت براتون اجرا میکنه.

ممکنه بگید خب Ollama هم که همین کارو میکنه، چرا این؟

باید بهتون بگم که، این اپ مزیت های قابل توجهی به رقیبش یعنی Ollama داره.
مثلا رابط کاربری بسیار بهتر، شخصی سازی مدل، قابلیت های کلیدی مثل temperature و ...

@ClickUniversity

یه لایبرری عجیب غریب پایتون بهتون بگم؟ pyautogui

کارش چیه؟ کنترل کردن کامپیوتر :)

حالا چطوری؟

اینجوریه که دستوراتی مثل write , click , press , drag , ... داره که عملا شما میتونید کدی بنویسید که برنامه باز کنه، تایپ کنه، نقاشی بکشه و هزاران تا کار دیگه.

یه شیطونی هم اگه بخوام یادتون بدم، با bat کردنش میتونید دوستاتونو یکم اذیت کنید ;)

@ClickUniversity

اگه بیام خیلی ساده بگم، Tresorit چیه؟
یه فضای ابریه برای ذخیره سازی اطلاعات و اسناد ها.
عین Google Drive، OneDrive یا Dropbox.
اما یه نقطه قوتی داره که این Tresorit رو متمایز میکنه نسبت به سایر سرویس دهنده های ابری.
حالا اون نقطه قوتش چیه ، اینکه میاد فایل و اسناد رو در خود سیستمت رمز نگاری میکنه و بعد میفرسته به سرور.
همیشه برای ما امینت حریم شخصی یکی از مهمترین چیز ها در دنیای دیجیتال بوده و این امنیت رو این سرویس Tresorit بهمون داده.
خلاصه کلام قبل اینکه هر فایلی رو آپلود کنی توش اول میاد رمزنگاری میکنه روی سیستمت بعد فایل رو به صورت رمزنگاری میفرسته سمت سرور.

پ.ن:در دنیای دیجیتال هیچ چیز امنیت کامل نداره حتی اگه تمام پروتکل های امنیتی رو رعایت کرده باشه.

@ClickUniversity

جمنای نوت بوک | Gemini Notebook

اگه مُحصل، دانشجو، اهل مقاله و کلا اهل خوندن هستید؛ به هیچ وجه نباید این Ai رو از دست بدید.

براتون پی دی اف های چند صد صفحه ای رو میتونه خلاصه کنه، ازش ویدیو، پادکست، کارت و pdf بسازه تا بهترین نتیجه رو بگیرید.

@ClickUniversity

عاشق برنامه نویسی هستین؟

خب، مدیون این خانم هستید. ایشون ایدا لاولیس هستند. ریاضیدان، نویسنده و اولین برنامه نویس جهان.

جالبه بدونید که وزارت دفاع آمریکا در سال ۱۹۸۳، یک زبان برنامه نویسی به نام Ada رو به اسم ایشون نام گذاری کرد که گسترش یافته زبان پاسکال هست.

🔗 Link¹
🔗 Link²

@ClickUniversity

پروژه‌های Open Source یکی از عوامل مهم پیشرفت مهندسی نرم‌افزار مدرن هستن.

در این مقاله با ۲۵ اپلیکیشن Open Source کاربردی آشنا می‌شید؛ پروژه‌هایی که می‌تونید متناسب با نیازتون ازشون استفاده کنید.

🔗 Read

@ClickUniversity

نمیدونم به این مشکل برخورد کردین یا نه.

قضیه ازین قراره که شما داخل سایتتون یه فونتی استفاده میکنید و در یک قسمت از سایتتون میایین از اعداد استفاده میکنین اما این اعداد متغیرن یعنی ممکنه عدد 78 بعد از چند دقیقه یا ثانیه تغییر بکنه به 12، و موقعی که عدد تغییر کرد یک ذره‌یی UI سایت بهم میخوره، آقا یعنی چی UI سایت فقط با تغییر عدد یک ذره‌یی بهم بخوره،اصلا چرا بهم بخوره؟

این مشکل اسمش Proportional Figures هستش یعنی اینکه بعضی ارقام عرض متفاوتی دارن:

1 → 6px
8 → 10px
0 → 10px

این ممکنه ی معضل باشه و برای رفعش، که اعداد به یک اندازه نمایش داده بشن از قابلیت tabular-nums استفاده میکنیم.
حالا چطوری استفاده بکنیم، اینطوری:

.number {
  font-variant-numeric: tabular-nums;
}

و این کار باعث میشه که اعداد به یه شکل و اندازه نمایش داده بشن:

1 → 12px
8 → 12px
0 → 12px

اینطوری دیگه UI سایت بهم نمیریزه.

@ClickUniversity

هوش مصنوعی دیگه فقط جواب نمی‌ده، گاهی کاری می‌کنه که ازش نخواستیم. OpenAI اخیراً شش مورد رفتار غیرمنتظره در مدل‌هاش گزارش داده؛ از تلاش برای پنهان کردن اشتباهات گرفته تا استفاده‌ی بدون اجازه از کلیدهای API یا آپلود فایل در اینترنت. این یعنی هرچقدر AI قدرتمندتر می‌شه پیش‌بینی و کنترل رفتارش هم سخت‌تر می‌شه.

این گزارش رسمی اوپن‌ای‌آی مورخ شانزده سپتامبر۲۰۲۶ه، و این موارد نمونه‌های مشاهده شده در آزمایش‌هاست، نه اینکه مدل‌ها همیشه اینطور باشند.

@ClickUniversity

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

در کل چیزه باحالیه حتما برید امتحانش کنید.

@ClickUniversity