63 個專案實戰,寫出作品集,讓面試官眼前一亮!
嘿,開發者們!👋 作為一名初學者或中級開發者,你可能已經專注於讓你的應用程式功能正常運作。但你有沒有考慮過使用起來的感覺如何?在這篇文章中,我們將探討9個經常被忽視的UI設計方面,這些方面可以顯著改善你的應用程式的用戶體驗。 **注意:** 例子使用ReactJS和TailwindCSS...
在這篇部落格中,我們將使用 **Socket.io** 來構建一個 **即時聊天應用程式**,進行雙向通信,使用 **Express.js** 作為伺服器,**React.js** 作為前端,並使用 **Chakra UI** 進行樣式設計。我們將使用 **Vite** 快速開發來設置專案。 ...
**版本控制**對於**開發人員**和**DevOps 工程師**來說,是高效管理代碼和無縫協作的必要工具。在本指南中,我們將探討**Git**,這是最廣泛使用的版本控制系統,以及**GitHub**,這是流行的 Git 存儲庫託管和共享平台。到本指南結束時,您將對版本控制的運作方式、為什麼 Git...
標籤是 Git 的一個簡單方面,讓您可以識別程式碼的特定版本釋出。您可以將標籤視為一個**不會改變的分支**。一旦它被創建,就失去了改變提交歷史的能力。 ## 兩種 Git 標籤 在 [Git 中有兩種標籤](https://kolosek.com/git-commands-tutori...
現在很多人使用像是 **oh-my-zsh** 這類工具,這些工具內建了許多非常有用的功能,包括 Git 快捷鍵。別誤會,這些工具真的很好。但我認為理解背後的運作原理是非常重要的。你可以隨意使用各種工具,但從根本上建立自己的工作流程是有真正價值的。 如果你對我為什麼認為 **應該自己編寫工具*...
## 我第一次遇見 ts-pattern 幾個月前,我正在檢查客戶的程式碼庫,裡面充斥著眾多的 switch 陳述句和分散在多個檔案中的物件字面量,這使得可讀性和可維護性變得一團糟。 在一次與我的隊友 Erick 的配對程式設計會議中,他分享了他的螢幕,並給我展示了一個他正在測試的庫。 ...
## TL;DR 除非你一直住在石頭下,否則你一定聽說過 OpenAI 的重大發布:o1-preview。 作為一名 AI 愛好者和 AI 初創公司 [Composio](https://dub.composio.dev/1pf7IAU) 的成員,我花了數小時通過無數提示測試這個模型,看...
如果您是一位初學者或有經驗的 React Native 開發者,那麼您必須了解代碼實踐是一項不可妥協的技能。作為一名開發者,交付項目是必須的,但編寫可擴展且高品質的代碼將有助於您和您的團隊未來的發展。 在我們繼續之前,這些實踐可以應用於 React Native CLI 或 Expo 項目。根...
你是否曾經想過為什麼某些 JavaScript 程式碼似乎無法按順序運行?理解這一點的關鍵是 **事件循環**。 JavaScript 的事件循環可能難以理解,特別是在處理不同類型的非同步操作時。在本文中,我們將解析 JavaScript 如何處理 **同步** 和 **非同步** 程式碼、*...
### 目錄 1. [專案概述](#專案概述) 2. [前置需求](#前置需求) 3. [第一階段:基礎設施設置](#第一階段基礎設施設置) - 1.1 [配置 Kubernetes 叢集 (EKS)](#11-配置-kubernetes-叢集-eks) - 1.2 [設置 J...
最近,我看到許多關於 VS Code 擴充套件的文章。但是你知道嗎?許多文章都已經過時了!你或許會問:怎麼會呢?它們不是昨天才分享的嗎!讓我來解釋一下。 許多列表格式的文章都是由人工智慧生成的。ChatGPT 的訓練使得它在你要求“為我的程式設計部落格撰寫一篇文章”時,傾向於寫幾個一般性的主題。如...
授權是我們應用程式中決定使用者可以在何種資源上執行哪些操作的過程,這是每個應用程式的重要要求。實施[基於角色的存取控制 (RBAC)](https://www.permit.io/blog/an-introduction-to-role-based-access-control) 是一個簡單的方法來...
最近,我一直在拖延,沉迷於 Netflix 追劇,無止境地滑動社交媒體等等。 最終,我決定擺脫拖延症。有什麼比編寫一個 AI 代理來幫助我保持軌道並定期提醒我是否應該開始沉迷於媒體消費的方式更好呢? ![cat-ai-gif](https://dev-to-uploads.s3.amaz...
JavaScript 持續演進,即將推出的 ECMAScript 2024 (ES15) 為語言帶來一系列新特性和改進。這些更新旨在提高開發者的生產力、代碼的可讀性和整體性能。讓我們探討 ES15 中一些最值得注意的新增功能。 ## 1. 增強的字串操作 ES15 引入了新的字串操作方法...
有數以千計的開發工具和軟體包,但常見的問題是其中大多數不符合標準。 因此,我將介紹 21 個實際上有用的方法,它們可以改善您作為開發人員的日常生活。 其中一些是工具,一些是專案,其他可能包括包。 讓我們跳進去吧。 ![傳說中的gif](https://dev-to-uploa...
Encore.ts 是 TypeScript 的開源後端框架。本指南將引導您了解如何將[Express.js](https://expressjs.com/)應用程式遷移到[Encore.ts,](https://encore.dev)以獲得類型安全的 API 和 9 倍的效能提升。 為什麼要...
負載平衡器在現代軟體開發中至關重要。如果你曾經想過,請求是如何在多台伺服器之間分配的,或者為什麼某些網站即使在高流量時仍然感覺更快,答案往往在於高效的負載平衡。 ![Without Load Balancer](https://dev-to-uploads.s3.amazonaws.com/u...
前端面試通常完全不關心資料結構與演算法(DSA)。 而對於那些還記得在學校或大學學習 DSA 的我們來說,所有的例子都感覺非常純粹演算法化(這是有原因的),但幾乎沒有任何例子或指導,告訴我們我們日常使用的產品如何利用這個概念。 *“我真的需要這個嗎?”* 你一定問過自己很多次,對吧?👀...
在本教程中,我們將使用**FastAPI**建立一個基本的部落格應用程式作為後端,**使用 HTML**和**CSS**作為前端,並使用一個**JSON**檔案來執行基本的 CRUD(建立、讀取、更新、刪除)操作。 FastAPI 是一個使用 Python 建立 API 的現代 Web 框架,...
當後端尚未準備好 API 時,我們都經歷過這樣的情況,因此前端開發人員手動對回應進行硬編碼。 這非常耗時,並且會帶來許多間接問題。 今天,我們將探討 Requestly 如何透過減少對後端開發人員的依賴來幫助您將前端應用程式的建置速度提高至少 10 倍。 讓我們跳進去吧。 !...
精選技術文章、免費程式設計資源、以及業界重要新聞!