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

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

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

🔍 搜尋結果：font

🔍 搜尋結果：font

React Native 最佳實踐

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

0個讚   0留言 611瀏覽

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

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

0個讚   0留言 1,297瀏覽

開發 Chrome 擴充功能的小分享

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

1個讚   0留言 258瀏覽

使用 Next.js 和 OpenAI 建立 AI 測驗 app 🧙✨

在本教程中，您將學習如何建立人工智慧驅動的測驗應用程式，該應用程式使用戶能夠選擇主題、回答與該主題相關的問題，並在完成測驗後立即收到分數。 此測驗的問題將使用 OpenAI API 動態生成，方法是提供以所需 JSON 格式傳回問題的特定提示。在建立此應用程式時，您還將學習如何將 OpenAI...

0個讚   0留言 290瀏覽

改善工作流程的 10 個 web 開發工具

身為 Web 開發人員，我們總是在尋找可以讓我們的生活更輕鬆、讓我們的程式碼變得更好的工具。讓我們深入了解 10 個徹底改變了我的開發工作流程的神奇工具！ 1.WhatFont：你的字體偵探 ----------------- [什麼字體](https://chrome.google....

2個讚   0留言 442瀏覽

掌握 Next.js：2024 年建立大型專案的終極指南

征服 Next.js 叢林 ---------------- 嘿，程式碼管理員和 Next.js 愛好者！ 👋 您是否感覺像印第安納瓊斯一樣，在元件、鉤子和配置文件的茂密叢林中進行黑客攻擊？別擔心，在這次冒險中你並不孤單。我曾經在那裡，手裡拿著砍刀，試圖在大型 Next.js 計畫的荒野中開...

0個讚   0留言 1,841瀏覽

您應該了解的 7 個 Java 開源專案 ✔️

概述 -- 大家好👋🏼 在本文中，我將介紹七個您應該知道的用 Java 編寫的 OSS 儲存庫，這些有趣的專案吸引了我的注意並且我想分享它們。 讓我們開始吧🤙🏼 --- 1.[Robolectric](https://robolectric.org/) ------...

0個讚   0留言 570瀏覽

Web 開發者必須收藏的 19 個前端資源 🎨✨

對於初學者和經驗豐富的開發人員來說，尋找有用的 Web 開發資源可能會讓人不知所措。由於可用的網站和 Web 應用程式如此之多，因此很難確定最好的網站和 Web 應用程式。 我決定整理一些我最喜歡的前端資源，包括顏色和調色板、字體、圖標、插圖、庫存照片和影片，以幫助 Web 開發人員改進他們的...

0個讚   0留言 465瀏覽

漸進式 Web 應用程式 (PWA)：綜合指南

您是否知道使用 HTML、CSS、JavaScript 或任何前端框架建立的 Web 應用程式可以安裝並離線工作，從而提供增強的使用者體驗？ 本文將向初學者以及任何希望提高前端開發技能的人介紹漸進式 Web 應用程式。在本文中，您將學到； - [開始建立漸進式 Web 應用程式所需的一切...

0個讚   0留言 1,031瀏覽

多個可以改善專案的單行 CSS 內容

限制視窗中的內容寬度 ---------- ``` body { max-width: clamp(320px, 90%, 1000px); /* additional recommendation */ margin: auto; } ``` 新增這一行將減少...

0個讚   0留言 314瀏覽

使用簡單的 JavaScript 可以完成的 15 件小任務 🤯

我喜歡 JavaScript，因為它充滿驚喜，可以用於許多令人驚奇的事情。 許多開發人員喜歡它，但由於顯而易見的原因，許多開發人員仍然討厭它。 但沒有人可以否認 JavaScript 實在是太棒了。 那麼，讓我們看看使用 Vanilla JavaScript 可以做一些令人驚訝的事...

0個讚   0留言 298瀏覽

將瀏覽器變成超級除錯英雄的 6 種方法（node.js + next.js！）

與我的[其他一些帖子](https://dev.to/jayantbh)不同，這篇文章將是直截了當的。 我將介紹我在職業生涯中使用過的一些不太常用的瀏覽器開發工具功能。 一些基本的東西被排除掉，以免完全浪費你的時間。 例如使用「console.log」、在樣式面板中編輯 CSS、在...

0個讚   0留言 456瀏覽

✨ 如果您使用的是身分驗證提供者，請先執行此操作 🧙‍♂️ 🫵

在本文中，我將向您展示如何在使用身份驗證提供者時安全地將使用者資料備份到您自己的資料庫中。 ![什麼動圖](https://i.giphy.com/media/v1.Y2lkPTc5MGI3NjExMzdvamtrdmh3OG82ZGhyZDZkdHcwbjl2ODZ0OGtmbmJodmdi...

0個讚   0留言 259瀏覽

僅使用 HTML 和 CSS 建立側邊欄選單

如果您是 Web 開發新手，您可能在不同網站上看過[側邊欄](https://www.codingnepalweb.com/category/sidebar-menu/)。您是否想知道它們是如何僅使用 HTML 和 CSS 建立的？僅使用 HTML 和 CSS 製作側邊欄是學習網頁設計基礎知識和獲得...

0個讚   0留言 1,408瀏覽

使用 NextJS 建立電子商務商店

在本教程中，您將學習如何建立電子商務商店，客戶可以在其中透過 Stripe 購買產品並付款。成功付款後，將向客戶發送電子郵件通知，並向管理員用戶發送應用程式內通知。管理員用戶也可以在應用程式中建立和刪除產品。 為了建立這個應用程式，我們將使用以下工具： - [Appwrite](http...

0個讚   0留言 543瀏覽

JavaScript 中除了 console.log() 之外的除錯函數

大多數 JavaScript 開發人員都熟悉基本的`console.log()` 。然而，控制台 API 提供了許多其他方法，這些方法在開發和偵錯工作流程中都非常有用。 ### 基本`console.log()` 讓我們從基本的`console.log()`開始，它用於將訊息列印到控制台...

0個讚   0留言 314瀏覽

動態導覽選單

上週末，我使用 HTML 和 CSS 編寫了[互動式導覽](https://codepen.io/alvaromontoro/full/yLWeozP)（這次沒有使用 JavaScript）： https://codepen.io/alvaromontoro/pen/yLWeozP （如...

0個讚   0留言 332瀏覽

如何使用 Visual Studio Code 自訂新的 Windows 終端

幾天前，微軟發布了新[Windows Terminal](https://www.microsoft.com/en-us/p/windows-terminal-preview/9n0dx20hk701)的早期版本。 Windows 終端是一種新型、現代化、快速、高效、強大且高效的終端應用程式，...

0個讚   0留言 388瀏覽

AI 驅動的前端 UI 元件產生器（Next.js、GPT4、Langchain 和 CopilotKit）

**長話短說** -------- 在本文中，您將了解如何建立由 AI 驅動的前端 UI 元件產生器，該產生器使您能夠透過實作教學產生 Next.js Tailwind CSS UI 元件。 我們將介紹如何： - 使用 Next.js、TypeScript 和 Tailwind ...

0個讚   0留言 1,415瀏覽

2024 年開發人員的最佳 icon 庫

身為開發人員，我們一直在尋找不僅能簡化我們的工作流程，還能提升專案視覺美感的工具。不起眼的圖標是實現流暢、專業的數位介面的無名英雄之一。圖示可能很小，但它們對使用者體驗和設計的影響卻很大。這就是為什麼選擇正確的圖標庫不僅僅是一個美觀問題；更是一個問題。它是高效前端開發的重要組成部分。 到 20...

1個讚   0留言 1,457瀏覽
歡迎發文
💡 記錄日常工作的實踐、心得
💡 發表對生活和職場的感悟
💡 針對感興趣的事件發表隨筆或者雜談
💡 詳細介紹你掌握的一門語言、一個技術，或者一個興趣
💡 或者，就直接把你的部落格搬到這裡（支援 API 可以撈）
熱門文章
🔥 Windsurf 是最好的程式碼編輯器
🔥 強大的暗黑 Python 腳本
🔥 這個 Agent Heroes 服務真酷，是一個人做的嗎？
🔥 我建立了一個開源專案，用於自動化社交媒體上的人物、圖像和影片🤖
🔥 理解 RAG：AI 專案的檢索增強生成要點
  近期留言
熱門搜尋： 軟體 fb import 使用 COM 專案 學習 開發 python for JS ui javascript css Java Ai JAVA 作為 工作 ul 技術 js Javascript id ci 分享 框架 bi node ar 前端 HTML github 網站 javasc app npm AI 工程師 jav 結構 Javas Html this AWS go JavaScript 測試 REACT create 第一 Can 語言 搜尋 Git GIT https COMPO 課程 主題 資料庫 ＣＳＳ 研究 Github 伺服器 系列 網頁 Node api html 遊戲 Line git vs 分析 Css 查詢 %' with QA console json 架構 效率 清單 部落格 CD 作業 class 後端 編輯 乾淨 CSS java React SQL 套件 Vue 基礎 Ml
🛡️ 隱私及網站安全：本站註冊過程「不須提供任何個資」，只要 E-Mail 與帳密即可註冊，請安心註冊！線上付款過程使用「綠界科技 ECPay 」第三方專業金流廠商，全程在「綠界科技 ECPay 」網站進行付款程序，本站「不會紀錄任何信用卡資訊」，請放心付款、解鎖課程！您隨時可以透過 FB 粉專或者 Email 聯絡站長，請求刪除網站上的個人資料。