فاندیشن SheCodes آموزش‌های خودش رو برای 10,000 خانم ایرانی رایگان کرد‌ ❤️👏

https://www.shecodesfoundation.org/iran

🔺درود دوستان. ۲ مقاله تایپ‌اسکریپتی منتشر کردم. امیدوارم بدردتون بخوره:

• تفاوت Type و Interface توی تایپ‌اسکریپت
• تایپ‌های any و unknown توی تایپ‌اسکریپت چه فرقی دارن؟


پ.ن: ممنون که توی این مدت توی کانال بودین و حمایت کردین. اگه فعالیتی نبود، به احترام غمی بود که به همه‌مون وارد شد. اگه هم فعالیتی باشه، دلیلی جز احترام به حضور و درخواست شما عزیزان نیست ❤️

- قصد دارم به زودی (نه خیلی زود :)) ) مجموعه مقالات فنی و غیرفنی رو آماده کنم که بهتون کمک می‌کنه بتونین شغل بهتری پیدا کنین یا توی شغلتون به عنوان یک Frontend Developer پیشرفت کنین. ممنون اگه به هر نحوی از کانال و مطالب حمایت کنین
#typenoscript

🔺یه ابزار باحال برای نمایش console.log های برنامه

- با Console Ninja که یک اکستنشن VS Code هست می‌تونیم console.log های برنامه رو توی همون VS Code و به صورت لحظه‌ای ببینیم (ویدئو رو نگاه کنین)

- نصب و جزییات بیشتر:
https://marketplace.visualstudio.com/items?itemName=WallabyJs.console-ninja

#links

🔺از sendBeacon جاوااسکریپت چی می‌دونیم؟

- اگه توی یک صفحه وب، قصد داریم اطلاعات کوچیک که بیشتر جنبهٔ آماری دارن رو به سرور ارسال کنیم، بهتره sendBeacon رو به Ajax ترجیح بدیم. چون توی بعضی شرایط Ajax محدودیت‌هایی داره و قابل اطمینان نیست

- متد sendBeacon که یک Web API هست، شباهت‌هایی به ای‌جکس داره و اطلاعات رو بصورت Async به سرور می‌فرسته. اما ویژگی‌ها و کاربرد منحصر به فردی داره که توی پست زیر می‌تونید با اون آشنا بشید:
ditty.ir/506

#javanoscript

🔺با چند Utility Type پرکاربرد تایپ‌اسکریپت آشنا بشیم

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

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

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

پ.ن:‌ از سوال‌های پرتکرار مصاحبه‌هاست 💯
#typenoscript

🔺اگه به آموزش‌های پروژه-محور علاقه دارین، ریپازیتوری Project Based Learning برای شماست:
https://github.com/practical-tutorials/project-based-learning

#links

🔺ـ Feature Branch چیه؟ 🤔

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

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

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

منبع
#git

🔺این توئیت میگه خوب بودن توی یک مصاحبهٔ شغلی و خوب بودن توی شغل واقعی، دو مهارت کاملاً متفاوت هستن. من کاملاً موافق این توئیت هستم. نظر شما چیه؟
#interview

🔺تایپ void و never توی #تایپ‌اسکریپت چه فرقی باهم دارن؟ 🤔

ditty.ir/505

#typenoscript

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

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

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

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

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

#tips

🔺به قول لئوناردو داوینچی که میگه «سادگی، نهایت پیچیدگی هست»، این توئیت هم میگه هر چی تجربهٔ کاری بالاتر میره، کدهایی هم که می‌نویسیم ساده‌تر میشه. نظر شما چیه؟
#tips

🔺۵ دلیلی که ChatGPT و یا کلا هوش مصنوعی، آینده توسعه‌ی نرم‌افزار به حساب میاد:

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

به نظر شما هوش مصنوعی توی دنیای توسعه نرم‌افزار قراره یک تهدید باشه یا یک ابزار مفید؟
#links

🔺ـ Bard، پاسخ گوگل به ChatGPT

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

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

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

پ.ن: چطوری از این تحولات به نفع خودمون استفاده کنیم؟ پیشنهاد می‌کنم این پست از دوست خوبم، آقا بابک رو بخونین
#news

🔺یه کانال خوب که فرصت‌های شغلی خارجی/ریموت مناسب ایرانی‌ها رو معرفی می‌کنه:
https://news.1rj.ru/str/jobs_finding

#links

سال 10101111010 به همگی دوستان تبریک میگم
امیدوارم سال قشنگی باشه برای همه جامعه آی‌تی ایران :)


#1402

🔺وبسایت رسمی جدید ری‌اکت

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

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


#react

🔺توی جاوااسکریپت آبجکت‌های Map و WeakMap چی هستن و چرا معرفی شدن؟🤔

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

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

#javanoscript

🔺چطوری ساختار یک جی‌سان پیچیده رو بررسی کنیم؟

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

#links

🔺افزایش سرعت ۲ برابری Vite نسخه 4.3 در مقایسه با نسخه 4.2 🤯

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

#tools