سال 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

🔺چطوری AbortController #جاوااسکریپت به وبسایتمون کمک می‌کنه عملکرد و UX بهتری داشته باشه؟ 🤔

- این پست جدید دیتی رو ببینین:
ditty.ir/515

#javanoscript

🔺گوگل Bard چطوری به برنامه‌نویس‌ها کمک می‌کنه؟

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

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

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

#news

🔺فایل package-lock.json توی پروژه‌های جاوااسکریپتی چیه و چه کاربردی داره؟ 🤔

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

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

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

#general

🔺نظرسنجی

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

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

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

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

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

#poll

برای سلامتی «صابر راستی کردار» دعا کنیم و ازش حمایت کنیم. صابر عزیز که با فونت‌های قشنگش، دنیای ما رو قشنگ‌تر کرد 🤲❤️

جزییات بیشتر در وبلاگ صابر:
https://rastikerdar.blog.ir


اگه قصد حمایت دارین:
https://rastikerdar.github.io/vazirmatn

#prayforsaber

🔺توی این پست دیتی به چند تا نکته اشاره کردم که کمک می‌کنن یک برنامهٔ فرانت‌اندی تمیز، قابل توسعه و به قول معروف Maintainable داشته باشیم:
ditty.ir/517

#general

🔺می‌تونید به کسی که دوستش دارین این جملات رو بگین:

- You're the global variable in the scope of my heart, accessible and cherished by every corner of my being, holding the most valuable and irreplaceable value: love for you.

- You're the semicolon at the end of my every line, a symbol of completeness and harmony, ensuring that our love story is perfectly punctuated with moments of joy and happiness.

- You're the async function in my life, gracefully handling every challenge and obstacle that comes our way, ensuring that our love story unfolds with perfect timing and delightful surprises.

- You're the promise that never fails, always resolving into a beautiful future together, as we await the fulfillment of our dreams in the realm of love and happiness.

- You're the perfect syntax of my heart, with every line of your presence bringing harmony and coherence to the JavaScript code that runs through my veins.

- You're the Git repository of my heart, where every commit represents a cherished moment we've shared, and every merge brings us closer in perfect harmony.

- You're the HTML tag that wraps around my heart, adding structure and meaning to every moment we share.

- You're the JavaScript library that adds magic and enchantment to the canvas of my existence

- You're the perfect code snippet that effortlessly executes a flawless dance in the symphony of my heart

- You're the variable of my heart, the constant in my thoughts, and the function that makes my life complete.

- You're the CSS to my HTML, you make everything look stunning and stylish in my world

- You're the semicolon to my statements; without you, my life would be incomplete and full of errors

- You're the console.log() to my coding journey, always printing happiness and warmth to my heart

- You're my favorite variable in this world of constants, always bringing joy and unpredictability to my life

- You're the JavaScript to my heart, you bring interactivity and magic to my life

- You're the "this" keyword that perfectly references the love we share, dynamically adapting and pointing to the profound connection between us, transcending context and reminding us of the special bond we have in every moment.

- You're the tsconfig.json file of my life, providing the configuration and structure for our love to thrive, ensuring a strong foundation and enabling smooth communication and compatibility as we journey through the wonderful moments together.

- You're the "SameSite" attribute in my heart, providing an extra layer of security and control over our love. Just like the "SameSite" attribute ensures that cookies are only sent in same-site requests, you protect our connection by keeping it within the bounds of trust and loyalty, creating a safe and secure environment where our love can flourish without external interference.

منبع ChatGPT
‌

🔺مراقب این جواب‌هایی ChatGPT به این شکل با نهایت اعتماد به نفس میده باشین 👀
#chatgpt

🔺سوالات مصاحبهٔ فرانت‌اند + جواب اختصاصی

- وقتی مشغول مصاحبه با شرکت‌ها برای شغل جدیدم بودم، لیستی از سوالات و نکته‌هایی که فکر می‌کردم مهم هستن و ممکنه مستقیم یا غیر مستقیم توی مصاحبه‌ها پرسیده بشه رو جایی ذخیره می‌کردم و قبل از هر مصاحبه‌ای اونها رو مرور می‌کردم

- حالا قصد دارم همهٔ اون سوالات رو با توضیحات اختصاصی برای شما هم به اشتراک بذارم. امیدوارم استفاده کنین، توی کارِتون پیشرفت کنین و توی بهترین جاها فعالیت کنین

- این مجموعه که توی اون می‌خوایم حداقل ۸۰ سوال رو بررسی می‌کنیم، به صورت قسمت‌های ۱۰ سوالی منتشر میشه

- قسمت اول این سوالات رو می‌تونین از این لینک ببینین:
ditty.ir/512

- این مجموعه سوالات رو تقدیم می‌کنم به صابر راستی کردار عزیز. به یادش باشیم، براش دعا و ازش حمایت کنیم

#frontend

🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت دوم ⚡️

- توی این قسمت می‌خوایم چند سوال عمومی فرانت‌اند، سوالاتی از نحوهٔ کارکرد #جاوااسکریپت و نکته‌هایی از تست‌نویسی رو بررسی کنیم

- مشاهدهٔ قسمت دوم:
ditty.ir/520

#frontend #interview

🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت سوم

- توی این قسمت با چند سوال عمومی و مفهومی از فرانت‌اند، گیت و دنیای نرم‌افزار آشنا می‌شیم:
ditty.ir/521

#frontend #interview

🔺یک منبع پر از تم‌های VS Code ⚡️
https://vscodethemes.com

#vscode

🔺این افزونهٔ VS Code کمک می‌کنه خطاهای تایپ‌اسکریپت قدری قابل تحمل‌تر باشه:
https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors

#vscode #typenoscript

🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت چهارم

- توی این قسمت هم می‌خوایم با سوالاتی درباره نحوهٔ کارکرد جاوااسکریپت، تست‌نویسی و چند سوال مفهومی از دنیای فرانت‌اند و نرم‌افزار آشنا بشیم:
ditty.ir/522

#frontend #interview

🔺نتایج نظرسنجی Stackoverflow Developer Survey سال ۲۰۲۳

- توی این آمار که چند روز پیش منتشر شده می‌تونین نکته‌های مهمی رو بدست بیارین. مثل:

- اینکه چه ابزارها و تکنولوژی‌هایی بیشتر مورد توجه بوده
- جزییات اشتغال و دستمزدها
- کاربرد و تاثیر هوش مصنوعی

این آمار رو می‌تونین از اینجا ببینین:
https://survey.stackoverflow.co/2023

#links