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

ـ 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

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

- توی این قسمت سوالات زیر رو بررسی می‌کنیم:

۴۱‍. توی تایپ‌اسکریپت Type و Interface چه تفاوت‌هایی با هم دارن؟
۴۲. درباره Core Web Vitals چی می‌دونید؟
۴۳. کاربرد Event Delegation توی جاوااسکریپت چیه؟
۴۴. منظور از CORS چیه؟
۴۵. توی تایپ‌اسکریپت عبارت keyof typeof [value] رو توضیح بدید
۴۶. توی CSS واحدهای rem و em چه فرقی با هم دارن؟
۴۷. دستور git stash چه کار می‌کنه؟
۴۸. کلمه‌کلیدی infer توی تایپ‌اسکریپت چه کار می‌کنه؟
۴۹. چرا می‌گیم ماژول‌های جاوااسکریپت Singleton هستن؟
۵۰. منظور از Progrssive Enhancement توی توسعهٔ برنامه‌های فرانت‌اند چیه؟

👉 ditty.ir/523

* پ.ن: لطفاً از کانال حمایت کنین 😉

#frontend #interview

🔺نظرسنجی: توی مبحث Software Engineering بهترین کتاب‌ها/دوره‌هایی که کمکت کرد رو کامنت کن 👏 😉

#softwareengineering

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

توی این قسمت می‌خوایم سوالات زیر رو بررسی کنیم 😉

۵۱. منظور از Call Stack توی جاوااسکریپت چیه؟
۵۲. منظور از Narrowing توی تایپ‌اسکریپت چیه؟
۵۳. چه زمانی استفاده از WebSocket مناسب نیست؟
۵۴. درباره پراپرتی Position توی CSS چه چیزهایی می‌دونین؟
۵۵. چطوری المنتی داشته باشیم که با تغییر border و padding اون طول و عرض اون ثابت بمونه؟
۵۶. از پروتوتایپ توی جاوااسکریپت چی می‌دونید؟
۵۷ـ Authorization و Authentication چه فرقی با هم دارن؟
۵۸. منظور از عملیات Non-Blocking I/O توی جاوااسکریپت چیه؟
۵۹ـ Virtual DOM چیه؟
۶۰. منظور از Pseudo-elements و Pseudo-classes توی CSS چیه؟

مشاهده از این لینک:
ditty.ir/524

#frontend #interview

🔺نظر شما | به نظرتون چه رفتارهایی می‌تونه ما رو به عنوان یک هم‌تیمی غیر حرفه‌ای نشون بده؟

داشتم مقالهٔ زیر از Medium رو می‌خوندم که درباره رفتارهایی هست که از یک توسعه‌دهندهٔ غیر حرفه‌ای می‌تونه سر بزنه:
10 Sayings That SCREAM Unprofessional Developer

خلاصهٔ اون رو براتون به اشتراک میذارم. شما هم نکته‌ها و تجربیاتتون رو توی کامنت‌ها بگید.

• گفتن «من نمی‌دونم»
همیشه شنیدیم که «ندونستن عیب نیست.» اما توی کار تیمی وقتی مشکلی پیش میاد، گفتن این عبارت برای شونه خالی کردن برای حل مشکل، فشار رو به بقیه هم‌تیمی‌ها منتقل می‌کنه. یک رفتار حرفه‌ای می‌تونه این باشه که بگیم «نمی‌دونم، ولی بذار تلاشم رو بکنم»

• گفتن «داری اشتباه می‌کنی»
گفتن این عبارت نه تنها مشکلی رو حل نمی‌کنه، بلکه باعث به‌وجود اومدن جوّ منفی بین ما و اعضای تیم میشه. این یعنی من خوبم، تو بدی. بهتره فیدبک‌های ما سازنده و دارای جزییات کافی باشن. مثلاً می‌تونیم بگیم «اینکه تلاشت رو کردی خیلی ارزشمنده. اگه اینجا از این روش استفاده کنی، به دلیل فلان و فلان، می‌تونیم حجم کدهای کمتر و خروجی سریع‌تری داشته باشیم»

• گفتن «روی سیستم من کار می‌کنه»
این جمله هم از افرادی سر می‌زنه که قصد شونه خالی کردن از مسئولیت دارن. و جواب احتمالی می‌تونه «پس بیا سیستم تو رو به مشتری تحویل بدیم» باشه

• منفعل بودن توی استندآپ‌ها
توی کار تیمی هدف استندآپ‌های روزانه اینه که هم دیگران رو از روند کارها و نیازهامون با خبر کنیم و هم از روند فعالیت‌های بقیه با خبر بشیم تا بلاکرها به حداقل برسه

• گفتن صرفاً «مشکل از بکنده»
زمان‌هایی وجود داره که مشکل واقعاً از بکند/فرانت‌اند هست. وقتی از این جمله استفاده می‌کنیم بهتره دلیل منطقی برای این گفته ارائه کنیم. برای مثال وقتی می‌بینیم بکند داره با کد 401 پاسخ میده، آیا مراحل احراز هویت سمت فرانت رو چک کردیم؟


» احتمالاً شما هم تجربیاتی دارین. توی قسمت کامنت‌ها به اشتراک بذارین 👇👏

#careeradvice