63 個專案實戰,直接上手!無需補習,按步驟打造你的面試作品。
在這篇文章中,我將引導您了解如何在**TypeScript**中建立**事件驅動的**Node.js 應用程式。我們將從傳統應用程式開始,然後採取所需的步驟,透過**Pub/Sub**進行通信,使服務鬆散耦合。 我們將了解如何**在本地執行應用程式**,以及如何將事件驅動的應用程式**部署到雲...
在2017年,我曾經在建立任何前端專案上掙扎。 我會跟隨教程,充滿信心,但在試著獨立建構某些東西時卻遇上障礙。 快轉到今天:我是一名來自 [Palantir](https://www.linkedin.com/in/ndeye-fatou-diop-b130b0a6/) 的**資深前端工...
作為一名開發人員,我們經常對使用哪些工具來建造我們的下一個(側面)專案感到困惑。 即使您足夠認真地建立產品,問題仍然是一樣的。 因此,我將介紹 9 個開源程式庫,它們將真正增強您未來的專案! 我們走吧🚀 ![圖片標示為悟空、兒子悟空、超級賽亞人之神 – Tumblr 上的@z...
我留意到一個現象,我稱為「本國人創業光環、外國人進場詛咒」 這個現象是我這兩個月辛苦掙扎、搞不清自己挫敗的原因 我認為這個現象非常值得分享,給未來有興趣挑戰出海的各位 ## 本國人創業光環 過去這十年,我開發 side project 或者協助新創發佈產品時,流程通常是這樣 ...
軟體工程師討厭一項任務,但這種對細節的小小關注正是優秀軟體工程師與糟糕軟體工程師的區別:**他們如何記錄他們的專案?** 幾年前,我負責建立一個金融科技計畫。因為我們決定快速行動,所以規劃可擴展性並不是優先考慮的事情。我們的重點是驗證這個想法,因此我們繼續前進,用簡單的解決方案建立 API、架...
在本教程中,我們將探討如何設置 Prisma + Postgres。我們將使用與書籍和作者相關的現實世界示例。 ## Prisma + Postgres 的先決條件 在開始之前,請確保您已安裝以下項目: - **Node.js** (v14 或更高版本) - **npm** 或 ...
**TypeScript**是現代 JavaScript 開發的強大動力,帶來了`type safety`和進階功能。 雖然許多開發人員都了解基礎知識,但還有一些隱藏的精華和實用技巧可以讓您的程式碼更有效率、更乾淨和可維護。 讓我們透過範例和實用方法深入了解每個開發人員都應該了解的**2...
簡介:使用這些方便的 CSS 技巧來增強您的樣式表 ------------------------- 嘿,UI 開發人員朋友們!您準備好為您的樣式表加入一些活力了嗎?我們都知道 CSS 既可以是祝福,也可以是詛咒。它非常強大,但有時感覺就像我們在與一隻頑固的章魚搏鬥,試圖讓我們的佈局恰到好...
您是否想知道 Whatsapp 或 Telegram 等訊息應用程式如何讓您查看發送的連結的預覽? ![Whatsapp 網址預覽](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hhwkooy6quz7z5pkn7b2.pn...
遲早您的專案中會需要一個輪播。也許您想要顯示圖像列表,也許是您的應用程式的簡介,或者您可能希望您的應用程式有幾個可滑動的螢幕。無論您的用例是什麼,本文都可能對您有所幫助。 讓我們開始吧。我們的輪播的基礎將是一個簡單的`FlatList`元件。原因很簡單 - 它基於`ScrollView`元件,...
在本教程中,我們將建立一個簡單的聊天介面,讓使用者上傳 PDF、使用**OpenAI 的 API**檢索其內容,並使用**Streamlit**在類似聊天的介面中顯示回應。我們還將利用**@pinata**上傳和儲存 PDF 文件。 在繼續之前,讓我們先來看看我們正在建立的內容: htt...
如果你想要一個填滿整頁的容器 div,確保你有這些: ```css /* 覆蓋瀏覽器預設 */ html, body { margin: 0; padding: 0; } /* 使用視口相對單位以完全覆蓋頁面 */ body { height: 100vh; ...
在這篇博客中,我們將逐步構建一個 **求職網站應用程式**,使用 **React.js**(搭配 **Vite** 進行設置)、**Node.js**(使用 **Express**)、**SerpApi** 從 Google 職位中獲取求職清單,以及使用 **Material-UI (MUI)** ...
JavaScript 不斷進化,掌握這種語言是撰寫更乾淨、更高效代碼的關鍵。💻✨ 無論你是剛開始學習或是精進現有技能,這些不太為人知的技巧和小貼士將幫助你撰寫更聰明的 JavaScript。🚀🔍 ## 1. 無需臨時變數交換變數 在編碼中,交換變數是一個常見需求,而 JavaScri...
嘿,開發者們!👋 作為一名初學者或中級開發者,你可能已經專注於讓你的應用程式功能正常運作。但你有沒有考慮過使用起來的感覺如何?在這篇文章中,我們將探討9個經常被忽視的UI設計方面,這些方面可以顯著改善你的應用程式的用戶體驗。 **注意:** 例子使用ReactJS和TailwindCSS...
如果您是一位初學者或有經驗的 React Native 開發者,那麼您必須了解代碼實踐是一項不可妥協的技能。作為一名開發者,交付項目是必須的,但編寫可擴展且高品質的代碼將有助於您和您的團隊未來的發展。 在我們繼續之前,這些實踐可以應用於 React Native CLI 或 Expo 項目。根...
Encore.ts 是 TypeScript 的開源後端框架。本指南將引導您了解如何將[Express.js](https://expressjs.com/)應用程式遷移到[Encore.ts,](https://encore.dev)以獲得類型安全的 API 和 9 倍的效能提升。 為什麼要...
前端面試通常完全不關心資料結構與演算法(DSA)。 而對於那些還記得在學校或大學學習 DSA 的我們來說,所有的例子都感覺非常純粹演算法化(這是有原因的),但幾乎沒有任何例子或指導,告訴我們我們日常使用的產品如何利用這個概念。 *“我真的需要這個嗎?”* 你一定問過自己很多次,對吧?👀...
在本教程中,我們將使用**FastAPI**建立一個基本的部落格應用程式作為後端,**使用 HTML**和**CSS**作為前端,並使用一個**JSON**檔案來執行基本的 CRUD(建立、讀取、更新、刪除)操作。 FastAPI 是一個使用 Python 建立 API 的現代 Web 框架,...
**介紹:** React 徹底改變了我們建立使用者介面的方式,但能力越大,責任越大。當我們在 2024 年應對不斷變化的 React 開發格局時,了解最佳實踐和常見陷阱至關重要。在這份綜合指南中,我們將深入探討開發人員在啟動新的 React 專案時常犯的五個嚴重錯誤。透過理解並避免這些錯誤,...
精選技術文章、免費程式設計資源、以及業界重要新聞!