در توسعه وب پیشتاز باشید: آخرین اخبار، ابزارها و بینش شماره 37

weeklyfoo #37 اینجاست: خلاصه هفتگی شما از همه اخبار webdev که باید بدانید! این بار 43 لینک ارزشمند در 4 دسته پیدا خواهید کرد! لذت ببرید!

🚀 بخوانید!

• چگونه هر چیزی را بسیار سریع بسازیم: Speedrunning طرح کلی را انجام دهید – به صورت بازگشتی یک MVP را ترسیم کنید، speedrun آن را پر کنید، و تنها پس از آن به عقب برگردید و کامل شوید. / بهره وری / 7 دقیقه مطالعه

• از آشوب تا شفافیت – سفر من با ابسیدین: استفاده موثر از Obsidian با همگام سازی / بهره وری، ابسیدین / 10 دقیقه مطالعه

📰 خوب است بدانید

• پیش‌اجرای صفحات در Chrome برای پیمایش فوری صفحه: می‌توانید از API مشخصات جدید در Chrome برای پیش‌اجرای صفحات استفاده کنید. / کروم / 31 دقیقه خواندن

• شکل‌گیری مسیرهای دلخواه در SVG: اگر می‌خواهید نحوه شکل‌گیری اشکال در SVG را یاد بگیرید، این مقاله‌ای است که باید بخوانید. / svgs / 14 دقیقه مطالعه

• Payments 101 for a Developer: همه آنچه باید در مورد پرداخت ها بدانید. / مبلغ پرداختی / 11 دقیقه خواندن

• ایجاد فونت های بی نقص در CSS: داشتن یک استراتژی بازگشتی مهم است! / فونت ها / 9 دقیقه مطالعه

• چه چیزی کمک بزرگی به یک پایگاه کد می کند؟: خلاصه عالی از آنچه که اگر می خواهید در یک پایگاه کد مشارکت کنید، چه کاری باید انجام دهید. / راهنماها، مهندسی / 10 دقیقه مطالعه

• هر روز چیزی را ارسال کنید: تأیید کامل – هجوم دوپامین کد شما در حال ارسال است / بهره وری / 2 دقیقه مطالعه

• استفاده از اجراکننده آزمایشی Node.js: اسناد رسمی آزمایشی Node.js. / گره / 9 دقیقه مطالعه

• چگونه امتیازات Google Lighthouse خود را در سال 2024 هک کنیم: آیا نمرات کامل Lighthouse به این معنی است که عملکرد وب سایت شما عالی است؟ همانطور که مشخص است، Lighthouse تحت تأثیر تعدادی چیز است که می توان آنها را دستکاری و خم کرد تا سایت ها کارآمدتر از آنچه هستند به نظر برسند، همانطور که Salma Alam-Naylor در چندین آزمایش نشان می دهد. / کارایی، فانوس دریایی / 23 دقیقه خواندن

• انتقال‌های نمای متقاطع: این یک نسخه نمایشی بسیار خوب از نحوه استفاده از انتقال‌های جدید astro zero js است. / astro، انتقال / 0 دقیقه خواندن

• Spreadsheet Superstars: تعداد انگشت شماری از تحلیلگران، آکچوئرها و حسابداران به Excel تسلط دارند که مسلماً مهمترین نرم افزار در دنیای تجارت است. پس آنها در وگاس چه می کنند؟ آنها یک صفحه گسترده باز می کنند. / صفحات گسترده / 38 دقیقه خواندن

• گزارش اشکال کامل: گزارش اشکالی بنویسید که توسعه دهندگان دوست دارند! / اشکالات / 3 دقیقه مطالعه

• چرا curl روابط عمومی را در Github می‌بندد: مشارکت‌کنندگان در پروژه کرل در GitHub تمایل دارند به سرعت متوجه دنباله بالا شوند – درخواست‌های کششی ارسال شده معمولاً با لکه‌های بنفش همراه آن ادغام نمی‌شوند، در عوض گفته می‌شود که بسته شده‌اند. / حلقه / 12 دقیقه خواندن

• لیستی از نمونه های مفید دستور sed در لینوکس: sed بسیار مفید است. / sed، cli / 0 دقیقه خواندن

• FWIW: برای هر چیزی که ارزش دارد – توصیه من در مورد کاریابی در فناوری / حرفه / 70 دقیقه مطالعه

🧰 ابزار

• activepieces: دوستانه ترین ابزار اتوماسیون همه کاره منبع باز شما / گردش کار، اتوماسیون

• فونت های برنامه نویسی: فونت های مختلف را برای IDE خود تست کنید. / فونت ها

• CideFlattener: CodeFlattener یک ابزار خط فرمان Node.js است که برای صادرات ساختار و کد یک مخزن به یک فایل متنی مسطح طراحی شده است. / کاربردها

• Flameshot: نرم افزار اسکرین شات منبع باز قدرتمند و در عین حال ساده برای استفاده. / اسکرین شات ها

• گالری تعاملات وب: مجموعه ای از عناصر متحرک از سراسر وب / تصاوير متحرك، آلبوم عکس

• Font Interceptor: Font Interceptor تمام فونت های مورد استفاده در وب سایت مورد نظر را دانلود می کند. آیا از آن استفاده خواهید کرد؟ / فونت ها

• restate: Restate بستری برای ساخت برنامه‌های کاربردی انعطاف‌پذیر است که تمام خطاهای زیرساختی را بدون نیاز به مدرک دکترا تحمل می‌کند. / گردش کار

• اشتراک‌گذاری URL: یک URL را با Web Share به اشتراک بگذارید، آن را در کلیپ‌بورد یا رسانه‌های اجتماعی کپی کنید / اشتراک گذاری

• JsonTree.js: یک کتابخانه سبک وزن جاوا اسکریپت که نماهای درختی قابل تنظیم را برای تجسم بهتر داده های JSON ایجاد می کند. / json

• Reshot: نمادها و تصاویر رایگان / نمادها، تصاویر

• Remeda: یک کتابخانه ابزار برای جاوا اسکریپت و تایپ اسکریپت. / تایپی، کاربردها

• DGM.js: یک بوم بی نهایت با اشکال هوشمند / بوم

• Pastel: چارچوبی مشابه Next.js برای CLIهای ساخته شده با جوهر / cli

• Jsvectormap: یک کتابخانه جاوا اسکریپت سبک برای ایجاد نقشه های تعاملی و تجسم داده های زیبا. / نقشه ها

• starry-night: برجسته سازی نحو، مانند GitHub / مشخص کردن

• کوارتز: یک مولد سایت استاتیک سریع و دارای باتری که محتوای Markdown را به وب‌سایت‌های کاملاً کاربردی تبدیل می‌کند. / نشانه گذاری

• نوع سیالیت: اندازه های تایپوگرافی سیال را محاسبه کنید / تایپوگرافی

• Adobe Alternatives: لیستی از گزینه های جایگزین برای نرم افزار Adobe / خشتی، فهرست راهنما

• Lexbor: Lexbor توسعه یک کتابخانه HTML Renderer منبع باز است. / موتور مرورگر

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

• ASCII Silhouettify: ASCII Silhouettify اپلیکیشنی است که تصاویر را به شبح های ASCII تبدیل می کند، سبکی از هنر ASCII که با اشکال هندسی پر شده یکنواخت به جای خطوط یا بافت ها متمایز می شود. / آسکی، هنر

📚 آموزش

• نحوه استفاده از Corepack: هرگز دوباره فکر نکنید که از چه مدیر بسته در پروژه استفاده کنید. / npm، corepack / 4 دقیقه مطالعه

• انیمیشن Apple Tab Pill: این افکت Apple WWDC24 را دیدید / css / 0 دقیقه خواندن

• راهنمای Full Stack Web Push API: اعلان‌های فشاری را امتحان کنید! / اطلاعیه / 18 دقیقه مطالعه

• تولید فایل های ZIP با جاوا اسکریپت: خود توضیحی / زیپ، جاوا اسکریپت / 3 دقیقه مطالعه

• استفاده از صفحه Visibility API: بررسی نمایان بودن سند به شما بینشی در مورد نحوه تعامل بازدیدکنندگان با صفحات شما می دهد و می تواند نکاتی در مورد وضعیت برنامه های شما ارائه دهد. / دید / 10 دقیقه مطالعه

• ترفند سریع – استفاده از تصویر حاشیه برای اعمال و همپوشانی گرادیان.: یک خط برای جلوه ای زیبا. / css / 3 دقیقه مطالعه

می خواهید بیشتر بخوانید؟ اتمام مقاله کامل در اینجا.

برای ثبت نام در خبرنامه هفتگی، به weeklyfoo.com مراجعه کنید.