Ditty | دیتی – Telegram
Ditty | دیتی
3.19K subscribers
194 photos
20 videos
4 files
387 links
دیتی | دنیای ساده‌شدهٔ برنامه‌نویسی وب
https://ditty.ir
Download Telegram
برای سلامتی «صابر راستی کردار» دعا کنیم و ازش حمایت کنیم. صابر عزیز که با فونت‌های قشنگش، دنیای ما رو قشنگ‌تر کرد 🤲❤️

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


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

#prayforsaber
110👍8👌1💔1
🔺می‌تونید به کسی که دوستش دارین این جملات رو بگین:

- 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
😁23🤣148👎5👍3🤩1
🔺مراقب این جواب‌هایی ChatGPT به این شکل با نهایت اعتماد به نفس میده باشین 👀
#chatgpt
🤣36🥴11👍5😍3
🔺سوالات مصاحبهٔ فرانت‌اند + جواب اختصاصی

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

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

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

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

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

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

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

#frontend #interview
🔥188🎉1
🔺یک منبع پر از تم‌های VS Code ⚡️
https://vscodethemes.com

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

#vscode #typenoscript
🆒25👍226
🔺نتایج نظرسنجی Stackoverflow Developer Survey سال ۲۰۲۳

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

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

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

#links
👍17👎2😍2🔥1👌1💯1🆒1
🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت پنجم

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

۴۱‍. توی تایپ‌اسکریپت 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
😍30👍7👏3👌1🆒1
🔺نظرسنجی: توی مبحث Software Engineering بهترین کتاب‌ها/دوره‌هایی که کمکت کرد رو کامنت کن 👏 😉

#softwareengineering
👀13🆒6👍51
Ditty | دیتی
🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت پنجم - توی این قسمت سوالات زیر رو بررسی می‌کنیم: ۴۱‍. توی تایپ‌اسکریپت Type و Interface چه تفاوت‌هایی با هم دارن؟ ۴۲. درباره Core Web Vitals چی می‌دونید؟ ۴۳. کاربرد Event Delegation توی جاوااسکریپت…
🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت ششم 💯

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

۵۱. منظور از 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
👍243🔥3🎉2🆒1
🔺نظر شما | به نظرتون چه رفتارهایی می‌تونه ما رو به عنوان یک هم‌تیمی غیر حرفه‌ای نشون بده؟

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

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

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

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

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

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

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


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

#careeradvice
👍37💯41🆒1
Ditty | دیتی
🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت ششم 💯 توی این قسمت می‌خوایم سوالات زیر رو بررسی کنیم 😉 ۵۱. منظور از Call Stack توی جاوااسکریپت چیه؟ ۵۲. منظور از Narrowing توی تایپ‌اسکریپت چیه؟ ۵۳. چه زمانی استفاده از WebSocket مناسب نیست؟ ۵۴.…
🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت هفتم

توی این قسمت با سوالات زیر آشنا می‌شیم:

۶۱. المنت Template توی HTML برای چه کاری هست؟
۶۲. منظور از HOF توی جاوااسکریپت چیه و چه مزایایی داره؟
۶۳ـ URL و URI چه فرقی با هم دارن؟
۶۴. توی CSS چه زمانی Grid رو به Flexbox ترجیح بدیم؟
۶۵. از TDZ توی جاوااسکریپت چی می‌دونید؟
۶۶. چرا پیشنهاد میشه از حلقهٔ for...in جاوااسکریپت استفاده نکنیم؟
۶۷. چه زمانی از تگ section توی HTML استفاده نکنیم؟
۶۸. از Web Components چی می‌دونید؟
۶۹. توی CSS منظور از Specificity چیه و چه قوانینی داره؟
۷۰. چه زمانی از اتریبیوت‌های defer و async روی تگ noscript استفاده کنیم؟

از این لینک ببینید:
ditty.ir/525

#frontend #interview
🔥226👌3😍1
چطوری محتوای صوتی با کیفیت تولید کنیم وقتی میکروفون و استودیوی حرفه‌ای نداریم؟ ببینید ادوبی چی ساخته:
https://podcast.adobe.com/enhance

#tools
🔥7🤯3🆒1
🔺جلسه‌ها/میتینگ‌های کاری. خوب یا بد؟

این مقاله از Stackoverflow تاثیر جلسات کاری روی میزان بهره‌وری، فشار و استرس افراد مخصوصاً توی حوزهٔ تکنولوژی رو بررسی می‌کنه.

خلاصه‌ای از این مقاله:

» دیدگاه منفی نسبت به جلسات
- تعداد زیادی از توسعه‌دهنده‌ها باور دارن که نصف جلساتی که شرکت می‌کنن بیهوده هست. و خیلی راحت با یک ایمیل/پیام میشه کار رو به پیش برد.

» هزینه‌های جلسات بیهوده
- مطالعات نشون میده که یک‌سوم همهٔ جلسات بیهوده و غیر لازم هستن و هیچ سودی برای شرکت‌کننده‌ها ندارن. این جلسات، سالیانه به اندازهٔ ۲۵ هزار دلار به ازای هر شخص برای شرکت هزینه داره.
- این موضوع برای شرکت‌ها و نیروهایی که وابسته به کار ریموت هستن به دلیل اینکه برای همکاری، راهی جز چنین جلساتی ندارن بیشتر دیده میشه.

» افزایش استرس و کاهش بهره‌وری
مایکروسافت تحقیقاتی انجام داد که نشون میده که جلسات پشت سر هم و بدون وقفه باعث افزایش استرس، کاهش تمرکز و نوآوری و سودآوری شرکت‌ها میشه.

» افزایش بهره‌وری با حذف جلسات بیهوده
- شرکت Shopify تلاش کرد تا همهٔ جلسات بعضی از کارکنانش رو کنسل کنه و این کار باعث شد ۱۲۰۰۰ جلسه از تقویمشون حذف و حدود ۳۲۲۰۰۰ ساعت از زمان کارمندها صرفه‌جویی بشه.

» چطوری جلسات بهتری داشته باشیم؟
- جلسات معمولاً برای بهتر کردن همکاری‌ها، تصمیم‌گیری‌ها و به اشتراک گذاشتن اطلاعات ضروری هست. برای این کار باید از جلسات طولانی پرهیز بشه، افراد مشخصی توی جلسات حضور داشته باشن و هدف جلسات کاملاً مشخص باشه.

- یکی از اقدام‌های جالبی که شرکت Shopify انجام داد این بود که اونها روزهای چهارشنبه رو به عنوان روز «بدون جلسه» در نظر گرفتن تا افراد بتونن بدون حواس‌پرتی تمرکز کنن و کارشون رو انجام بدن.

» نتیجه‌گیری
- این مقاله میگه جلسات به خودی خود بد نیستن. اما تعداد جلسات بالا و بیهوده باعث از بین رفتن تمرکز میشه که نتیجهٔ معکوس و منفی به دنبال داره. بهتره با به‌کار بردن خلاقیت و با استفاده از ابزارها بتونیم این جلسات رو به خوبی مدیریت و متعادل کنیم

شما چه دیدگاه/تجربه‌ای از این جلسات دارین؟ توی شرکت شما این جلسات چطوری مدیریت میشه؟ 👇💬

#careeradvice
Please open Telegram to view this post
VIEW IN TELEGRAM
👍175👏3👨‍💻1🆒1
Ditty | دیتی
🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت هفتم توی این قسمت با سوالات زیر آشنا می‌شیم: ۶۱. المنت Template توی HTML برای چه کاری هست؟ ۶۲. منظور از HOF توی جاوااسکریپت چیه و چه مزایایی داره؟ ۶۳ـ URL و URI چه فرقی با هم دارن؟ ۶۴. توی CSS…
🔺۸۰ ســوال مصــاحبه فرانـت‌اند با توضیــح اختصـــاصی - قسـمت هشتم (قسمت آخر) ⚡️

توی آخرین قسمت این سوالات رو بررسی می‌کنیم:

۷۱. از gzip چی می‌دونید؟
۷۲. منظور از Transitive Dependency توی فایل package.json چیه؟
۷۳. چه چالش‌هایی برای یک توسعه‌دهندهٔ سینیور وجود داره؟
۷۴. منظور و هدف از Semantic HTML چیه؟
۷۵. توی تایپ‌اسکریپت تایپ‌های void و never چه فرقی باهم دارن؟
۷۶. چه زمانی از State management توی برنامه‌ها استفاده کنیم؟
۷۷. چه تکنیک‌هایی برای نمایش بهینهٔ تصاویر توی صفحهٔ وب می‌شناسید؟
۷۸ـ Debounce و Throttle چه فرقی با هم دارن؟
۷۹. چرا پیشنهاد میشه از await توی حلقه‌ها استفاده نکنیم؟
۸۰. چرا اجرای این کد هیچوقت به پایان نمیرسه؟

از این لینک ببینید:
ditty.ir/526


بیشتر این ۸۰ سوال و جواب حاصل تجربهٔ من بود. اما مصاحبه‌های فرانت‌اند فقط به همین سوالات ختم نمیشه و موارد خیلی بیشتری می‌تونست توی این لیست باشه. مثل سوالات الگوریتمی و یا ابزار و فریم‌ورک خاص. بهرحال امیدوارم استفاده کرده باشین. شنیدن نظرتون درباره این سوالات باعث افتخار من هست 😉

#interview
34👍5🔥1🙏1🆒1
🔺۸ کد تک‌خطی جاوااسکریپت که شما رو به بهترین برنامه‌نویس جهان تبدیل می‌کنه! (۱۰۰٪ تضمینی)
ditty.ir/527

#tips
🔥30👍7😁7👎5🤣4🤷‍♂1👏1🤔1👨‍💻1
روزتون مبارک 😉🎉

بهترین درسی که توی این یک سال گرفتی چی بود؟

توی کامنت‌ها برای همدیگه به اشتراک بذارین 👇

#progammersday
🎉346👍2😍2🆒2