63 個專案實戰,直接上手!無需補習,按步驟打造你的面試作品。
**介紹** 身份驗證是任何軟體、應用程式或系統中非常重要的組件,它透過限制應用程式的某些區域來提供額外的安全層。例如,一個包含重要資訊的儀表板,除非使用者已通過身份驗證,否則無法訪問。當然,我們可以實作使用者、電子郵件和密碼的方式,讓使用者創建帳號,然後使用者接收到一封郵件以驗證電子郵件,只...
今天,我將向您展示如何建立一個 useDebounce React Hook,它可以非常輕鬆地對 API 呼叫進行反跳操作,以確保它們不會執行得太頻繁。我還製作了一個使用我們的鉤子的演示。它搜尋 Marvel Comic API 並使用 useDebounce 來防止每次按鍵時觸發 API 呼叫。 ...
設定生產級全端 Node.js 專案不僅涉及編寫程式碼。它需要仔細的規劃、強大的架構以及遵守最佳實務。本指南將引導您完成使用 Node.js、Express 和 React 建立可擴展、可維護且安全的全端應用程式的過程。 無論您是希望了解生產級設定的初學者,還是旨在完善專案結構的經驗豐富的開發...
使用 Express.js 開發 Node.js 應用程式時,有效建立程式碼庫對於可維護性、可擴展性和易於協作至關重要。組織良好的專案結構使您能夠管理複雜性,從而更輕鬆地導航和理解程式碼。在本部落格中,我們將探索 Express.js 應用程式的典型資料夾結構,並解釋每個目錄和檔案的用途。 專...
1. 設定後端 ------- ``` mkdir mern-todo-app cd mern-todo-app npm init -y ``` 1.2. Install Dependencies ``` npm install express mongoose bod...
今天,我們將學習如何使用 Wing 作為後端建立全端應用程式。 ![反應 + 維特 + 翅膀](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vb7jf7dk9b08x042p0vl.png) 我們將使用 React 和...
Docker 是一個工具,允許開發人員將他們的應用程式及其所有依賴項打包到一個容器中。然後,這個容器就可以輕鬆地在任何安裝了 Docker 的機器上傳輸和執行,而不必擔心環境的差異。這就像是打包和執行軟體的標準化方式。 **容器是什麼?** ![Docker 容器](https://de...
## 課程目標 - 學習事件處理的寫法 ## 課程內容 來學一下事件處理的寫法 - https://vuejs.org/guide/essentials/event-handling.html 眼花撩亂沒關係,我已經多次告訴過你應該用什麼心態去面對 不用把這些東西...
## 課程目標 - 體驗一下 Reactivity 的效果與便利 ## 課程內容 來學 Vue 之中 Reactivity 的基本觀念 - https://vuejs.org/guide/essentials/reactivity-fundamentals.html 老...
## 課程目標 - 能夠運行 Vue 基本環境 - 能夠 render state ## 課程內容 身為工程師,要習慣到處翻閱各種技術文件 這次的課程,我不會手把手帶領,細談所有觀念 我會一次提供一個官網連結。請你一邊閱讀,一邊把其中的範例貼到 jsfiddle 跑跑...
## 課程目標 能動態加上 onclick 事件屬性 能選取到父元素、子元素 能夠在 DOM 樹進行「移除」 能存取到 onclick 事件發生的元素 ## 課程內容 現在已經會在 DOM 樹增加元素、加入文字了 記得之前寫過的「事件」嗎? ``` ...
## 課程目標 認識 DOM 樹基本觀念 能夠在 DOM 樹進行「新增」 學會基本的除錯技巧 ## 課程內容 請打開這個網站,用這個網站來練習&寫作業: https://jsfiddle.net 在學 JavaScript 的時候,你會聽到很多人在講「DOM...
精選技術文章、免費程式設計資源、以及業界重要新聞!