روزتون مبارک 😉🎉

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

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

#progammersday

🔺ویژگی Content Security Policy یا CSP توی مرورگرها یک قابلیت امنیتی هست که می‌تونه باعث جلوگیری از خیلی از حملات از جمله XSS بشه

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

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

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

#security

🔺اگه برای مصاحبه‌ها آماده میشین، این دو تا وبسایت رو از دست ندین:


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

#links

🔺ارائه امروز محمد شیرعلیزاده توی React Live 2023 که مخاطب‌های زیادی داشت
‌

درود دوستان! با ۳ تا پست جدید برگشتم.

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

امیدوارم از این پست‌ها استفاده کنین 😉👇

🔺از Prompt Engineering چی می‌دونیم؟ 🤔

یه جمله معروفی هست که میگه:

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

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

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

#ai

🔺با ۳ معیار اصلی Core Web Vitals آشنا بشیم

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

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

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

#frontend

🔺معیار CLS توی Core Web Vitals

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

ditty.ir/532

#frontend

🔺بدون شرح :))

- پ.ن: به جدیدترین ورژن Next.js قابلیتی اضافه شده که میشه دستورات SQL رو سمت سرور اجرا کرد
#fun

🔺یکی از علم‌هایی که هر توسعه‌دهنده‌ای باید توی جعبه‌ابزارش داشته باشه System Design هست (با Design System اشتباه نشه)

- این ریپازیتوری نکته‌های خیلی خوبی رو به اشتراک میذاره که برای هر توسعه‌دهنده‌ای کاربردی و واجب هست:
https://github.com/ByteByteGoHq/system-design-101

#links

🔺پادکست‌های شنیدنی و ارزشمند از تجربیات برنامه‌نویس‌های ایرانی:
t.me/devpodcast

#links

🔺وب‌سایت Vue Mastery همه آموزش‌هاش رو به مدت ۲ روز (جمعه تا یکشنبه) رایگان می‌کنه:
https://www.vuemastery.com/free-weekend

نظر شخصی: حداقل ۲ فریم‌ورک فرانت رو کامل مسلط باشین
#links

🔺چک‌لیست پرفورمنس برنامه‌های فرانت‌اندی:
https://github.com/thedaviddias/Front-End-Performance-Checklist

- نسخه فارسی (با مشارکت صالح فدائی):
https://github.com/ms-fadaei/Front-End-Performance-Checklist

#links

🔺جواب چی میشه؟

https://twitter.com/DThompsonDev/status/1630068064401203201

#quiz