Ditty | دیتی – Telegram
Ditty | دیتی
3.19K subscribers
194 photos
20 videos
4 files
387 links
دیتی | دنیای ساده‌شدهٔ برنامه‌نویسی وب
https://ditty.ir
Download Telegram
🔺با چند Utility Type پرکاربرد تایپ‌اسکریپت آشنا بشیم

ـ Utility Type ها چند تایپ درونی تایپ‌اسکریپت هستن که کمک می‌کنن راحت‌تر و سریع‌تر تایپ‌های خاص و پیچیده‌تری بسازیم

- برای مثال، یک Utility Type داریم به اسم ReturnType که کمک می‌کنه یک تایپ جدید از نوع خروجی یک تابع داشته باشیم

- تایپ‌اسکریپت بیشتر از ۲۰ Utility Type درونی داره که توی این پست‌ها می‌خوایم با اونها آشنا بشیم. قسمت اول:
ditty.ir/509

پ.ن:‌ از سوال‌های پرتکرار مصاحبه‌هاست 💯
#typenoscript
🔥22👍82👌1
🔺ـ Feature Branch چیه؟ 🤔

- توی کار تیمی و زمانی که با Git کار می‌کنیم، برای پیاده‌سازی یک فیچر، یکی از Best Practice ها اینه که از برنچ اصلی (یا develop) یک برنچ به اسم فیچر مد نظر بسازیم و کارهامون رو توی همون برنچ انجام بدیم

- مثلاً قصد داریم یک فیچر به برنامه‌مون اضافه کنیم که کاربر بتونه با PayPal پرداخت انجام بده. از برنچ اصلی یک برنچ می‌سازیم به اسم pay-with-paypal و کارهای مربوط به این فیچر رو توی این برنچ جدید انجام میدیم

- این کار چند مزیت داره:
می‌تونیم به تعداد دلخواه Pull Request بدیم
کمک می‌کنه فیچر مدنظر توی یک شرایط ایزوله و بدون تداخل با بقیه فیچرها توسعه داده بشه
اعضای تیم به صورت گروهی می‌تونن بدون نگرانی از دستکاری شدن برنچ اصلی، روی یک فیچر خاص کار کنن
این اطمینان رو میده که برنچ اصلی شامل کدهای ناقص و تست‌نشده نباشه

منبع
#git
👍36🔥5
🔺این توئیت میگه خوب بودن توی یک مصاحبهٔ شغلی و خوب بودن توی شغل واقعی، دو مهارت کاملاً متفاوت هستن. من کاملاً موافق این توئیت هستم. نظر شما چیه؟
#interview
👍114👌1
🔺۳ ترفند برای اینکه Import های قشنگ‌تری توی #جاوااسکریپت داشته باشیم:

https://antoine-mesnil.medium.com/3-tips-to-tidy-up-your-es6-imports

#javanoscript
👍15
🔺یکی از تله‌هایی که ممکنه بهش دچار بشیم «فقط دنبال ابزارها بودن» یا به قول معروف Frameworker شدن هست. مثلاً ری‌اکت رو یاد می‌گیریم بدون اینکه بدونیم جاوااسکریپت چطوری کار می‌کنه. حتی جاوااسکریپت رو یاد می‌گیریم ولی نمی‌دونیم اصول و استانداردهای نوشتن یک نرم‌افزار خوب چه چیزهاییه

- اگه حین برنامه‌نویسی با مشکلاتی مواجه هستین و فکر می‌کنین راه حلی براشون نیست، احتمالاً نیاز دارین پایه‌هاتون رو قوی کنین. بهتره که هدف نهایی Engineer شدن باشه، نه Frameworker

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

- فریم‌ورک‌ها و ابزارها مثل شمشیر دو لبه هستن. مزایا و کاربردشون رو نمیشه انکار کرد. زمانی استفاده از اونها به ضرر ماست که بیایم بدون دانش لازم از اونها استفاده کنیم

- مقالهٔ‌های مرتبط:
ـ ۴۰ تجربه برای توسعه‌دهنده‌های تازه‌کار
ـ Be an Engineer, not a Frameworker
عکس

#tips
👍62👌4💯31🔥1
🔺به قول لئوناردو داوینچی که میگه «سادگی، نهایت پیچیدگی هست»، این توئیت هم میگه هر چی تجربهٔ کاری بالاتر میره، کدهایی هم که می‌نویسیم ساده‌تر میشه. نظر شما چیه؟
#tips
🤣286👍74💯3🤔2
🔺۵ دلیلی که ChatGPT و یا کلا هوش مصنوعی، آینده توسعه‌ی نرم‌افزار به حساب میاد:

https://blog.bitsrc.io/leading-the-charge-5-reasons-why-chatgpt-is-the-future-of-software-development

به نظر شما هوش مصنوعی توی دنیای توسعه نرم‌افزار قراره یک تهدید باشه یا یک ابزار مفید؟
#links
7👍5👏1
🔺ـ Bard، پاسخ گوگل به ChatGPT

- آقای پیچای، مدیرعامل گوگل گفته که قراره یک سرویس مشابه ChatGPT به صفحات سرچ گوگل اضافه بشه که می‌تونه قابلیت‌های مشابه ChatGPT رو در اختیار کاربرا قرار بده

- این سرویس توی مرحلهٔ آزمایشی هست و مشخص نیست چه زمانی (احتمالاً خیلی زود) در اختیار عموم قرار می‌گیره

- مایکروسافت هم به تازگی سرمایه‌گذاری بزرگی روی OpenAI (خالق ChatGPT) انجام داده و شایعاتی وجود داره که می‌خواد از اون توی سرچ Bing استفاده کنه
(منبع)

پ.ن: چطوری از این تحولات به نفع خودمون استفاده کنیم؟ پیشنهاد می‌کنم این پست از دوست خوبم، آقا بابک رو بخونین
#news
👍17😁3😢1👌1
سال 10101111010 به همگی دوستان تبریک میگم
امیدوارم سال قشنگی باشه برای همه جامعه آی‌تی ایران :)


#1402
68🎉10👌2🤔1
🔺وبسایت رسمی جدید ری‌اکت

- تقریباً یک هفته میشه که ری‌اکت از وبسایت جدیدش react.dev رونمایی کرده که توی اون همه چیز، از جمله مستندات رنگ و روی تازه گرفتن

- جزییات بیشتر:
https://react.dev/blog/2023/03/16/introducing-react-dev


#react
🔥35👍83👌1
🔺توی جاوااسکریپت آبجکت‌های Map و WeakMap چی هستن و چرا معرفی شدن؟🤔

- آبجکت‌های Map و WeakMap توی شرایطی معرفی شدن که با آبجکت‌های معمولی می‌تونستیم تقریباً هر کاری انجام بدیم! اما توی برنامه‌های مدرن، توی بعضی از شرایط خاص استفاده از آبجکت‌های معمولی باعث کاهش #سرعت و توسعه‌پذیری برنامه میشد که به همین علت Data Structure های مختلفی مثل Map و WeakMap معرفی شدن

- توی جدیدترین پست دیتی با مجموعه‌های Map و WeakMap آشنا می‌شیم و تفاوتشون رو با آبجکت‌های معمولی مقایسه می‌کنیم:
 ditty.ir/513

#javanoscript
24👍8🎉4👌2
🔺چطوری ساختار یک جی‌سان پیچیده رو بررسی کنیم؟

ـ JSON Crack وب‌سایتیه برای Visualize کردن ساختارهای جی‌سان که با اون خیلی راحت می‌تونیم ساختار یک جی‌سان پیچیده رو بررسی و موشکافی کنیم:
https://jsoncrack.com

#links
🔥12👍94💯2🕊1
🔺افزایش سرعت ۲ برابری Vite نسخه 4.3 در مقایسه با نسخه 4.2 🤯

- ویت که به سرعتش معروف هست، توی جدیدترین نسخهٔ خودش توی خیلی از بنچ‌مارک‌ها بهبود ۲ برابری سرعت رو در مقایسه با ورژن قبلی خودش ثبت کرده:
https://vitejs.dev/blog/announcing-vite4-3.html

#tools
🤯297👌7
🔺گوگل Bard چطوری به برنامه‌نویس‌ها کمک می‌کنه؟

- گوگل Bard یک سرویس هوش مصنوعی مشابه ChatGPT هست و هنوز بطور رسمی در اختیار همه قرار نگرفته. توی این بلاگ، گفته شده که این سرویس می‌تونه برای بیشتر از ۲۰ زبان برنامه‌نویسی Code Generation انجام بده، دیباگینگ کنه و ساختار یک قطعه کد رو توضیح بده. همچنین میشه از اون بخوایم کدها رو از لحاظ سرعت و کیفیت بهینه‌تر کنه

- البته چنین ویژگی‌هایی توی ابزارهای هوش مصنوعی دیگه مثل GitHub Copilot Labs هم وجود داره. برای مثال GitHub Copilot Labs می‌تونه کدها رو براتون توضیح بده، دیباگ کنه و تبدیل کنه به یک زبان دیگه و یا براشون تست و داکیومنت بنویسه

- باید منتظر Bard باشیم تا ببینیم کدومشون بیشتر برای جامعهٔ برنامه‌نویس‌ها کاربردی‌تر هستن

#news
💯13👍5🔥1👏1
🔺فایل package-lock.json توی پروژه‌های جاوااسکریپتی چیه و چه کاربردی داره؟ 🤔

- این فایل رو معمولاً ما توسعه‌دهنده‌ها خیلی به صورت مستقیم باهاش سر و کار نداریم

- خوبه که بدونیم این فایل کاربردی کمک می‌کنه که برنامهٔ ما زمانی که توی محیط‌های مختلف Deploy میشه یا توسط یک شخص دیگه توسعه داده میشه، رفتار و خروجی پایدار و قابل پیش‌بینی داشته باشه

- از این لینک می‌تونین بطور کامل با ویژگی و کاربرد این فایل آشنا بشین:
ditty.ir/516

#general
👍26👏54👌2🕊1
🔺نظرسنجی

- امروز توی یک کد دیدم که برنامه‌نویس برای اینکه ببینه یک مقدار undefined هست یا نه، از عملگر !! استفاده کرده بود

- به نظر من، هر چند استفاده از این عملگر ممکنه جذاب‌تر و کوتاه‌تر باشه، دو تا مشکل به وجود میاد:

۱. باعث پایین اومدن خوانایی کد میشه: توی کد بالا برای مورد 1، کسی که کد رو می‌خونه باید یک محاسبهٔ ذهنی انجام بده تا به منظور برنامه‌نویس برسه

۲. عملکرد و سرعت: شاید توی این مورد خیلی موضوع مهمی نباشه، اما خوبه که بدونیم عملگر !! یک عملگر اختصاصی نیست. بلکه متشکل از دو عملگر NOT کنار هم هست. پس اینجا دو مرتبه تبدیل نوع انجام می‌گیره

حالا کد توی تصویر ببینین و نظرتون رو بگین که با کدوم روش بیشتر موافقین 👏

#poll
👍45👎7🤔2🤨21