شورت‌کات‌های html که همیشه یادم میرن و مطمئنم همیشه شما هم یادتون میره
پ.ن : جا داره بگم زمانی اینها کاربردشون خیلی وسعت پیدا می‌کنه که شما وقتی یک طرحی رو دیدین راحت توی ذهنتون ساختار درختیشو بچینید، اینشکلی سرعت کدزنیتون میره بالاتر.
@ClickUniversity
پ.ن : جا داره بگم زمانی اینها کاربردشون خیلی وسعت پیدا می‌کنه که شما وقتی یک طرحی رو دیدین راحت توی ذهنتون ساختار درختیشو بچینید، اینشکلی سرعت کدزنیتون میره بالاتر.
@ClickUniversity
کدهای وضعیت HTTP کاربردی و پرکاربرد برای پروژه‌های API توی Next.js
پ.ن : این عکس فقط شامل تعدادی از کدهای وضعیت HTTP هستش، امکان قرار دادن همشون یجا توی یک عکس وجود نداره.
@ClickUniversity
پ.ن : این عکس فقط شامل تعدادی از کدهای وضعیت HTTP هستش، امکان قرار دادن همشون یجا توی یک عکس وجود نداره.
@ClickUniversity
گیت رو واقعاً می‌خوای بفهمی؟
خیلی‌ها Git رو با حفظ کردن دستورهایی مثل:
یاد می‌گیرن.
ولی این کتاب از پایه توضیح می‌ده Git پشت صحنه چطور کار می‌کنه؛ از objectها و commitها گرفته تا branch و repository.
اگر می‌خوای Git رو واقعاً درک کنی، نه فقط استفاده کنی، این منبع خیلی ارزشمنده.
🔗 Link
@ClickUniversity
خیلی‌ها Git رو با حفظ کردن دستورهایی مثل:
git add
git commit
git push
یاد می‌گیرن.
ولی این کتاب از پایه توضیح می‌ده Git پشت صحنه چطور کار می‌کنه؛ از objectها و commitها گرفته تا branch و repository.
اگر می‌خوای Git رو واقعاً درک کنی، نه فقط استفاده کنی، این منبع خیلی ارزشمنده.
🔗 Link
@ClickUniversity
چرا نباید روی دکمه Submit چند بار کلیک کنیم؟
فرض کن کاربر روی پرداخت کلیک می‌کنه، ولی اینترنت کند شده.
کاربر فکر می‌کنه اتفاقی نیفتاده و دوباره کلیک می‌کنه.
حالا ممکنه درخواست دوبار ارسال بشه و مثلاً:
دو بار پول کم بشه!
این مقاله درباره یکی از مشکلات مهم طراحی سیستم‌ها یعنی جلوگیری از پردازش تکراری درخواست‌ها صحبت می‌کنه.
🔗 https://historicalmodeling.com/dontclicksubmittwice/
@ClickUniversity
فرض کن کاربر روی پرداخت کلیک می‌کنه، ولی اینترنت کند شده.
کاربر فکر می‌کنه اتفاقی نیفتاده و دوباره کلیک می‌کنه.
حالا ممکنه درخواست دوبار ارسال بشه و مثلاً:
دو بار پول کم بشه!
این مقاله درباره یکی از مشکلات مهم طراحی سیستم‌ها یعنی جلوگیری از پردازش تکراری درخواست‌ها صحبت می‌کنه.
🔗 https://historicalmodeling.com/dontclicksubmittwice/
@ClickUniversity
یک Terminal مدرن و سریع
Ghostty
یک Terminal emulator مدرن است که روی سرعت، امکانات استاندارد و تجربه توسعه تمرکز داره.
اگر زیاد با Terminal کار می‌کنی، انتخاب Terminal می‌تونه روی تجربه روزانه‌ات تأثیر زیادی بذاره.
🔗 https://ghostty.org
@ClickUniversity
Ghostty
یک Terminal emulator مدرن است که روی سرعت، امکانات استاندارد و تجربه توسعه تمرکز داره.
اگر زیاد با Terminal کار می‌کنی، انتخاب Terminal می‌تونه روی تجربه روزانه‌ات تأثیر زیادی بذاره.
🔗 https://ghostty.org
@ClickUniversity
قرار نیست همیشه منتظر جواب سرور بمونی.
فرض کن کاربر یک آیتم رو تغییر می‌ده و روی ذخیره کلیک می‌کنه.
به‌جای اینکه صبر کنیم تا درخواست به سرور بره و جواب برگرده، می‌تونیم تغییر رو همون لحظه روی UI نمایش بدیم.
این همون مفهوم
این مقاله بررسی می‌کنه چطور با
🔗 READ
@ClickUniversity
فرض کن کاربر یک آیتم رو تغییر می‌ده و روی ذخیره کلیک می‌کنه.
به‌جای اینکه صبر کنیم تا درخواست به سرور بره و جواب برگرده، می‌تونیم تغییر رو همون لحظه روی UI نمایش بدیم.
این همون مفهوم
Optimistic Update هست.این مقاله بررسی می‌کنه چطور با
useActionState و useOptimistic در Next.js، چند تغییر هم‌زمان رو مدیریت کنیم؛ بدون اینکه تغییرات کاربر تا پایان ذخیره شدن از صفحه ناپدید بشن :🔗 READ
@ClickUniversity
یک فایل HTML خالی هم جزئیات خودش رو داره!
همه ما با این شروع می‌کنیم:
اما واقعاً یک HTML Boilerplate خوب در سال 2026 باید چه چیزهایی داشته باشه؟
این مقاله ساختار پایه یک فایل HTML رو بررسی می‌کنه و توضیح می‌ده هر بخش چرا وجود داره.
برای کسی که می‌خواد HTML رو اصولی‌تر یاد بگیره، مفیده
🔗 https://www.matuzo.at/blog/2026/html-boilerplate
@ClickUniversity
همه ما با این شروع می‌کنیم:
<!DOCTYPE html>
اما واقعاً یک HTML Boilerplate خوب در سال 2026 باید چه چیزهایی داشته باشه؟
این مقاله ساختار پایه یک فایل HTML رو بررسی می‌کنه و توضیح می‌ده هر بخش چرا وجود داره.
برای کسی که می‌خواد HTML رو اصولی‌تر یاد بگیره، مفیده
🔗 https://www.matuzo.at/blog/2026/html-boilerplate
@ClickUniversity
وقتی از "flex-wrap" استفاده می‌کنیم، آیتم‌ها ممکنه خیلی نامتعادل بین خط‌ها پخش بشن
مثلاً یه خط ۵ تا آیتم داشته باشه و خط بعدی فقط ۱ یا ۲ تا!
این مقاله یه قابلیت جالب به اسم "flex-wrap: balance" رو بررسی می‌کنه که کمک می‌کنه آیتم‌ها متعادل‌تر بین خط‌ها تقسیم بشن
اگه با Flexbox کار می‌کنی، حتماً یه نگاه بنداز :
🔗 READ
@ClickUniversity
مثلاً یه خط ۵ تا آیتم داشته باشه و خط بعدی فقط ۱ یا ۲ تا!
این مقاله یه قابلیت جالب به اسم "flex-wrap: balance" رو بررسی می‌کنه که کمک می‌کنه آیتم‌ها متعادل‌تر بین خط‌ها تقسیم بشن
اگه با Flexbox کار می‌کنی، حتماً یه نگاه بنداز :
🔗 READ
@ClickUniversity
وقتی هوش‌های مصنوعی از کار افتادن، مسخره‌بازیا بیشتر شدن. پس از اینکه ChatGPT، Claude و Grok همشون روز پنجشنبه با اختلال مواجه شدن، سوژه‌ی کاربرا تو X قرار گرفتن. هی میگفتن که دولوپرا بدون دستیارای هوش مصنوعی‌شون چقدر درمانده به نظر می‌رسن.
ایلان ماسک هم با انتشار کلیپی وایرال از یک اورانگوتان وارد ماجرا شد و شوخی کرد که انسان‌هایی که بدون هوش مصنوعی کدنویسی می‌کنن، شبیه میمون‌های دست‌وپاچلفتین.
کاربران هم همراهیش کردن و آبرو شرف برا وایب‌کدرا و برنامه نویسای بی‌دانش نذاشتن :)
از اینجا میتونید بیشتر بخونید
@ClickUniversity
ایلان ماسک هم با انتشار کلیپی وایرال از یک اورانگوتان وارد ماجرا شد و شوخی کرد که انسان‌هایی که بدون هوش مصنوعی کدنویسی می‌کنن، شبیه میمون‌های دست‌وپاچلفتین.
کاربران هم همراهیش کردن و آبرو شرف برا وایب‌کدرا و برنامه نویسای بی‌دانش نذاشتن :)
از اینجا میتونید بیشتر بخونید
@ClickUniversity
اسمِ کسی که ChatGPT رو ساخته سم آلتمن ( Sam Altman ) هست
فکر می‌کنم ارزش داره اسم فردی که دنیارو متحول کرد رو بگم تا بشناسید، دمش گرم.
@ClickUniversity
فکر می‌کنم ارزش داره اسم فردی که دنیارو متحول کرد رو بگم تا بشناسید، دمش گرم.
@ClickUniversity
This media is not supported in your browser
VIEW IN TELEGRAM
بازم یک شاهکار دیگه از GPT-6 Astra که خلق کرده.
آقا یه بابای اومده از این Astra خواسته که مدل سه بعدی از بدن ی مرد درست کنه و این Astra هم گفته چشم،
حالا جالبی ماجرا اونجاست که این سایت ی قلتکی داره که هر چی جلو ببری این بدن از هم شکافته میشه و به اجزای کوچکتری تقسیم میشه و اطلاعات هر قسمت هم اگه روش کلیک بکنی هست.
برای دیدنش اینجا کلیک کنین.
@ClickUniversity
آقا یه بابای اومده از این Astra خواسته که مدل سه بعدی از بدن ی مرد درست کنه و این Astra هم گفته چشم،
حالا جالبی ماجرا اونجاست که این سایت ی قلتکی داره که هر چی جلو ببری این بدن از هم شکافته میشه و به اجزای کوچکتری تقسیم میشه و اطلاعات هر قسمت هم اگه روش کلیک بکنی هست.
برای دیدنش اینجا کلیک کنین.
@ClickUniversity
دو روزنامه‌ی آمریکایی از شرکت OpenAi و مایکروسافت شکایت کردن
مدعین که این شرکت‌ها بدون مجوز از مطالب روزنامشون برای آموزش مدل‌های هوش مصنوعی استفاده کردن.
الان هم افتادن تو جنگ و مث اینکه این قضیه‌ی شکایت‌ها جدی‌تر شده
پ.ن : حس می‌کنم این بازیای خودشونه تا حواشی رو به مدت طولانی سمت این حوزه جذب کنن و از اینکه زمینه‌ی هوش مصنوعی درآمدهای فوق‌کلان داره همه می‌خوان از این درآمدها چیزی به جیب بزنن.
@ClickUniversity
مدعین که این شرکت‌ها بدون مجوز از مطالب روزنامشون برای آموزش مدل‌های هوش مصنوعی استفاده کردن.
الان هم افتادن تو جنگ و مث اینکه این قضیه‌ی شکایت‌ها جدی‌تر شده
پ.ن : حس می‌کنم این بازیای خودشونه تا حواشی رو به مدت طولانی سمت این حوزه جذب کنن و از اینکه زمینه‌ی هوش مصنوعی درآمدهای فوق‌کلان داره همه می‌خوان از این درآمدها چیزی به جیب بزنن.
@ClickUniversity
کاربردهای عجیب CSS Infinity
با CSS میشه چیزهای خیلی بیشتری از چیزی که فکر می‌کنیم ساخت.
این مقاله مجموعه‌ای از کاربردهای مختلف و بعضاً عجیب برای مفهوم Infinity در CSS رو نشون می‌ده.
بعضی‌ها کاربردی هستن و بعضی‌ها صرفاً برای سرگرمی و نمایش قابلیت‌های CSS
مشاهده مقاله
@ClickUniversity
با CSS میشه چیزهای خیلی بیشتری از چیزی که فکر می‌کنیم ساخت.
این مقاله مجموعه‌ای از کاربردهای مختلف و بعضاً عجیب برای مفهوم Infinity در CSS رو نشون می‌ده.
بعضی‌ها کاربردی هستن و بعضی‌ها صرفاً برای سرگرمی و نمایش قابلیت‌های CSS
مشاهده مقاله
@ClickUniversity
سرعت تایپ برای یک برنامه‌نویس می‌تونه روی سرعت کار روزانه تأثیر زیادی بذاره. این سایت نکات و تمرین‌هایی برای افزایش سرعت و مهارت تایپ ارائه می‌ده.
نکات واقعا عالی اشاره شده، برسی کردنش خالی از لطف نیست.
Typinglounge
@ClickUniversity
نکات واقعا عالی اشاره شده، برسی کردنش خالی از لطف نیست.
Typinglounge
@ClickUniversity
سارا بالدو، بخش زیادی از سال گذشته رو به دلیل کار تو سفر بوده. برا همین یه هوش مصنوعی از خودش ساخت و در اختیار پسر ۱۵ ساله‌اش قرار داده.
تا اگه نبود این Ai جای مادر رو بگیره و پسر رو راهنمایی کنه.
برای ساختنش بالدو از مکالمات متنی خودش و پسرش و اسنادی درباره ارزش‌ها و باوراش و قوانین خانواده در اختیار هوش مصنوعی قرارداد
هدف این بود، چت‌بات بر اساس اصول پاسخ بده که به‌عنوان یک والد از اونا پیروی کنه. پسرش هم سراغ هوش مصنوعی رفت و راهنمایی می‌گرفت؛ اما بعد یه اتفاق جالبی افتاد
ی بار از چت‌بات پرسید چطور مادر واقعیشو قانع کنه تا اجازه بده به یک کافه بره. Ai بر اساس دیدگاه‌ها و باورای خود بالدو، استدلال‌هایی واسه قانع کردنش ارائه داد.
واقعنم یه روز پسرش از همون استدلال‌ها استفاده کرد و تونست مادرشو قانع کنه🫨
بعد این ماجرا..
سم آلتمن پیشنهاد داد که اطلاعات مربوط به علایق کودکان به ChatGPT متصل بشن تا بتونه برای مسیر رفت‌وآمد به مدرسه، ی سری پادکستای شخصی‌سازی‌شده تولید کنه
الکس هیرش هم نوشت :
ـ خب چرا فقط با بچه‌هاتون صحبت نمی‌کنید؟
جوابش بیشتر از پست اصلی آلتمن لایک گرفت.
جالبه :))
@ClickUniversity
تا اگه نبود این Ai جای مادر رو بگیره و پسر رو راهنمایی کنه.
برای ساختنش بالدو از مکالمات متنی خودش و پسرش و اسنادی درباره ارزش‌ها و باوراش و قوانین خانواده در اختیار هوش مصنوعی قرارداد
هدف این بود، چت‌بات بر اساس اصول پاسخ بده که به‌عنوان یک والد از اونا پیروی کنه. پسرش هم سراغ هوش مصنوعی رفت و راهنمایی می‌گرفت؛ اما بعد یه اتفاق جالبی افتاد
ی بار از چت‌بات پرسید چطور مادر واقعیشو قانع کنه تا اجازه بده به یک کافه بره. Ai بر اساس دیدگاه‌ها و باورای خود بالدو، استدلال‌هایی واسه قانع کردنش ارائه داد.
واقعنم یه روز پسرش از همون استدلال‌ها استفاده کرد و تونست مادرشو قانع کنه🫨
بعد این ماجرا..
سم آلتمن پیشنهاد داد که اطلاعات مربوط به علایق کودکان به ChatGPT متصل بشن تا بتونه برای مسیر رفت‌وآمد به مدرسه، ی سری پادکستای شخصی‌سازی‌شده تولید کنه
الکس هیرش هم نوشت :
ـ خب چرا فقط با بچه‌هاتون صحبت نمی‌کنید؟
جوابش بیشتر از پست اصلی آلتمن لایک گرفت.
جالبه :))
@ClickUniversity
معماری مرموز OpenAI
مدل جدید GPT-6 Astra که در روز های اخیر توجه زیادی رو جلب خودش کرده، یکی اومده در مورد استفاده معماری Recurrent Depth یا Looped Transformer در این مدل چیزیایی نوشته، که براساس این گفته ها AI می‌تونه برخلاف مدل های قبلی که برای رسیدن به پاسخ مراحل استدلال متنی تولید می‌کرد، می‌تونه یک بخش از شبکه رو چندین بار پردازش کنه بدون تولید متن قابل مشاهده برای کاربر.
این موضوع مزیت ها و نگرانی های ایجاد کرده که میتونید در این لینک بیشتر در مورد ش بخونید.
@ClickUniversity
مدل جدید GPT-6 Astra که در روز های اخیر توجه زیادی رو جلب خودش کرده، یکی اومده در مورد استفاده معماری Recurrent Depth یا Looped Transformer در این مدل چیزیایی نوشته، که براساس این گفته ها AI می‌تونه برخلاف مدل های قبلی که برای رسیدن به پاسخ مراحل استدلال متنی تولید می‌کرد، می‌تونه یک بخش از شبکه رو چندین بار پردازش کنه بدون تولید متن قابل مشاهده برای کاربر.
این موضوع مزیت ها و نگرانی های ایجاد کرده که میتونید در این لینک بیشتر در مورد ش بخونید.
@ClickUniversity
اگه از React Query استفاده می‌کنی، احتمالاً بیشتر تمرکزت روی Fetch کردن و Cache کردن Data بوده.
اما Selectors می‌تونن کنترل بیشتری روی داده‌ای که از Query دریافت می‌کنی بهت بدن.
به جای اینکه هر Component کل Data رو دریافت و پردازش کنه، می‌تونی دقیقاً بخش موردنیازت رو انتخاب کنی.
یک قابلیت ساده، ولی در پروژه‌های بزرگ می‌تونه خیلی کاربردی باشه.
🔗 این لینکش
@ClickUniversity
اما Selectors می‌تونن کنترل بیشتری روی داده‌ای که از Query دریافت می‌کنی بهت بدن.
به جای اینکه هر Component کل Data رو دریافت و پردازش کنه، می‌تونی دقیقاً بخش موردنیازت رو انتخاب کنی.
یک قابلیت ساده، ولی در پروژه‌های بزرگ می‌تونه خیلی کاربردی باشه.
🔗 این لینکش
@ClickUniversity