阿川私房教材：
學 JavaScript 前端，帶作品集去面試！

63 個專案實戰，寫出作品集，讓面試官眼前一亮！

立即開始免費試讀！
最新出爐作業包
⭐ 邁向資深之路：非同步 JS 訓練（二）—— 各種寫法的錯誤處理、收尾處理
⭐ 邁向資深之路：非同步 JS 訓練（一）—— 從 Callback Hell 到 Promise 介面
⭐ Github Desktop 新手入門教學 —— 用漂亮的 GUI 介面來學習 Git 基本觀念
⭐ 邁向資深之路：後端 JS 訓練（二）—— 玩玩看 Express，用純後端做做看部落格
⭐ 邁向資深之路：後端 JS 訓練（一）—— 玩玩看 Node，做做看老派 CLI 應用程式

🔍 搜尋結果：設計

🔍 搜尋結果：設計

讓您的應用程式感覺更好：針對初級/中級開發人員的 10 個 UI 技巧

嘿，開發者們！👋 作為一名初學者或中級開發者，你可能已經專注於讓你的應用程式功能正常運作。但你有沒有考慮過使用起來的感覺如何？在這篇文章中，我們將探討9個經常被忽視的UI設計方面，這些方面可以顯著改善你的應用程式的用戶體驗。 **注意：** 例子使用ReactJS和TailwindCSS...

1個讚   0留言 334瀏覽

使用 Socket.io、Express、React.js 和 Chakra UI 建立即時聊天應用程式（Vite 設定）

在這篇部落格中，我們將使用 **Socket.io** 來構建一個 **即時聊天應用程式**，進行雙向通信，使用 **Express.js** 作為伺服器，**React.js** 作為前端，並使用 **Chakra UI** 進行樣式設計。我們將使用 **Vite** 快速開發來設置專案。 ...

0個讚   0留言 506瀏覽

開發人員的 10 個程式設計最佳實踐

*聲明：本篇文章包含聯盟鏈接；如果您透過本文中的不同鏈接購買產品或服務，我可能會獲得補償。* [![Coding principles](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/j92t0kf9it115rbxewvn....

1個讚   0留言 810瀏覽

掌握系統架構設計：14 個案例研究

## 加入我 Read more about [MAANG（大型科技公司）的工程文化](https://engineeringbolt.com/career-growth/microsoft-interview-tips-and-insights-from-successful-sde-2-a...

1個讚   0留言 696瀏覽

我發現了一個比 v0 更好的工具 – 你不會相信它能做什麼！ 🤯

作為一名前端開發者，你可能聽說過 [Vercel v0](https://v0.dev/?from=chat) — 這個似乎徹底改變前端開發的工具。 但是，v0真的如同聽起來那麼棒嗎？我花了時間將它與一個新工具 [Webcrumbs Frontend AI](https://www.webcr...

0個讚   0留言 14,724瀏覽

React 的頂級 UI 元件庫

# 介紹 在這個快速變化的世界中，我們需要在更短的時間內創建美觀的網站。與其從頭開始構建每個組件，不如使用組件庫。如今，大多數網站都使用某種組件庫來構建他們的網站。建立美麗組件變得簡單，但它們也提供了自定義的機會。通過自定義，我們可以創建我們想要的任意設計。 有很多 UI 庫可以用來為 ...

0個讚   0留言 1,141瀏覽

React 心態：新手 React 開發人員該如何思考

React，一個流行的 JavaScript 函式庫，用於構建使用者介面，通過使開發者能夠創建可重用的組件並高效地管理複雜的使用者介面，徹底改變了前端開發。然而，對於新的開發者來說，採取正確的心態是導航 React 獨特範式的關鍵。我們來探討塑造「React 心態」的基本原則和策略。 ## 1...

0個讚   0留言 431瀏覽

給 Web 開發人員靈感的 10 個網站

如果您是一位網頁開發者，您可能會對尋找能節省您大量時間的網站感到著迷。 以下是我個人使用的網站，至少能節省每週 25 小時的時間。 ## UI verse UI verse 是一個龐大的資源庫，擁有數百個設計元素，您可以直接複製並粘貼到您的網站中。這是最大的開源 UI 資源庫之一。 ...

1個讚   0留言 484瀏覽

ts-pattern 如何提高程式碼可讀性？

## 我第一次遇見 ts-pattern 幾個月前，我正在檢查客戶的程式碼庫，裡面充斥著眾多的 switch 陳述句和分散在多個檔案中的物件字面量，這使得可讀性和可維護性變得一團糟。 在一次與我的隊友 Erick 的配對程式設計會議中，他分享了他的螢幕，並給我展示了一個他正在測試的庫。 ...

1個讚   0留言 651瀏覽

2024 年你應該知道的 11 個開源 Python 專案🧑‍💻🪄

Python 是最容易上手的程式語言之一，幾乎可以應用於每一個技術領域——無論是資料科學、自動化、物聯網、人工智慧、機器學習還是網頁開發。而 Python 最有趣的地方在於它是 **100% 開源** 的，這使得它更具威力和活力。 然而，許多開發者在建構網頁應用程式時忽略了 Python，這限...

1個讚   0留言 1,961瀏覽

React Native 最佳實踐

如果您是一位初學者或有經驗的 React Native 開發者，那麼您必須了解代碼實踐是一項不可妥協的技能。作為一名開發者，交付項目是必須的，但編寫可擴展且高品質的代碼將有助於您和您的團隊未來的發展。 在我們繼續之前，這些實踐可以應用於 React Native CLI 或 Expo 項目。根...

0個讚   0留言 943瀏覽

了解 JavaScript 中的非同步程式設計：事件循環初學者指南

你是否曾經想過為什麼某些 JavaScript 程式碼似乎無法按順序運行？理解這一點的關鍵是 **事件循環**。 JavaScript 的事件循環可能難以理解，特別是在處理不同類型的非同步操作時。在本文中，我們將解析 JavaScript 如何處理 **同步** 和 **非同步** 程式碼、*...

1個讚   0留言 656瀏覽

用於加快開發速度的 7 個最佳 VS 程式碼擴充 — 2024 年版 🚀

最近，我看到許多關於 VS Code 擴充套件的文章。但是你知道嗎？許多文章都已經過時了！你或許會問：怎麼會呢？它們不是昨天才分享的嗎！讓我來解釋一下。 許多列表格式的文章都是由人工智慧生成的。ChatGPT 的訓練使得它在你要求“為我的程式設計部落格撰寫一篇文章”時，傾向於寫幾個一般性的主題。如...

1個讚   0留言 2,598瀏覽

改善開發生活的 10 個工具

您可能已經接觸過 GitHub、VS Code 和 Docker 等常見工具，但今天我將更深入地探討這些工具。這些工具不僅實用，實際上還解決了開發者面對的現實挑戰。 以下是一組能夠真正改善您工作流程的 10 種工具： **1. Raycast – 加速您的工作流程** 這是一個 mac...

1個讚   0留言 462瀏覽

50 個必須了解的 VS Code 擴展，以加快開發速度 🚀

嘿，編碼員朋友！ 👋 您是否花在調整程式碼上的時間比編寫程式碼的時間還多？ 😅 您是否覺得您的 VS Code 設定可以使用一些超級英雄等級的升級？ 🦸♂️ 好吧，繫好安全帶，因為我們即將詳細介紹**50 個必須了解的 VS Code 擴展**，這些擴展將大幅提高您的工作效率並幫助您像專業人士一樣編...

1個讚   0留言 948瀏覽

如何在 Next.js 中新增 RBAC 授權（用戶存取權限控制系統）

授權是我們應用程式中決定使用者可以在何種資源上執行哪些操作的過程，這是每個應用程式的重要要求。實施[基於角色的存取控制 (RBAC)](https://www.permit.io/blog/an-introduction-to-role-based-access-control) 是一個簡單的方法來...

1個讚   0留言 699瀏覽

21 個可改善開發者日常生活的開發者工具 ⚡🎁

有數以千計的開發工具和軟體包，但常見的問題是其中大多數不符合標準。 因此，我將介紹 21 個實際上有用的方法，它們可以改善您作為開發人員的日常生活。 其中一些是工具，一些是專案，其他可能包括包。 讓我們跳進去吧。 ![傳說中的gif](https://dev-to-uploa...

1個讚   0留言 530瀏覽

使用 FastAPI、HTML、CSS 和 JSON 建立簡單的部落格

在本教程中，我們將使用**FastAPI**建立一個基本的部落格應用程式作為後端，**使用 HTML**和**CSS**作為前端，並使用一個**JSON**檔案來執行基本的 CRUD（建立、讀取、更新、刪除）操作。 FastAPI 是一個使用 Python 建立 API 的現代 Web 框架，...

0個讚   0留言 2,061瀏覽

自學網頁の嬰兒教材：JavaScript（六）—— 從前端設計心態到前端工程心態 作業分享

JavaScript 系列六：第1課 ── 認識 data model 與 render function https://jsfiddle.net/applelily/01wcpg6e/8/ ![](https://i.imgur.com/k7NTCAT.png) --- Java...

1個讚   1留言 1,833瀏覽

開發 Chrome 擴充功能的小分享

### 太棒了！ 最近，我有一個客戶，我必須為他製作一個登陸頁面（將在另一個部落格中討論這一點）。 我一直最討厭的事情是為網站選擇字體。我什至看了幾個小時有關排版的影片，但仍然發現很難選擇字體。哦！相信我，您選擇的字體類型會產生很大的差異，並且在某種程度上它會為頁面增添個性。它可以將您的...

1個讚   0留言 374瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 JavaScript 系列九
🔥 詢問JS children使用方式
🔥 自學網頁の嬰兒教材：JavaScript（七）作業分享
🔥 Google AI Studio 全新建置功能實用指南
🔥 簡單至上：使 AI 產生的程式碼可維護的架構約束
  近期留言
熱門搜尋： __ Re the 設計 使用 https ul 程式 AR Ts COM AM id ai ar for 開發 Ai git AI log ui JS start js Git go javascript LA Js GIT GitHub Javas github JavaScript Github 第一 工作 JAVA 測試 Javascript 語言 app html jav API 專案 javasc AWS 研究 api Java JavaSCript 網站 Type wEB java CD node 作為 部署 aws bi Ml 技術 討論 ci 分享 create vs py CSS 框架 學習 基礎 ＣＳＳ react HTML 嗎？ with 主題 分析 url 後端 web 前端 軟體 REACT VS [] SQL post console.log 開源 Typescrip 結構 ") Typescript user 工程師
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。