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
توی آخرین قسمت این سوالات رو بررسی میکنیم:
۷۱. از gzip چی میدونید؟
۷۲. منظور از Transitive Dependency توی فایل package.json چیه؟
۷۳. چه چالشهایی برای یک توسعهدهندهٔ سینیور وجود داره؟
۷۴. منظور و هدف از Semantic HTML چیه؟
۷۵. توی تایپاسکریپت تایپهای void و never چه فرقی باهم دارن؟
۷۶. چه زمانی از State management توی برنامهها استفاده کنیم؟
۷۷. چه تکنیکهایی برای نمایش بهینهٔ تصاویر توی صفحهٔ وب میشناسید؟
۷۸ـ Debounce و Throttle چه فرقی با هم دارن؟
۷۹. چرا پیشنهاد میشه از await توی حلقهها استفاده نکنیم؟
۸۰. چرا اجرای این کد هیچوقت به پایان نمیرسه؟
از این لینک ببینید:
ditty.ir/526
بیشتر این ۸۰ سوال و جواب حاصل تجربهٔ من بود. اما مصاحبههای فرانتاند فقط به همین سوالات ختم نمیشه و موارد خیلی بیشتری میتونست توی این لیست باشه. مثل سوالات الگوریتمی و یا ابزار و فریمورک خاص. بهرحال امیدوارم استفاده کرده باشین. شنیدن نظرتون درباره این سوالات باعث افتخار من هست 😉
#interview
دیتی | Ditty.ir
۸۰ سوال مصاحبه فرانتاند با توضیح اختصاصی - قسمت هشتم
توی این قسمت با سوالاتی عمومی دربارهٔ دنیای فرانتاند، نکتههایی درباره بهینهسازی کدهای جاوااسکریپتی و برنامههای فرانتاندی آشنا میشیم
❤34👍5🔥1🙏1🆒1
🔺۸ کد تکخطی جاوااسکریپت که شما رو به بهترین برنامهنویس جهان تبدیل میکنه! (۱۰۰٪ تضمینی)
ditty.ir/527
#tips
ditty.ir/527
#tips
🔥30👍7😁7👎5🤣4🤷♂1👏1🤔1👨💻1
روزتون مبارک 😉🎉
بهترین درسی که توی این یک سال گرفتی چی بود؟
توی کامنتها برای همدیگه به اشتراک بذارین 👇
#progammersday
بهترین درسی که توی این یک سال گرفتی چی بود؟
توی کامنتها برای همدیگه به اشتراک بذارین 👇
#progammersday
🎉34❤6👍2😍2🆒2
🔺ویژگی Content Security Policy یا CSP توی مرورگرها یک قابلیت امنیتی هست که میتونه باعث جلوگیری از خیلی از حملات از جمله XSS بشه
- در واقع CSP برای مرورگر مشخص میکنه که ریسوسهای توی صفحه مثل فونتها و عکسها از چه منابعی اجازه دارن دانلود و اجرا بشن
با استفاده از این ویژگی تا حد زیادی میتونیم امنیت رو بیاریم به برنامههای فرانتاند
توی این پست با این ویژگی بیشتر آشنا بشیم:
ditty.ir/528
#security
- در واقع CSP برای مرورگر مشخص میکنه که ریسوسهای توی صفحه مثل فونتها و عکسها از چه منابعی اجازه دارن دانلود و اجرا بشن
با استفاده از این ویژگی تا حد زیادی میتونیم امنیت رو بیاریم به برنامههای فرانتاند
توی این پست با این ویژگی بیشتر آشنا بشیم:
ditty.ir/528
#security
👍24❤4🕊1
🔺اگه برای مصاحبهها آماده میشین، این دو تا وبسایت رو از دست ندین:
https://www.techinterviewhandbook.org
https://www.frontendinterviewhandbook.com (مخصوص فرانتاند)
#links
https://www.techinterviewhandbook.org
https://www.frontendinterviewhandbook.com (مخصوص فرانتاند)
#links
www.techinterviewhandbook.org
Technical Interview Guide for Busy Engineers | Tech Interview Handbook
Free curated interview preparation materials for busy people
❤26👍6🔥4🆒2🕊1
دیشب Kent C. Dodds (توسعهدهندهٔ معروف) برای یک سخنرانی مهمون شرکتمون بود. یک کتاب ازش هدیه گرفتم که انتهای اون این متن دستنویس رو نوشته بود. دیدگاهش برای خودم جالب و الهامبخش بود :) ✨💚
(از قسمت کامنتها میتونید متن کامل رو بخونید)
(از قسمت کامنتها میتونید متن کامل رو بخونید)
❤36👍5🤪3🤯2🤬1🆒1
درود دوستان! با ۳ تا پست جدید برگشتم.
راستی اگه تلگرام Premium دارین ممنون میشم کانال رو با این لینک Boost کنین:
https://news.1rj.ru/str/ditty_ir?boost
امیدوارم از این پستها استفاده کنین 😉👇
راستی اگه تلگرام Premium دارین ممنون میشم کانال رو با این لینک Boost کنین:
https://news.1rj.ru/str/ditty_ir?boost
امیدوارم از این پستها استفاده کنین 😉👇
🔺از Prompt Engineering چی میدونیم؟ 🤔
یه جمله معروفی هست که میگه:
- توی این پست میخوایم با Prompt Engineering آشنا بشیم که تکینکهایی رو بهمون یاد میده تا بهتر و بهینهتر با ابزارهای Generative AI کار کنیم:
ditty.ir/530
#ai
یه جمله معروفی هست که میگه:
هوش مصنوعی قرار نیست جایگزین انسانها بشه. ولی انسانهایی که از هوش مصنوعی استفاده میکنن جایگزین انسانهایی خواهند شد که از اون استفاده نمیکنن.- این روزها توسعهٔ نرمافزار بدون استفاده از هوش مصنوعی به نظر من غیر ممکن هست. و مطمئناً کسی که از اون به نفع خودش استفاده میکنه هیچ نگرانی نخواهد داشت
- توی این پست میخوایم با Prompt Engineering آشنا بشیم که تکینکهایی رو بهمون یاد میده تا بهتر و بهینهتر با ابزارهای Generative AI کار کنیم:
ditty.ir/530
#ai
دیتی | Ditty.ir
از Prompt Engineering چی میدونیم؟
با تکنیکها و نکتههایی آشنا میشیم که کمک میکنن خیلی بهتر و بهینهتر بتونیم با هوش مصنوعی ارتباط برقرار کنیم تا علاوه بالا بردن خلاقیت و بهرهوری، بتونیم توی زمان و هزینه صرفهجویی کنیم
🔥11❤2🙏1👌1
🔺با ۳ معیار اصلی Core Web Vitals آشنا بشیم
ـ Core Web Vitals به ۳ معیاری گفته میشه که گوگل از اونها برای سنجش عملکرد و کیفیت یک صفحهٔ وب استفاده میکنه
- گوگل با این ۳ معیار در واقع UX (تجربهٔ کاربری) یک صفحه رو اندازهگیری میکنه و وبسایتی که بتونه امتیاز بهتری از این سنجشهای گوگل بدست بیاره، به این معنی هست که کاربران این وبسایت در مقایسه با رقبا احساس راحتی بیشتری دارن و در نتیجه گوگل توی رتبهبندی صفحهٔ سرچ اهمیت بیشتری برای این وبسایت قائل هست
- توی پست زیر میخوایم درباره Core Web Vitals صحبت کنیم و به طور کلی با ۳ معیاری آشنا بشیم که گوگل برای رتبهبندی وبسایتها روی اونها حساب ویژهای کرده:
ditty.ir/529
#frontend
ـ Core Web Vitals به ۳ معیاری گفته میشه که گوگل از اونها برای سنجش عملکرد و کیفیت یک صفحهٔ وب استفاده میکنه
- گوگل با این ۳ معیار در واقع UX (تجربهٔ کاربری) یک صفحه رو اندازهگیری میکنه و وبسایتی که بتونه امتیاز بهتری از این سنجشهای گوگل بدست بیاره، به این معنی هست که کاربران این وبسایت در مقایسه با رقبا احساس راحتی بیشتری دارن و در نتیجه گوگل توی رتبهبندی صفحهٔ سرچ اهمیت بیشتری برای این وبسایت قائل هست
- توی پست زیر میخوایم درباره Core Web Vitals صحبت کنیم و به طور کلی با ۳ معیاری آشنا بشیم که گوگل برای رتبهبندی وبسایتها روی اونها حساب ویژهای کرده:
ditty.ir/529
#frontend
دیتی | Ditty.ir
همه چیز از Core Web Vitals
Core Web Vitals به ۳ معیار مهم گفته میشه که توسط گوگل برای بررسی عملکرد یک وبسایت معرفی شده.
🔥5👍2
🔺معیار CLS توی Core Web Vitals
- معیار CLS اولین معیار از Core Web Vitals هست که برای بررسی کردن پایداری المنتها توی یک صفحه هنگام لود شدن استفاده میشه. به قول معروف Visual Stability که توی این پست مفصل با اون آشنا میشیم:
ditty.ir/532
#frontend
- معیار CLS اولین معیار از Core Web Vitals هست که برای بررسی کردن پایداری المنتها توی یک صفحه هنگام لود شدن استفاده میشه. به قول معروف Visual Stability که توی این پست مفصل با اون آشنا میشیم:
ditty.ir/532
#frontend
دیتی | Ditty.ir
Core Web Vitals به زبان ساده - CLS
معیار CLS اولین معیار از Core Web Vitals هست که برای بررسی کردن پایداری المنتها توی یک صفحه هنگام لود شدن استفاده میشه. به قول معروف Visual Stability که توی این پست مفصل با اون آشنا میشیم
👏8❤3
🔺بدون شرح :))
- پ.ن: به جدیدترین ورژن Next.js قابلیتی اضافه شده که میشه دستورات SQL رو سمت سرور اجرا کرد
#fun
- پ.ن: به جدیدترین ورژن Next.js قابلیتی اضافه شده که میشه دستورات SQL رو سمت سرور اجرا کرد
#fun
😱25🤣16👎8👍7🤯4🤨3
🔺یکی از علمهایی که هر توسعهدهندهای باید توی جعبهابزارش داشته باشه System Design هست (با Design System اشتباه نشه)
- این ریپازیتوری نکتههای خیلی خوبی رو به اشتراک میذاره که برای هر توسعهدهندهای کاربردی و واجب هست:
https://github.com/ByteByteGoHq/system-design-101
#links
- این ریپازیتوری نکتههای خیلی خوبی رو به اشتراک میذاره که برای هر توسعهدهندهای کاربردی و واجب هست:
https://github.com/ByteByteGoHq/system-design-101
#links
GitHub
GitHub - ByteByteGoHq/system-design-101: Explain complex systems using visuals and simple terms. Help you prepare for system design…
Explain complex systems using visuals and simple terms. Help you prepare for system design interviews. - ByteByteGoHq/system-design-101
👍23❤8👎1
🔺وبسایت Vue Mastery همه آموزشهاش رو به مدت ۲ روز (جمعه تا یکشنبه) رایگان میکنه:
https://www.vuemastery.com/free-weekend
نظر شخصی: حداقل ۲ فریمورک فرانت رو کامل مسلط باشین
#links
https://www.vuemastery.com/free-weekend
نظر شخصی: حداقل ۲ فریمورک فرانت رو کامل مسلط باشین
#links
Vue Mastery
Free Weekend May 10-12 2024
Join me to watch all of @VueMastery’s courses free through May 10-12
👍15🔥8👎2