【編程導航】國外大神總結的實用代碼，30 秒學會！

> 開發時常用的優秀短代碼片段，都在這里了。



> **編程導航** 致力於推薦優質編程資源 💎
>
> 項目開源倉庫：https://github.com/liyupi/code-nav
>
> 跪求一個 star ⭐️



大家好，我是魚二。我發現很多朋友學編程時都存在這樣一個問題，雖然看視頻教程或者書籍能看懂，但是離開了教程，自己卻寫不出來代碼，更別提寫出優質的代碼了。

此外，我在工作中，發現身邊一些程序員，雖然說能寫出可運行的代碼，但是代碼寫的很粗糙，有時 1 行代碼能完成的功能他們要寫 10 行、20 行，看着都累。


為什么會出現這些問題呢？不一定僅僅是因為代碼寫的少，更多的是由於看的代碼少。

**學編程多實踐固然重要，但多看他人的項目代碼、學習優秀的寫法同樣重要！**

因此今天給大家推薦一個非常實用的網站，是由國外大神建設的，名為  `30 seconds of code` 。

站如其名，該網站收集了程序員開發工作中經常會用到的短代碼片段，目標是通過 30 秒的時間教你寫出優秀的代碼。支持 JavaScript、CSS、Python 等編程語言，以及 React、Node 等主流技術，可以幫助大家掌握視頻教程中根本沒有機會學到的優秀代碼寫法和實用編程技巧。


以 JavaScript 語言為例，我們可以按照分類來選擇自己想學習的代碼片段，可以看到文章列表。


進入一篇文章，比如這個 `How can I define an enum in JavaScript?`  譯為如何在 JavaScript 中定義一個枚舉。

你大概會覺得這非常簡單，很輕松地寫出類似代碼：

```javascript
// 日期枚舉
const daysEnum = {
  monday: 0,
  tuesday: 1
});
```

如果你只跟着視頻教程敲代碼，大概一輩子也想不到這個寫法其實是錯誤的！即使用了 `const` 常量關鍵字，但對象內部的屬性仍可以被修改，不符合枚舉類的要求。

而在這篇文章中，就提供了規范的枚舉定義方法，果然非常簡短，甚至不到 30 秒就學會了。文章中還附有編程思路和代碼講解，不僅要教你寫出優秀的代碼，還要引導你去思考如何寫出優秀的代碼。




網站目前已經收錄了幾百個優秀短代碼片段了，我強烈建議所有學習前端、Python 等語言的同學每天花一點時間，把網站上優秀的例子通通刷一遍，對你的編程能力提升絕對很大。即使沒時間通關，也可以使用網站提供的搜索功能，遇到問題時，根據問題關鍵詞去找自己需要的代碼就行了~


歡迎有需要的同學試試，如果本文對您有幫助，也請幫忙點個 **贊** 啦！❤️

🔍 項目地址：https://www.code-nav.cn/rd/?rid=17453ede60863097044dfbbd13e335ad

在 [編程導航](https://www.code-nav.cn)（ https://www.code-nav.cn ） 中還能發現更多優質編程學習資源，歡迎分享給有需要的同學吧！