شماره فروردین ماه ۱۴۰۳

جلسه‌ی حضوری فرانت‌چپتر

ایلان‌ماسک با نیورالینک داره تلاش می‌کنه که با گذاشتن یه چیپ‌ست توی مغز آدم‌ها به هم وصلشون کنه. کاری که فرانت‌چپتر خیلی وقته با گذاشتن یه هویج توی قلب آدم‌ها انجامش داده! قلب هویجی ما خیلی سریع دلش برای بقیه تنگ میشه و دوست داره ببیندشون. توی روز ۰۳/۰۲/۰۱ محمد زحمت هماهنگی‌ها رو کشید تا بتونیم جلسه‌ی دورهمی‌مون حضوری رو برگزار کنیم و دوباره دور هم جمع بشیم. منتظر ویدیوهای این دورهمی از کانال فرانت‌چپتر باشید. از همه‌ی دوستانی که اومدن بی اندازه ممنونیم و امیدواریم که زود به زود ببینیم هم دیگه رو. ❤️

آپدیت امنیتی مهم NodeJS

توی این بروزرسانی ۴ مشکل حساس امنیتی حل شدن، اگر از ورژن‌های 18.x، 20.x و 21.x Node.js استفاده می‌کنید، سریعا ورژن nodeتون رو آپدیت کنید.

پیشنهاد افزودن سیگنال به جاوااسکریپت روی میز سازمان استاندارد سازی وب

ممکن است Signal یکی از ویژگی‌های آینده‌ی جاوااسکریپت‌ باشه. مفهوم سیگنال یکی از موضوعات داغ این روزها توی دنیای وب هست و توی کتابخانه‌ها و فریم‌ورک‌های مختلف از این روش برای نگهداشتن متغیرهایی که قراره توی صفحه نشونشون بدیم استفاده می‌کنیم. در صورت اضافه شدنش به جاوااسکریپت بدون هیچ فریم‌ورک و ابزار اضافه‌ای میتونیم چنین چیزی بسازیم:

const counter = new Signal.State(0);
counter.set(counter.get() + 1);

effect(() => element.innerText = counter.get());

باندلر جدید داریم دوباره: Rspack

زیبایی Rspack در اینه که با اکوسیستم webpack سازگاره، مثل خیلی از ابزارهای داغ این روزها با rust نوشته شده و از اجرای تایپ‌اسکریپت پشتیبانی می‌کنه.

• سرعت بالا: Rspack خیلی سریع‌تر از بقیه جعبه ابزارها مثل Webpack برنامه‌ها رو می‌سازه.
• کارآیی: Rspack طوری طراحی شده که برنامه‌های شما رو تا جای ممکن سریع و کارآمد اجرا کنه.
• آسونی: Rspack با بقیه ابزارهایی که قبلا استفاده می‌کردید سازگاره و یادگیریش آسونه.
• قدرت: Rspack امکانات خیلی زیادی به شما می‌ده تا برنامه‌های وب پیچیده و حرفه‌ای بسازید.

تازه‌های وردپرس ۶.۵

• بهبود ویرایشگر بلوکی: فونت، سایه، و تنظیمات بهبود یافته برای کار آسان‌تر با بلوک‌ها.
• بهتر شدن مدیریت افزونه‌ها: اعلام وابستگی‌های افزونه برای سازگاری بیشتر.
• افزایش سرعت: سرعت کلی ویرایشگر پست و سایت به طور قابل توجهی افزایش یافته است.
• بهبود امنیت: وصله‌های امنیتی مختلف برای محافظت از وب سایت شما.

شاید به کارت بیاد: استفاده از ReactJS برای ساخت افزونه‌های وردپرسی

QuillJS آپدیت اساسی داد

ممکن نیست که تا حالا به دنبال Rich text editor گشته باشید و چشمتون به کوئیل نخورده باشه. توی آپدیت تازه تغییرات مهمی رخ داده، از پشتیبانی از تایپ اسکریپت گرفته تا ESM Package شدن و همینطور قابلیت چک کردن spell و قابلیت کپی شدن بهتر از گوگل داکس و مایکروسافت ورد.

تلاش برای مبارزه با دزدیدن بیسکويیت

وقتی که یکی کوکی‌هاتون رو بدزده، حتی اگر نرم‌افزار دزد هم توسط آنتی‌ویروس شما شناسایی بشه و پاک بشه، کوکی‌هاتون خرده شده و دیگه کاری از دستتون بر نمیاد، اما تیم کرومیم در تلاشه تا با مفهومی به اسم DBSC (Device Bound Session Credentials) جلوی این اتفاق رو بگیره.

کتابخانه‌ی رابط کاربری Wedges

وِجِز، یک کتابخونه‌ی بسیار کامل بر اساس Radix و Tailwind CSS هست که قابلیت شخصی سازی بالایی داره و کامپوننت‌های بسیار جذابی رو هم داره و کاملا از تایپ اسکریپت پشتیبانی می‌کنه. علاوه بر این طرح فیگمای این پروژه هم رایگان در دسترس هست.

بیشتر از همیشه فشارش بده! jpegli

گوگل بعد از ابداع فرمت WebP این بار انکدر تازه‌ای رو برای فرمت JPEG درست کرده که تصاویر رو ۳۵٪ فشرده تر میکنه بدون کم شدن وضوح و کیفیت.

نسخه‌ی 2024-1 از WebStorm

وب استورم توی این نسخه روی دسترسی سریع به داکیومنت‌ها با hover کردن، sticky lines و ترمینال داخلیش کار کرده، علاوه بر اون روی AI assistant کار کرده و تایپ‌اسکریپت و GraphQL هم بهبودهای زیادی داشتن.

نقاشی کردن پایگاه داده: DrawDB

با این برنامه‌ی متن باز و رایگان می‌تونید به سادگی دیتابیستون رو با رسم شکل بسازید.

جایگزین بازمتن و رایگان فیگما، Penpot

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

بلاگ ساز تازه نفس، VitePress

ویت‌پرس، یک سایت ساز استاتیک (SSG) هست که همونطور که از اسمش مشخص هست، ابزار تازه‌ای داخل جعبه‌ابزار Vite به حساب میاد. با این ابزار به سادگی میشه بلاگ‌های MarkDown ساخت.

مثل موم توی دست، DevTools

ده نکته جذاب توی استفاده از devtools کروم که احتمالا ازشون خبر ندارید و بهشون نیاز دارید.

مثل باب‌راس، رنگ‌ها رو خلق کن: ColorJS

هرچیزی که برای کار کردن با رنگ‌ها بهش نیاز دارید، از قاطی کردنشون تا ساختن رنگ‌های مکمل و…

kosko، استقرار کوبرنتیز رو تایپ سیف کن

Kosko برای مدیریت راحت و کم دردسر استقرارهای Kubernetes بهت کمک می‌کنه. با Kosko کد کمتر می‌زنین و می‌تونید از تایپ‌اسکریپت و فانکشن‌های جاوااسکریپتی توی نوشتن استفاده کنید.

فرانت‌من از تو، بک‌اند تو از من

با استفاده از سرویس userfront می‌تونید تمام امکانات مدیریت کاربرهاتون رو برون سپاری کنید و به سادگی اپلیکیشن‌های مختلف رو به دور از بیچیدگی بسازید و از یه داشبورد آماده براش استفاده کنید.

مدیریت استیت با Jotai

Jotai یه کتابخانه مدیریت state جدید برای React هست که با استفاده از ایده اتمیک کار می‌کنه. اتم‌ها واحدهای کوچک و مستقل از داده هستن که می‌تونن به هم وصل بشن تا حالت برنامه شما رو تشکیل بدن. سریع و سر راست و ساده بودن از ویژگی‌های خوب این پکیج هست.

شیکی! Shiki

انقلاب توی نمایش کد روی وب! اگر نیاز دارید یک تیکه کد رو روی سایت‌تون منتشر کنید، شیکی یکی از شیک‌ترین و خواناترین چیزهایی هست که براش وجود داره.

۳۰ ثانیه دانش، 30SecondsOfKnowledge

30 Seconds of Knowledge یه افزونه کروم هست که به شما کمک می‌کنه تا با هر بار باز کردن یه تب جدید، یه تکه کد کوتاه و آموزنده یاد بگیرید. این تکه کدها از 9 دسته مختلف مثل جاوا اسکریپت، React، پایتون و … انتخاب می‌شن و طوری طراحی شدن که تو 30 ثانیه یا کمتر می‌تونید بفهمیدشون.

لینک‌های پیشنهادی:

• چطوری JSR رو ساختیم
• نکست جی‌اس ۱۴.۲
• دیدن JSON توی ترمینال
• مصاحبه با یک سنیور دولوپر (طنز)
• فانکشن‌های اکسل در جاوااسکریپت
• نسخه‌ی 9.0.0 از ESLint منتشر شد

تهیه شده توسط:

محمود صاحبی و صالح شجاعی