在 Web 開發中保持領先：最新消息、工具和見解 #58

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

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

？讀它！

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

26 分鐘閱讀

？很高興知道
• 2024 年 11 個最佳開源網路爬蟲和爬蟲：如果您需要一個爬蟲，可以考慮的一個很好的爬蟲清單。作者：大衛‧盧卡奇 / 爬蟲 /
22 分鐘閱讀
• 離開Stripe：在Jon de la Motte 的stripe 工作 / stripe，職業 /
15分鐘閱讀
• 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， 運算子
/ 4 分鐘閱讀
• 用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 /
ai
• , kaibanjs / / 15 分鐘閱讀
用 JavaScript 產生隨機迷宮：今年我沒有機會去南瓜田，所以我錯過了看到任何玉米迷宮。為了彌補這一點，我決定自己做一些迷宮！作為一名程式設計師，我過度設計了它並建立了一個隨機迷宮生成器！作者：Paul Herbert

/

---

迷宮

• / 13 分鐘閱讀

？影片

Atlas 親自動手：有趣的是 Atlas 完全自主地行動。由波士頓動力

/ 機器人 想閱讀更多內容嗎？在這裡查看完整的文章。 要訂閱每週通訊，請造訪weeklyfoo.com。

以上是在 Web 開發中保持領先：最新消息、工具和見解 #58的詳細內容。更多資訊請關注PHP中文網其他相關文章！