在本教程中,您將學習如何建立人工智慧驅動的測驗應用程式,該應用程式使用戶能夠選擇主題、回答與該主題相關的問題,並在完成測驗後立即收到分數。 此測驗的問題將使用 OpenAI API 動態生成,方法是提供以所需 JSON 格式傳回問題的特定提示。在建立此應用程式時,您還將學習如何將 OpenAI...
HTML 是 Web 開發的基礎。雖然大多數開發人員都熟悉基本元素,例如 ``` <div>, <p>, and <img>, ``` HTML 提供了大量進階功能,可顯著增強網頁的功能和效率。不幸的是,其中許多強大的功能仍未充分利用。在本文中,我們將探討您可能沒有使用但絕對應該使用...
--- 標題:Joi — Node.js 和 Express 的出色程式碼驗證 發表:真實 描述:這描述如何使用 Joi 來驗證您的資料。我們還學習如何為 Express 建立一個中間件來驗證資料結構以及路由和查詢參數 標籤: 教學、showdev、初學者、javascript 封面圖片...
長話短說 ---- 我媽媽經營一家小企業已經有一段時間了,她從客戶、供應商和經銷商那裡收到了大量的發票。我一直想知道為什麼我年輕時她總是對我生氣。不久我就意識到她一直在摸索這些發票。 因此,我想,為什麼不建立一個人工智慧機器人來自動檢索電子郵件、處理電子郵件並將必要的詳細資訊組織到電子表格中呢...
--- 標題:使用 Formik、Material-UI 和 Yup 來 React Form。 發表:真實 描述:使用 Formik、Material-ui 和 Yup 在 React 中進行表單驗證。 標籤: React, Javascript, Webdev --- 介紹 -...
目錄 -- 1. [介紹](#introduction) 2. [專案概況](#project-overview) 3. [先決條件](#prerequisites) 4. [第 1 步:AWS 上的基礎設施設置](#step-1-infrastructure-setup-on-aws) ...
介紹 -- 監控是 DevOps 生命週期的**重要方面**,可確保您的基礎架構、應用程式和服務以最佳狀態運作。有效的監控可以幫助團隊深入了解系統效能、應用程式運作狀況和使用者體驗,從而實現更可靠、更有效率的軟體交付。 在本文中,我們將探討如何設定和配置 DevOps 中一些最廣泛使用的監控工...
介紹 -- 在當今快節奏的開發環境中,持續整合和持續交付 (CI/CD) 是快速可靠地交付高品質軟體的基本實踐。在此專案中,我們將利用 Jenkins、Docker、Trivy、SonarQube 和 Nexus 等業界標準工具,從頭開始建立強大的 CI/CD 管道。本指南專為希望以可擴展且安全...
在寫 SEO/SMO 相關程式碼的時候,我發現很多使用 laravel/php 的開發者會在 layout 相關檔案這樣寫: ``` @if (isset($product)) <title>{{ $product->name }}產品資訊</title> <meta n...
近幾年跟不同團隊合作,我發現大家似乎都不再使用 global functions 了。 前人的經驗告訴我們,濫用 global functions 會讓程式碼變得很難維護。 大家有改過 wordpress 的 source code 嗎? 滿滿的 global functions。...
介紹 == 我寫 React 程式碼已經 3 年多了。然而,我最初沒有關注的一件事是優化 React 效能。大多數時候,技術債會不斷積累,優化性能變得充滿挑戰。 從一開始就專注於優化是相當困難的,但您可以不時地安排優化以避免巨大的技術債。 我們將研究 React 的一些優化技術。...
在開發健全、可維護和可擴展的 React 應用程式時,應用 SOLID 原則可以改變遊戲規則。這些物件導向的設計原則為編寫簡潔高效的程式碼提供了堅實的基礎,確保您的 React 元件不僅功能強大,而且易於管理和擴展。 在本部落格中,我們將深入探討如何將每個 SOLID 原則應用到 React ...
React 這個備受喜愛的函式庫徹底改變了前端開發,即將再一次向前飛躍。隨著 React 19 即將發布,開發人員對新的「使用」API 感到興奮不已。但這個新功能到底是什麼?讓我們深入了解 React 生態系統中這個改變遊戲規則的新功能! 關於「use」的熱門話題是什麼? ---------...
為什麼 API 在現代 Web 開發中很重要 ---------------------- 在深入探討之前,讓我們先快速回顧一下為什麼 API 是互動式 Web 應用程式的支柱: - **即時更新:**讓您的用戶立即了解最新資料。 - **動態內容:**將靜態頁面轉變為活生生的資...
📝簡介 --- 在現代軟體開發環境中,**持續整合和持續部署 (CI/CD)**管道對於確保程式碼變更以一致且可靠的方式自動建置、測試並部署到生產環境至關重要。本文件提供了使用 AWS EC2 執行個體上託管的各種工具設定強大的 CI/CD 管道的綜合指南。 該流程將涵蓋從設定必要的基礎設施到...
優化的程式碼至關重要,因為它直接影響軟體的效率、效能和可擴展性。編寫良好的程式碼執行速度更快,消耗的資源更少,並且更易於維護,使其更適合處理更大的工作負載並改善用戶體驗。它還降低了營運成本,因為高效的程式碼需要更少的處理能力和內存,這在資源有限的環境中尤其重要,例如嵌入式系統或大規模雲端應用程式。...
長話短說 ---- 在本文中,您將建立一個 AI 編碼器來修復 GitHub 程式碼庫的文件和錯誤、建立新功能並偵錯現有問題。 AI Coder 收到問題,找到解決方案,建立單獨的分支,編寫程式碼,並將拉取請求推送到遠端儲存庫。 ![野豬騎士 git hub](https://dev-to-u...
TypeScript 中的泛型乍看之下似乎令人畏懼——那些大寫字母和方括號是怎麼回事? 😅 但不用擔心,這份備忘錄有助於揭開泛型的神秘面紗,並透過簡單的範例向您展示它們如何運作。 --- 泛型如何運作 ------ 泛型使您能夠定義一個類型變數,該變數充當稍後提供的特定類型...
我開發人工智慧和非人工智慧應用程式已經有一段時間了。雖然建立原型相對簡單,但建立真正為現實世界做好準備的人工智慧系統卻是一項更具挑戰性的任務。 該軟體需要 - 可靠且維護良好。 - 遵守安全標準(SOC2、ISO、GDPR 等)。 - 可擴展、高效能、故障安全等等。 儘...
設定生產級全端 Node.js 專案不僅涉及編寫程式碼。它需要仔細的規劃、強大的架構以及遵守最佳實務。本指南將引導您完成使用 Node.js、Express 和 React 建立可擴展、可維護且安全的全端應用程式的過程。 無論您是希望了解生產級設定的初學者,還是旨在完善專案結構的經驗豐富的開發...
精選技術文章、免費程式設計資源、以及業界重要新聞!