在 Web 開發中保持領先：最新消息、工具和見解 #58-js教程-PHP中文網

Stay ahead in web development: latest news, tools, and insights #58

在此處註冊時事通訊，以便將每週摘要直接發送到您的收件匣。

weeklyfoo #58 在這裡：您需要了解的所有 Webdev 新聞的每週摘要！這次您將找到 7 個類別的 37 個有價值的連結！享受吧！

？讀它！

如何成為更有效率的工程師：軟技能、隱性層級結構、獲得「小勝利」、了解晉升流程等的重要性。作者：Cindy Sridharan / 職業、工程 / 26 分鐘閱讀 /

26 分鐘閱讀

2024 年 11 個最佳開源網路爬蟲和爬蟲：如果您需要一個爬蟲，可以考慮的一個很好的爬蟲清單。作者：大衛‧盧卡奇 / 爬蟲 /
離開Stripe：在Jon de la Motte 的stripe 工作 / stripe，職業 /
Y Combinator 申請指南：Yurii Rebryk 的YC 校友關於YC 申請的建議 / yc /
/ / Grok API 公共測試版：從今天開始，開發人員可以使用我們新發布的 API 在我們的 Grok 基礎模型上進行建置。作者 x.ai / grok, ai
/ 3 分鐘閱讀閱讀我對員工指標的看法改變了：經理放棄了Rachel / 領導力
/ 4 分鐘的指標閱讀請停止說：觀察同樣的事情，有時我也是這樣做的人之一。但斯科特就在這裡，無論如何都不應該使用它。作者：Scott Ringwelski / 工程
/ 5 分鐘閱讀永遠發布：因為說實話，沒人在乎你的新產品，Andrew Chen / 產品
/ 閱讀7 分鐘可能性有多大？：您擔心 UUID 衝突嗎？您的資料中心更有可能在核打擊中被摧毀。優先考慮重要的事情。作者：Jonathan Hall / uuid
/ 4 分鐘閱讀 Monorepo - 我們的經驗：九個月前，我們轉向了 monorepo。在這裡，我描述了迄今為止我們使用該開關的經驗。作者：ente.io / monorepo
/ 10 分鐘閱讀什麼是單頁應用程式？：Web 開發社群談論了很多單頁應用程序，但我們都在一個頁面上嗎？作者：傑克·拉扎羅夫 / 水療
/ 15 分鐘閱讀 JavaScript 的??= 運算子：預設值變得簡單：在JavaScript 中使用??= 優雅地處理null 和未定義值的指南，作者：Trevor I.Lasn / javascript，運算子
用JavaScript 攻擊汽車：使用HackRF 在瀏覽器中運行重放攻擊，作者：Charlie Gerard / hacks / 12 分鐘閱讀
我認識的最優秀工程師的7 個簡單習慣：優秀的軟體工程師如何保持卓越表現，engineerscodex.com / 工程 / 閱讀時間10 分鐘

？工具

NocoDB：NocoDB 允許透過電子表格輕鬆建立無代碼資料庫解決方案。作者：nocodb.com / 資料庫
Cash：現代瀏覽器的一個小得離譜的 jQuery 替代品。作者：Fabio Spampinato / dom, javascript
pqoqubbw/icons：由 pqoqubbw / icons 為您的專案提供的流暢動畫圖示的開源集合
有一天：免費託管和開源 cal.com / calendly 替代方案，基於 Google-Apps-Script 為 Gmail 用戶構建。採用 React、TypeScript、Shadcn/UI 和 Vite 等現代技術建置。作者：robby / 日曆，日曆
HTML to React & Figma by Magic Patterns：Chrome 擴展，可將您在任何網站上找到的內容轉換為 React 元件。作者：magicpatterns.com / react，chrome
NPM 圖表：搜尋套件以查看其隨時間的下載統計資料。作者：塞巴斯蒂安·蕭邦 / npm，統計
yauzl：Josh Wolfe 的另一個 Node 解壓縮庫 / nodejs, zip
點擊元件：選項點擊瀏覽器中的 React 元件即可立即在 VS Code 中開啟原始程式碼，作者：Eric Clemmons / react
skellyCSS：一個輕量級 CSS 框架，可將框架快速實現到您的專案中。透過 Ritter Insurance / 骷髏
npmpackage.info：發現有關 npm 套件的詳細資訊。作者：Shrinath Nayak / npm
BemiDB：Postgres 只讀副本針對 bemidb.com / 分析進行了最佳化分析
varse：varse.io / config 的快速應用程式設定管理員
Draw.Audio：Draw.Audio 是一個免費的音樂素描板，用於探索聲音創意。它是使用 Web Audio API 製作的。作者：draw.audio / 音頻
React GJS 渲染器：Gnome JS 的 React 渲染器。它提供了允許使用 React 建立本機 Gnome GTK 應用程式的元件和方法。透過react-gjs / react，gnome
點狀世界：使用自訂選項建立向量點狀地圖，並透過 worldindots.com 將其下載為 SVG 或 PNG 檔案 / maps

？設計

為 Z 世代設計：期望和使用者體驗指南：圍繞 Z 世代以及他們如何使用科技存在許多神話。是時候看看除了大量使用社群媒體之外的實際行為模式了。作者：Vitaly Friedman / ux / 15 分鐘閱讀
設計原則：設計原則與方法的開源集合。作者：principles.design / 原則 / 2 分鐘閱讀

？樂趣

訪談出錯：Python 如何讓我們感到困惑;) 作者：ashu1461 / python, 訪談, 訪談

訪談

🎜 >2 分鐘閱讀？教學瀏覽器控制台中的動畫：@jh3yy /
console、svg / 使用動畫作為背景🎜>0 分鐘閱讀 HLS 視頻轉碼器：在Cloudflare R2 上流式傳輸視頻，作者：Wes Bos /
cloudflare / 4 分鐘閱讀 如何使用 React 和 AI Agent 創建 AI 驅動的新聞通訊聚合器：在本實用教學中開始使用 AI 代理，並學習使用 React 和 KaibanJS 建立 AI 驅動的新聞通訊聚合器。作者：Dariel Vila /
, kaibanjs / / 15 分鐘閱讀