Ditty | دیتی – Telegram
Ditty | دیتی
3.19K subscribers
194 photos
20 videos
4 files
387 links
دیتی | دنیای ساده‌شدهٔ برنامه‌نویسی وب
https://ditty.ir
Download Telegram
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
🔺ویژگی Content Security Policy یا CSP توی مرورگرها یک قابلیت امنیتی هست که می‌تونه باعث جلوگیری از خیلی از حملات از جمله XSS بشه

- در واقع CSP برای مرورگر مشخص می‌کنه که ریسوس‌های توی صفحه مثل فونت‌ها و عکس‌ها از چه منابعی اجازه دارن دانلود و اجرا بشن

با استفاده از این ویژگی تا حد زیادی می‌تونیم امنیت رو بیاریم به برنامه‌های فرانت‌اند

توی این پست با این ویژگی بیشتر آشنا بشیم:
ditty.ir/528

#security
👍244🕊1
🔺اگه برای مصاحبه‌ها آماده میشین، این دو تا وبسایت رو از دست ندین:


https://www.techinterviewhandbook.org
https://www.frontendinterviewhandbook.com (مخصوص فرانت‌اند)

#links
26👍6🔥4🆒2🕊1
دیشب Kent C. Dodds (توسعه‌دهندهٔ معروف) برای یک سخنرانی مهمون شرکتمون بود. یک کتاب ازش هدیه گرفتم که انتهای اون این متن دست‌نویس رو نوشته بود. دیدگاهش برای خودم جالب و الهام‌بخش بود :) 💚

(از قسمت کامنت‌ها می‌تونید متن کامل رو بخونید)
36👍5🤪3🤯2🤬1🆒1
🔺ارائه امروز محمد شیرعلیزاده توی React Live 2023 که مخاطب‌های زیادی داشت
👍47🔥8👏1🤬1🙏1
درود دوستان! با ۳ تا پست جدید برگشتم.

راستی اگه تلگرام Premium دارین ممنون میشم کانال رو با این لینک Boost کنین:
https://news.1rj.ru/str/ditty_ir?boost

امیدوارم از این پست‌ها استفاده کنین 😉👇
🔺از Prompt Engineering چی می‌دونیم؟ 🤔

یه جمله معروفی هست که میگه:
هوش مصنوعی قرار نیست جایگزین انسان‌ها بشه. ولی انسان‌هایی که از هوش مصنوعی استفاده می‌کنن جایگزین انسان‌هایی خواهند شد که از اون استفاده نمی‌کنن.

- این روزها توسعهٔ نرم‌افزار بدون استفاده از هوش مصنوعی به نظر من غیر ممکن هست. و مطمئناً کسی که از اون به نفع خودش استفاده می‌کنه هیچ نگرانی نخواهد داشت

- توی این پست می‌خوایم با Prompt Engineering آشنا بشیم که تکینک‌هایی رو بهمون یاد میده تا بهتر و بهینه‌تر با ابزارهای Generative AI کار کنیم:
ditty.ir/530

#ai
🔥112🙏1👌1
🔺با ۳ معیار اصلی Core Web Vitals آشنا بشیم

ـ Core Web Vitals به ۳ معیاری گفته میشه که گوگل از اونها برای سنجش عملکرد و کیفیت یک صفحهٔ وب استفاده می‌کنه

- گوگل با این ۳ معیار در واقع UX (تجربهٔ کاربری) یک صفحه رو اندازه‌گیری می‌کنه و وب‌سایتی که بتونه امتیاز بهتری از این سنجش‌های گوگل بدست بیاره، به این معنی هست که کاربران این وبسایت در مقایسه با رقبا احساس راحتی بیشتری دارن و در نتیجه گوگل توی رتبه‌بندی صفحهٔ سرچ اهمیت بیشتری برای این وبسایت قائل هست

- توی پست زیر می‌خوایم درباره Core Web Vitals صحبت کنیم و به طور کلی با ۳ معیاری آشنا بشیم که گوگل برای رتبه‌بندی وبسایت‌ها روی اونها حساب ویژه‌ای کرده:
ditty.ir/529

#frontend
🔥5👍2
🔺معیار CLS توی Core Web Vitals

- معیار CLS اولین معیار از Core Web Vitals هست که برای بررسی کردن پایداری المنت‌ها توی یک صفحه هنگام لود شدن استفاده میشه. به قول معروف Visual Stability که توی این پست مفصل با اون آشنا می‌شیم:

ditty.ir/532

#frontend
👏83
🔺بدون شرح :))

- پ.ن: به جدیدترین ورژن Next.js قابلیتی اضافه شده که میشه دستورات SQL رو سمت سرور اجرا کرد
#fun
😱25🤣16👎8👍7🤯4🤨3