阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!

TL;DR

我們每天都會使用不同的技術工具,儘管我們以前從未聽說過,但它們已經自動化了。

有了新知識,我們在市場上獲得了競爭力,這將為我們提供我們想要的東西,無論是網上商店還是簡單的計算器。

在本文中,我收集了一些工具,了解這些工具將幫助您成為最終的開發人員。

開始吧! 🏎️


1.🐜HMPL.js - 面向伺服器的可自訂 JavaScript 模板

讓我們從一種小型模板語言開始,它允許你從伺服器取得元件並將其顯示在客戶端。由於其語法,應用程式非常小。

該語言在語法上基於區塊,並與 JSON5 和 DOMPurify 整合。它可以減少 JavaScript 檔案的大小,並顯示與使用現代框架編寫的 UI 相同的介面!

HMPL

{% cta https://github.com/hmpl-language/hmpl %} 💎 檢視 HMPL.js {% endcta %}


2.🗒 Readme.so - 一個線上拖放編輯器,可輕鬆建立 README

第二個工具是一個小型但非常有用的自述文件視覺化編輯器。

Readme.so 是一個線上編輯器,可協助開發人員為他們的專案製作自述文件。

自述文件

{% cta https://github.com/octokatherine/readme.so %} 💎 查看 Readme.so {% endcta %}


  1. 🧠 GitHub Copilot - 你的 AI 配對程式設計師

近來,隨著ChatGPT等人工智慧的發展,Copilot作為微軟AI的標配,已成為VS Code中不可或缺的助手。

GitHub Copilot 可適應您的獨特需求,讓您為您的專案選擇最佳模型,使用自訂指令自訂聊天回應,並利用代理模式進行 AI 驅動的無縫整合同儕程式設計工作階段。

GitHub Copilot

以前它沒什麼意義,但現在它與環境整合得非常好,已經可以算是 VS Code 的一部分了。它只需要註冊帳號就能正常運作,但我覺得對於這樣的好處來說,註冊帳號應該不成問題。

順便說一句,這種人工智慧的另一個優點是它基於 GitHub 儲存庫,因此它生成的程式碼非常出色。

{% cta https://github.com/github-copilot %} 💎 看 GitHub Copilot {% endcta %}


4.🐈‍⬛ Nest.js - 一個用於建立高效、可擴充、企業級伺服器端應用程式的漸進式 Node.js 框架

如果您希望 Express 能夠更加結構化,那麼 Nest.js 正是您夢寐以求的升級版。它為 Node.js 開發帶來了 TypeScript、物件導向程式設計 (OOP) 和模組化架構。

Nest 是一個用於建立高效、可擴展的 Node.js 伺服器端應用程式的框架。它使用現代 JavaScript,以 TypeScript 建構(保留了與純 JavaScript 的兼容性),並融合了 OOP(物件導向程式設計)、FP(函數式程式設計)和 FRP(函數式響應式程式設計)的元素。

Nest.js

{% cta https://github.com/nestjs/nest %} 💎 看 Nest.js {% endcta %}


  1. 🪨 Medusa-全球最靈活的商業平台

如果您熟悉 WordPress,並且曾經在某個自由工作平台上花幾百美元做過一些事情,例如開設吸塵器商店,並且使用過 WooCommerce,那麼這個平台對您來說應該很熟悉。但有一個前提:它功能齊全,並具備 SaaS 平台的現代化功能。

Medusa 是一個內建可自訂框架的電商平台,讓您無需重新設計核心商務邏輯即可建立自訂商務應用程式。此框架和模組可用於建立高級 B2B 或 DTC 電商商店、平台、PoS 系統、服務型企業,或任何需要基礎商務功能的產品。所有商務模組均為開源模組,可在 npm 上免費取得。

美杜莎

{% cta https://github.com/medusajs/medusa %} 💎 看 Medusa {% endcta %}


6.📗 Storybook - 用於獨立建置、記錄和測試 UI 元件的業界標準研討會

任何嚴肅的專案都不可能不先在 StoryBook 中製作一個元件,然後再將其實現到專案中。

Storybook 隨附大量用於元件設計、文件、測試、互動等方面的插件。 Storybook 的 API 使其能夠以各種方式進行配置和擴充。它甚至已擴展至支援 React Native、Android、iOS 和 Flutter 等行動端開發。

故事書

{% cta https://github.com/storybookjs/storybook %} 💎 看 Storybook {% endcta %}


7.🦙Ollama-啟動並執行大型語言模型

既然我們開始談論人工智慧,像Ollama這樣的計畫也值得記住。

ollama run example

這是一個大型、獨特的流行 AI 模型集合,可供下載。

奧拉馬

{% cta https://github.com/jmorganca/ollama %} 💎 查看 Ollama {% endcta %}


8.🐇 Bun - 速度超快的 JavaScript 執行時、捆綁器、測試執行器和套件管理器 - 集於一身

如果你覺得 Node.js 現在很慢,那沒錯。我曾經說過 Deno 是最快的環境之一,但 Bun 或許是現在最快的,或至少幾年前是最快的。

Bun 是一套適用於 JavaScript 和 TypeScript 應用的一體化工具包。它以名為bun的可執行檔形式提供。

包子

{% cta https://github.com/oven-sh/bun %} 💎 查看 Bun {% endcta %}


9.⚙️MLX-適用於 Apple 晶片的陣列框架

如果你剛開始學習機器學習,或者已經做了很長時間,那麼了解蘋果的這個框架對你來說會很有用,而不僅僅是對你有用。

MLX 是由機器學習研究人員為機器學習研究人員設計的。該框架旨在方便用戶使用,同時又能有效地訓練和部署模型。框架本身的設計在概念上也非常簡單。

MLX

{% cta https://github.com/ml-explore/mlx %} 💎 查看 MLX ☆ {% endcta %}


  1. 🦕 Deno - JavaScript 和 TypeScript 的現代執行時

Deno 就像 Node.js 現在建構的樣子。它擁有更完善的預設設定、內建的 TypeScript 支持,並且高度重視安全性。你的文件可以在其他環境中執行。例如: $ deno test server_test.ts

Deno 是一個 JavaScript、TypeScript 和 WebAssembly 執行時,具有安全的預設設定和出色的開發者體驗。它基於 V8、Rust 和 Tokio 建置。

德諾

{% cta https://github.com/denoland/deno %} 💎 看 Deno {% endcta %}


結論

了解所有這些工具並在適當的時機使用它們,你就能提升自己,成為真正的終極開發者!而且,無論你使用什麼語言程式設計。


非常感謝您閱讀這篇文章❤️!

你還使用哪些開源工具?想知道的話一定很有趣!

PS 另外,別忘了幫我並給 HMPL 加星號!

{% cta https://github.com/hmpl-language/hmpl %} 🌱 星標 HMPL ☆ {% endcta %}


原文出處:https://dev.to/anthonymax/10-open-source-tools-to-become-the-ultimate-developer-3jph


共有 0 則留言


精選技術文章翻譯,幫助開發者持續吸收新知。

阿川私房教材:
學 JavaScript 前端,帶作品集去面試!

63 個專案實戰,寫出作品集,讓面試官眼前一亮!

立即開始免費試讀!