63 個專案實戰,寫出作品集,讓面試官眼前一亮!
介紹 -- **在開源中,我們一起學習、建構、貢獻和成長。** 初學者開發人員透過為開源專案做出貢獻來獲得經驗,經驗豐富的開發人員可以提高技能、探索新技術並指導初級開發人員。 在開源中,我們都在各個方面工作,從貢獻程式碼任務(如錯誤修復)或功能增強到非編碼任務(如文件改進)。 ...
React 生態系統非常龐大,這要歸功於開發者社群。 數以千計的套件、庫和框架使其如此強大。 今天,我們正在探索 17 個很酷的 React 專案,它們對開發人員非常有用。我還介紹了三個很棒的 UI 元件庫。 讓我們跳進去吧。 --- 1. [Tolgee](https...
**介紹** ------ SOLID 原則構成了乾淨、可擴展和可維護的軟體開發的基礎。儘管這些原則起源於物件導向程式設計 (OOP),但它們可以有效地應用於 JavaScript (JS) 和 TypeScript (TS) 框架,例如 React 和 Angular。本文透過 JS 和 ...
在本教程中,我們將建立一個簡單的聊天介面,讓使用者上傳 PDF、使用**OpenAI 的 API**檢索其內容,並使用**Streamlit**在類似聊天的介面中顯示回應。我們還將利用**@pinata**上傳和儲存 PDF 文件。 在繼續之前,讓我們先來看看我們正在建立的內容: htt...
嘿! 我最近瀏覽了多個知識資源,以了解有關 Node.js 中流行設計和架構模式的更多資訊。我的目標主要是伺服器(後端)端,但當我瀏覽它們時,我發現它們與瀏覽器(前端)框架有很多相似之處。其中一些甚至直接在框架中使用,對此我更高興,因為我已經在不知不覺中使用它們了😉 您可以使用許多(確實...
在現代開發時代,擁有高效的開發人員工作流程對於盡快交付高品質軟體發揮巨大作用。 開源是一種寶貴的資源,擁有大量受到社群支持的專案,使我們能夠更好地根據我們的特定需求量身定制解決方案。 在本文中,我決定手動挑選 16 個我最喜歡的開源專案,它們可以加快您的開發工作流程並節省時間。 從...
由於**Node.js**在後端利用 JavaScript 的能力,它已迅速成為建立 Web 應用程式和系統軟體的標準。 **Express**等流行框架和**Webpack**等工具有助於其廣泛使用。儘管存在**Deno**和**Bun**等競爭對手,但 Node 仍然是領先的伺服器端 JavaS...
*聲明:此文章包含聯盟連結;如果您從本文提供的不同連結中購買產品或服務,我可能會獲得報酬。*  ...
如果你曾經使用過 **Node.js**,那麼你可能遇到過 `npm` 和 `npx`。雖然它們聽起來相似,並且都是 Node.js 生態系統的重要組成部分,但它們的用途不同。這篇文章將探討 `npm` 和 `npx` 之間的差異,幫助你了解何時以及為什麼使用每個工具。 ## **什麼是 NP...
**介紹** 身份驗證是任何軟體、應用程式或系統中非常重要的組件,它透過限制應用程式的某些區域來提供額外的安全層。例如,一個包含重要資訊的儀表板,除非使用者已通過身份驗證,否則無法訪問。當然,我們可以實作使用者、電子郵件和密碼的方式,讓使用者創建帳號,然後使用者接收到一封郵件以驗證電子郵件,只...
JavaScript 不斷進化,掌握這種語言是撰寫更乾淨、更高效代碼的關鍵。💻✨ 無論你是剛開始學習或是精進現有技能,這些不太為人知的技巧和小貼士將幫助你撰寫更聰明的 JavaScript。🚀🔍 ## 1. 無需臨時變數交換變數 在編碼中,交換變數是一個常見需求,而 JavaScri...
我最近想要實現一些原始 SQL 查詢並改善它們的效率,以便從資料庫返回的數據能更快。在閱讀幾篇文章並自己實現了一些變更後,我決定在這裡總結一下,讓你可以在你的專案中使用 :) 現在,讓我們來談談 PostgreSQL。這是一個超酷且靈活的開源關聯資料庫管理系統。雖然 PostgreSQL 已經...
Axios 和 Fetch 是在 JavaScript 中進行 HTTP 請求的兩個流行工具,但它們有一些主要的不同之處。以下是詳細比較: ##Axios 內建功能:Axios 具備許多內建功能,如自動 JSON 轉換、請求和回應攔截器,以及請求的取消功能。 瀏覽器相容性:它支援舊版瀏...
當然可以!這是更新後的部落格,包含所有 VS Code 擴展的連結。稍後填寫佔位符即可。 --- ## 絕對需要的十大 VS Code 擴展(否則就糟糕了!) 所以你已經開始使用 Visual Studio Code 了,對吧?歡迎搭乘!它流暢、輕量,哦,這些擴展真是太棒了!它們就...
黃金比例,也稱為黃金數、黃金比例或甚至是神聖比例,是兩個數字之間的特殊關係,其大約等於 1.618。它常用希臘字母「phi」表示。值得注意的是,這個比例與費波那契數列有著密切的聯繫—這是一系列的數字,每個數字都是前兩個數字的總和。費波那契數列以 0、1 開始,然後繼續:1、2、3、5、8、13、21...
嘿,開發者們!👋 作為一名初學者或中級開發者,你可能已經專注於讓你的應用程式功能正常運作。但你有沒有考慮過使用起來的感覺如何?在這篇文章中,我們將探討9個經常被忽視的UI設計方面,這些方面可以顯著改善你的應用程式的用戶體驗。 **注意:** 例子使用ReactJS和TailwindCSS...
標籤是 Git 的一個簡單方面,讓您可以識別程式碼的特定版本釋出。您可以將標籤視為一個**不會改變的分支**。一旦它被創建,就失去了改變提交歷史的能力。 ## 兩種 Git 標籤 在 [Git 中有兩種標籤](https://kolosek.com/git-commands-tutori...
## 我第一次遇見 ts-pattern 幾個月前,我正在檢查客戶的程式碼庫,裡面充斥著眾多的 switch 陳述句和分散在多個檔案中的物件字面量,這使得可讀性和可維護性變得一團糟。 在一次與我的隊友 Erick 的配對程式設計會議中,他分享了他的螢幕,並給我展示了一個他正在測試的庫。 ...
Python 是最容易上手的程式語言之一,幾乎可以應用於每一個技術領域——無論是資料科學、自動化、物聯網、人工智慧、機器學習還是網頁開發。而 Python 最有趣的地方在於它是 **100% 開源** 的,這使得它更具威力和活力。 然而,許多開發者在建構網頁應用程式時忽略了 Python,這限...
如果您是一位初學者或有經驗的 React Native 開發者,那麼您必須了解代碼實踐是一項不可妥協的技能。作為一名開發者,交付項目是必須的,但編寫可擴展且高品質的代碼將有助於您和您的團隊未來的發展。 在我們繼續之前,這些實踐可以應用於 React Native CLI 或 Expo 項目。根...
精選技術文章、免費程式設計資源、以及業界重要新聞!
也歡迎訂閱 YouTube 頻道,觀看每週二晚間 8 點的《CodeLove Talk》直播節目,一起討論軟體開發相關的話題!