شورت‌کات‌های 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