Click University
83 subscribers
106 photos
6 videos
92 links
کلیک، دانشگاهِ عصرِ مدرن.

🎓 t.me/ClickUniversity?direct
Download Telegram
کافه بازار رو که یادتونه، همون که قبلا ازش اپ دانلود میکردیم.
اومده و یه سایتی توسعه دادن به نام بازار استودیو که توش پرامپت مینویسین و بازی رو تحویل میگیرین.

پ.ن: کاری به خوب یا بد بودن کیفیت کارشون ندارم. ولی بنظرم این نشون میده که تمام استارتاپ ها، شرکت ها و ... خیلی وقته دارن تلاش میکنن خودشونو با هایپ هوش مصنوعی همراه کنن.


@ClickUniversity
Neutralinojs
ساخت اپلیکیشن دسکتاپ با JavaScript

این فریم‌ورکی سبک برای ساخت اپلیکیشن‌های دسکتاپ با HTML، CSS و JavaScript است؛

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

🔗 Link

@ClickUniversity
جلوگیری از حواس‌پرتی هنگام کدنویسی

چطور موقع کدنویسی کمتر حواس‌پرت شویم؟

چند روش ساده برای افزایش تمرکز برنامه‌نویس‌ها؛ از مدیریت نوتیفیکیشن‌ها و محیط کار گرفته تا تقسیم کارها به بخش‌های کوچک‌تر و... که توی این مقاله کامل توضیح داده شده.

🔗 Read

@ClickUniversity
آقا این ninjaOne چیه و به چه دردی میخوره؟
این ابزاریه که به درد IT کار ها میخوره یعنی چی به درد IT کارها میخوره!؟
فرض کن یه شرکت ۵۰۰ تا لپ‌تاپ داره٬اما ممکنه ازین ۵۰۰ تا لب تاب ممکنه ۲۴۵ تاش نیاز به اپدیت یا بررسی یا هم عیب یابی داشته باشه اون وقت دیگه واویلا میشه برای IT کار.
اینجاست که فرشته نجات IT کارها وارد میشه یعنی ninjaOne , خوب الان وارد شد چکار میکنه این ابزار٬
این کار هارو میشه باهاش انجام داد:

سیستم‌ها رو مانیتور کنی

نرم‌افزارها و آپدیت‌ها رو مدیریت کنی

از راه دور به سیستم‌ها وصل بشی


و الا ماشاالله که نگم، نمیگنجه که بگم تو این پست، اما جالب‌تر اینکه روی هر دستگاه یک Agent اجرا میشه و با پنل مرکزی ارتباط داره٬ اینکه کارو راحت میکنه.

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

@ClickUniversity
روز برنامه‌نویس مبارک؛
به همه‌ی اونایی که یه bug رو پیدا می‌کنن و قبل از اینکه درستش کنن، سه تا bug جدید می‌سازن. :))

@ClickUniversity
پشت صحنه جاوااسکریپت
چه خبره؟

برای درک بهتر JavaScript، آشنایی با مفاهیمی مثل Call Stack، Heap، Event Loop و Queueها، این مقاله می تونه براتون مفید باشه.

🔗 Read

@ClickUniversity
Patterns.dev

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

@ClickUniversity
ی ابزاری هست بنام ACR.
آقا کارش اینکه میاد Code Review میکنه همین، اما با کمک ai، این ابزار برای جاوااسکریپت و ریکته.
ب طور مثال:
function getUser(id) {
  return users.find(user => user.id === id);
}

این ابزار ACR میاد اینو بررسی میکنه دنبال مشکلات احتمالی میگرده بعد به ai میده کد رو، باز جالبی ماجرا اینجاست که اون کدی که ai میده رو هم بهش اعتماد نداره میاد دوباره بررسی میکنه.
ابزار به درد بخوریه بنظرم.
برای اطلاعات بیشتر به این لینک مراجعه فرمایید.

@ClickUniversity
خیلی وقت‌ها وقتی فید لینکدین، اینستاگرام یا توییتر رو می‌بینیم، حس می‌کنیم همه از ما جلو زدن؛ یکی با AI توی یه روز پروژه ساخته، یکی استخدام شده، یکی استارتاپ زده و یکی یه مهارت رو خیلی سریع یاد گرفته. ولی مشکل اینجاست که فید واقعیت کامل زندگی آدم‌ها رو نشون نمی‌ده، بیشتر موفقیت‌ها و چیزهای عجیب و وایرال رو جلوی چشممون میاره. ما هم پشت‌صحنه‌ی زندگی خودمون رو با ویترین بقیه مقایسه می‌کنیم و فکر می‌کنیم عقبیم. در حالی که خیلی از چیزهایی که می‌بینیم استثنا هستن، نه وضعیت معمول. پس به‌جای اینکه مدام خودمون رو با آدم‌های توی فید مقایسه کنیم، بهتره زمان کمتری صرف دیدن فید کنیم و بیشتر روی مسیر و پیشرفت خودمون تمرکز کنیم.
اگه دائم خودتو بخاطر روند پیشرفتت سرزنش می‌کنی اینجا به موارد مهمی اشاره کرده.

@ClickUniversity
این شما و این Raspberry Pi

رزبری پای یه مینی (نانو) کامپیوتره که توی کف دست جا میشه و عملا هیچ فرقی با یه کامپیوتر یا لپ تاپ نداره!

کاربرداش؟
MVP و پروتوتایپ سریع
هک و امنیت
سرور خانگی
اینترنت اشیا
رباتیک
مدیا سنتر
اتوماسیون خانگی
شبکه و مانیتورینگ
آموزش لینوکس
بینایی ماشین
وب سرور و API
گیمینگ رترو
کلود شخصی
دیتالاگر و جمع‌آوری داده
و عملا هرچیزی که با کامپیوتر عادی میتونید انجام بدید.

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

پ.ن: من خودم دارم ازش برای یه پروژه AI استفاده میکنم و امیدوارم جواب بده :)

@ClickUniversity
این Bun چیست؟
برنامه نویس بک اند و با Nodejs کارکرده باشی میدونی چطوری با Nodejs کار کنی.
اما Bun هم دقیقا عین Nodejs هستش اما یه تفاوت اصلی بین این دو وجود داره قبل اینکه تفاوت رو بگم یه جلمه هست که میگه :آنچه همه خوبان دارن تو یکجا داری.

این Bun هم تقریبا همینه٬ آقا یعنی چی ؟
ب عنوان مثال در Nodejs برای هرکاری یه ابزاری هست اما Bun میگه چکاریه بیا من همون ابزار هارو به صورت پیشفرض داخل خودم دارم نیاز به نصب ابزار ها نیست.
من یک نمونه ازین ابزار خدمتتون میگم٬ در Nodejs ما برای اینکه بیاییم کد هامون رو تست کنیم از یه ابزاری به نام Jest استفاده میکنیم.
اما داخل Bun قضیه فرق میکنه٬ Bun میگه که بیا میخوای تست اجرا بکنی بیا ازین دستور bun test استفاده کن.

اما این Nodejs برای اجرای کد های js از یه موتوری بنام V8 استفاده میکنه حالا این Bun هم ازین موتور استفاده میکنه؟
نه٬ برای اجرا کردن کد های js و ts از یه موتوری بنام JavaScriptCore استفاده میکنه.
جا داره که بیام بیشتر دربارش صبحت کنم داخل این پست اما نمگنجه بگم٬اما اگه میخوایی بیشتر اشنا بشی وارد این لینک شو.

@ClickUniversity
فتوشاپ تحت وب، بدون نصب میتونین کاملا فایل‌های 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