برنامه‌نویس های جاوااسکریپت،
آیا میدونستید که میتونید از قابلیت های تایپ اسکریپت داخل خود فایل جاوااسکریپت استفاده کنید.
خوب الان با خودت میگی چطوری؟

ببین قبلا اگه میخواستین از قابلیت های تایپ اسکریپت استفاده کنی باید  اول یه فایل tsconfig.json ایجاد میکردی و تنظیمات مربوط ب تایپ اسکریپت رو انجام میدادی اونوقت ی فایل تایپ اسکریپت ب اسم app.ts درست میکردی حالا میتونستی از قابلیت تایپ اسکریپت استفاده کنی.

اما با jsDoc دیگه ازین خبرا نیست فایل (app.js) ایجاد کن و  از قابلیت  های تایپ اسکریپت استفاده کن در داخلش.
اینم از لینک خود داکیومنتش برای کسب اطلاعات بیشتر.

پ.ن:اینکار برای پروژه های کوچیک رو به متوسط خوبه در غیر این صورت بهتره که از خود تایپ اسکریپت استفاده کنید.

@ClickUniversity

احتمالا ازین که ریکت یه اپدیتی داده خبر داشته باشین، اما ازونور هم ندونید که تو این اپدیت چیا اضافه کرده.
مهم ترین اپدیت ها:

1: <ViewTransition />

2: Fragment Refs

3:Transition free

4:browser()

توضیح دادن هریک از اینها داخل این پست نمیگنجه پس پیشنهاد میکنم که به لینک که اخر همین پست گذاشتم مراجعه کنید برای کسب اطلاعات بیشتر.
آپدیت خفنیه و در این آپدیت چندین تا باگ هم رفع شده.

🔗Link

@ClickUniversity

یه خانم تصمیم می‌گیره ۳۰ روز، هر روز ساعت ۴:۳۰ صبح بیدار بشه.

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

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

در هفته سوم یه شب تا ساعت ۱ بیدار می‌مونه و صبح دوباره ۴:۳۰ بیدار می‌شه.کل روز خسته‌‌ست و نمی‌تونه درست کار کنه. اینجا می‌فهمه که خودِ ساعت ۴:۳۰ چیز خاصی نیست. اگه خواب کافی نداشته باشی، زود بیدار شدن فقط خسته‌ات می‌کنه.

بعد از ۳۰ روز، تمرکزش بهتر شده و تونسته یه پروژه‌ای رو که مدت‌ها عقب انداخته بود تموم کنه، کمتر هم سراغ گوشی رفته.
آخرش به این نتیجه می‌رسه که لازم نیست حتماً ساعت ۴:۳۰ بیدار شی. مهم اینه که خوب بخوابی و یه مقدار از روزت رو برای خودت نگه داری.
چیزی که بهش کمک کرده، خودِ ساعت ۴:۳۰ نبوده، اون چند ساعت آروم و بدون گوشی بوده که تونسته توش روی کارهای مهمش تمرکز کنه.
بیشتر اینجا میتونید در مورد ایشون بخونید.

@ClickUniversity

تاحالا اسم styleX رو شنیدی که با خودت بگی اصلا این چیه؟
این styleX یه سیستم استایل دهی برای ریکته که توسط meta ساخته شده.
ایده‌اش اینه که به‌جای اینکه برای هر کامپوننت فایل‌های جداگانه‌ی CSS بنویسی، استایل‌ها رو مستقیماً کنار کد کامپوننت تعریف کنی.
اینجا یه سوال پیش میاد اونم اینکه فرقش با تیلویند چیه؟ با تیلویند هم میشه داخل همون کامپوننت استایل هارو نوشت.
محوریت این دو فرق میکنه پس محوریت تیلویند اینه :
برای هر کاری یک Utility Class داشته باش٬
اما محوریت styleX اینه :
استایلت رو تعریف کن؛ من در زمان Build بهینه‌ش می‌کنم.

حالا متا ازین ابزار توی :

Facebook

Instagram

WhatsApp

Messenger

Threads

استفاده کرده.

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

@ClickUniversity

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

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

@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