63 個專案實戰，寫出作品集，讓面試官眼前一亮！
在軟體開發領域，有效地展示您的工作以及您編寫的程式碼至關重要。作品集網站是開發人員展示其技能、專案和貢獻的絕佳方式。增強您的作品集的一種創新方法是整合 GitHub 統計資料，它可以提供有關您的編碼活動和貢獻的即時見解。 為了幫助其他開發人員實現這一目標，我從頭開始建立了一個新網站，重點介紹您...
當涉及版本控制時，Git 是一個非常有效的工具。然而，像任何其他工具一樣，您必須以正確的方式使用它才能充分利用它。您需要考慮不同的方面。本文重點介紹如何按照常規提交規範編寫有效的 Git 提交訊息。它概述了幫助您建立清晰、資訊豐富且標準化的提交訊息的基礎知識。 好的提交訊息是什麼樣的？ --...
開發者們大家好👋 在這篇文章中，我將分享一些在 HTML5 中加入的新的、有用的 html 標籤，用於編寫簡單快速的程式碼來建立複雜、動態、引人入勝且有效的網站。 讓我們開始吧🚀 對話 -- ➡ 現在您可以使用`<dialog>`標籤輕鬆建立對話方塊或彈出視窗。這是建立自訂...
你有沒有想過 React 狀態管理函式庫是如何建構的？從像 redux 這樣具有大量樣板和大包大小的解決方案，到像 zustand 或 jotai 這樣更輕、更簡單的庫。今天我們將建立我們自己的狀態管理庫，並看看幕後發生的魔法。 了解 useSyncExternalStore -------...
今天，我們將介紹 25 個可以使用 Python 和 AI 模型建構的副專案。 大多數專案都會有生產級程式碼，因此您可以學到很多東西。 我們開始做吧！ --- [Taipy](https://github.com/Avaiga/taipy) - 將資料和人工智慧演算法整合到生...
繼續研究比較進階的功能吧 假設客戶是一間設計顧問公司好了 在台北、台中、高雄都有辦公室，存在 offices 模組 然後官網有許多 pages 要展示，每個 page 是由不同的辦公室設計 要如何建立這種關聯呢？又該如何在前台存取關聯模組呢？操作起來就跟 laravel 原生...
再來新增一個模組試試看，假設官網要顯示各地辦公室的資訊 來建立辦公室模組，這次選「不用支援多語」 ``` php artisan twill:make:module offices ``` 其餘參數都按照教材輸入 https://twillcms.com/guides/p...
當我看到那些不像我一樣主要在線下成長的年輕一代時，我為他們感到有點遺憾。我已經三十多歲了，所以我知道在成長過程中盡快接入[撥號](https://en.wikipedia.org/wiki/Dial-up_Internet_access)網路（以避免長時間阻塞電話線）存取幾個維基百科頁面來完成我的任...
了解 ChatGPT： ----------- ChatGPT 是一種人工智慧 (AI) 聊天機器人，它使用自然語言處理來建立類人對話。這個語言模型可以回答問題並撰寫各種書面內容，包括文章、社交媒體貼文、論文、程式碼和電子郵件，這使其成為各個層級的程式設計師都興奮的工具。 > Open...
許多應用程式使用圖表或圖形進行資料視覺化，這可以使用庫或底層技術來實現。庫提供時間效率、各種圖表類型和自訂選項。 作為開發人員，了解這些選項至關重要。雖然有些專案可能選擇手動實施，但許多專案都受益於圖表庫的效率。使用這些庫可以節省時間，並可以存取各種圖表類型和樣式選項來滿足您的需求。 在...
已經可以在後台管理資料、也可以在前台顯示頁面了 接下來我想知道：如何替模組新增欄位呢？這是 CMS 的核心功能 目前的 pages 模組，編輯的後台有 title 與 description 兩個欄位（都是用 `<input type="text" />` 管理） 在 `resou...
已經在後台建立資料了，我想要立刻做出前台頁面看看 所以官方教材我跳到 https://twillcms.com/guides/page-builder-with-blade/building-a-front-end.html 建立前台控制器 ``` php artisan mak...
繼續跑官方教材 https://twillcms.com/guides/page-builder-with-blade/creating-the-page-module.html 執行指令 ``` php artisan twill:make:module pages ``` ...
JavaScript 是一種函數式程式語言，函數扮演著至關重要的角色。它們允許您封裝可重複使用程式碼並執行特定任務。以下是一些可以讓您的生活更輕鬆的功能的快速範例： ### 常規功能 ``` function sum(a, b) { return a + b; } ``` ...
最近因為換新筆電 要裝開發環境 想把主機上的多個資料庫 複製到本機 寫了一個可以重複使用的腳本 會直接讀取 `.env` 檔案 把主機的 mysql db 複製到本機 laradock 內的 mysql `clone_production_database.sh` ...
標題說明了一切🐐。我想談談我一直以來最喜歡的 JavaScript 陣列方法： **Array.reduce()** 。我知道有很多競爭者，但請聽我說完。 reduce() 不只是一個方法；這是一種生活方式✨。 我不想撒謊，當我第一次開始並發現reduce 時，它有點令人生畏。我花了一段時間才...
作為前端開發人員，我們通常專注於建立漂亮的使用者介面。然而，重要的是要記住，美麗也在於內部，像素完美的方法也應該轉化為我們的程式碼組織和結構。在本文中，我們將探討每個前端開發人員都應該了解並在其專案中應用的一些基本軟體工程原理。 1. DRY（不要重複） ------------ DR...
介紹 -- 在上一篇部落格文章中，我們共同探討了以下內容的綜合指南： https://dev.to/louaiboumediene/mastering-relational-database-design-a-compressive-guide-3jh8 在本文中，我們將在較高...
### 單一職責原則（SRP） **一個元件應該只有一個改變的理由，這意味著它應該只有一項工作。** #### 範例：使用者設定檔元件 **應該這樣：** - 將職責分解為更小的功能元件。 ``` // UserProfile.js const UserProfil...
> 嘿！我是薩加爾。我喜歡編寫教學和文章來幫助開發人員更好地理解 JavaScript 的魔力。如果您對本文有任何疑問，請發表評論，我會回覆您，或在 Twitter [@sagar\_codes](https://twitter.com/sagar_codes)上找到我。 在這篇文章中，我們將...
精選技術文章、免費程式設計資源、以及業界重要新聞！
