如果你關(guān)注我的話，你可能知道我已經(jīng)做了好幾年網(wǎng)絡(luò)開發(fā)人員，在那段時(shí)間里，我創(chuàng)建了多個(gè)網(wǎng)站，賣掉了大部分網(wǎng)站，并賺錢了。

我不想吹牛，但這就是現(xiàn)實(shí)。

之前，我與你分享了很多Web 開發(fā)資源，隨著時(shí)間的推移，我學(xué)到了更多關(guān)于 Web 開發(fā)工具和資源的知識(shí)。

現(xiàn)在是時(shí)候提供一些更令人難以置信的資源了。

注意：我寫這篇文章并沒有得到任何這些工具的補(bǔ)償，換句話說，我沒有從他們的創(chuàng)始人那里收到任何報(bào)酬。沒有附屬鏈接，每個(gè)鏈接都可以免費(fèi)使用。

現(xiàn)在，我們開始吧。

1、JS機(jī)器人

地址：https://lab.reaal.me/jsrobot/

不管你信不信，前端 Web 開發(fā)就是將 JavaScript 與 HTML 和 CSS 結(jié)合起來。

準(zhǔn)確地說，學(xué)習(xí) HTML 和 CSS 非常簡(jiǎn)單。然而，當(dāng)涉及到 JavaScript 時(shí)，大多數(shù)人都在苦苦掙扎。如果你想學(xué)習(xí) React、Angular 或 Vue，你還需要 JavaScript 的基礎(chǔ)知識(shí)。

在我看來，如果你想成為一名 Web 開發(fā)人員，了解 JavaScript 至關(guān)重要。初學(xué)者經(jīng)常嘗試學(xué)習(xí)文檔、觀看web前端技術(shù)教程視頻和學(xué)習(xí) JavaScript。

但是，你現(xiàn)在可以簡(jiǎn)單地通過玩游戲來學(xué)習(xí)它。，是的，你沒看錯(cuò)。

2、Exercism

地址：https://exercism.org/

我總是喜歡按照路線圖來掌握一項(xiàng)新技能， 無論是用于 Web 開發(fā)、web3 開發(fā)還是任何其他人才都沒有關(guān)系。

它簡(jiǎn)化了學(xué)習(xí)過程，使我能夠以最有效的方式學(xué)習(xí)， 如果你還知道接下來需要學(xué)習(xí)什么語言或需要通過什么程序。

本網(wǎng)站遵循相同的程序，但有各種變化。

假設(shè)您想學(xué)習(xí) Web 開發(fā)，并且需要一個(gè)路線圖來幫助您入門。

同樣，如上所示，你可以通過遵循路線圖來掌握 JavaScript 的基礎(chǔ)知識(shí)及其許多主題。

它不僅適用于 JavaScript； 你可以學(xué)習(xí) 61 種不同的編程語言。

3、Keyframes

地址：https://keyframes.app/

每當(dāng)我瀏覽網(wǎng)站或使用應(yīng)用程序時(shí)，我都更喜歡動(dòng)畫。我相信你也喜歡它。

而且，作為 Web 開發(fā)人員，你必須添加動(dòng)畫和陰影以確保你的網(wǎng)站看起來令人驚嘆。

是的，你可以通過學(xué)習(xí)課程和閱讀博客文章來了解動(dòng)畫，但還有比這更酷的東西，即使用 Keyframes這個(gè)網(wǎng)站來學(xué)習(xí)編程。

這是一個(gè)允許你生成動(dòng)畫和陰影的網(wǎng)站，但你也可以通過試驗(yàn) CSS 動(dòng)畫屬性來學(xué)習(xí)。

例如，如下圖所示，我們可以更改屬性。

是不是很酷嗎？同樣，你可以學(xué)習(xí)盒子陰影和其他相關(guān)主題。

4、Getform

網(wǎng)址：https://getform.io/

當(dāng)我最初開始學(xué)習(xí) Web 編程時(shí)，我發(fā)現(xiàn)學(xué)習(xí)表單處理非常困難，有些人被建議學(xué)習(xí) PHP，而另一些人則被建議學(xué)習(xí)后端，當(dāng)時(shí)，對(duì)我來說是壓倒性的，但對(duì)你來說應(yīng)該不會(huì)。如果您只想學(xué)習(xí)前端方面，而將復(fù)雜的后端部分留給表單處理，你可以使用本網(wǎng)站。

因此，如果你正在從事個(gè)人項(xiàng)目或?qū)W習(xí) Web 開發(fā)，該網(wǎng)站將幫助你提供功能齊全的后端。

5、HTTPS 的工作原理

網(wǎng)址：https://howhttps.works/

老實(shí)說，Web 開發(fā)涉及幾個(gè)主題，這些主題很難在一天或一周內(nèi)掌握。

是的，你必須學(xué)習(xí)如何構(gòu)建網(wǎng)站，然后使用其中任何一種框架（例如 React、Angular 或 Vue）使其具有響應(yīng)性。

這不是過程的結(jié)束； 你還必須使用 API、構(gòu)建后端代碼并提供安全性， 是的，確保安全至關(guān)重要。

因?yàn)樗梢詭椭銓W(xué)習(xí) HTTPS 的基礎(chǔ)知識(shí)。

6、DNS 的工作原理

網(wǎng)址：https://howdns.works/

當(dāng)你開發(fā)一個(gè)網(wǎng)站時(shí)，你會(huì)學(xué)到很多東西。但是，當(dāng)你將 URL 放入任何瀏覽器時(shí)，你可能會(huì)對(duì) URL 的工作方式有一些疑問。

是的，我也有同樣的問題，并且做了很多研究。當(dāng)時(shí)我沒有這個(gè)網(wǎng)站來幫助我學(xué)習(xí)最好的方法。

這是一個(gè)通過制作漫畫的形式來幫助你快速了解網(wǎng)站知識(shí)，盡可能清楚地解釋事情。

7、學(xué)習(xí) Git 分支

網(wǎng)址：https://learngitbranching.js.org

你是編碼團(tuán)隊(duì)的一員嗎？如果是這樣，你如何處理代碼？Git 和 GitHub 是顯而易見的解決方案。

但是，作為初學(xué)者，使用 git 可能會(huì)很困難，僅僅理解理論對(duì)你沒有幫助。

所以我唯一建議的是觀看視頻教程或訪問此網(wǎng)站。

通過在 YouTube 上搜索，您可能會(huì)發(fā)現(xiàn)許多視頻。如果你想通過網(wǎng)站學(xué)習(xí)，我會(huì)推薦 Learn Git Branching。

大多數(shù) Git 基礎(chǔ)知識(shí)和命令都在這里以可視化方式教授。

8、算法學(xué)習(xí)可視化器

網(wǎng)址：https://algorithm-visualizer.org/

學(xué)習(xí)數(shù)據(jù)結(jié)構(gòu)和算法對(duì)我來說一直是個(gè)挑戰(zhàn)。簡(jiǎn)單地購(gòu)買一本關(guān)于這個(gè)主題的書會(huì)讓你摸不著頭腦。

老實(shí)說，掌握它是相當(dāng)困難的。

但不是在這篇文章之后，這里有一個(gè)很棒的網(wǎng)站，它通過直觀地表示每個(gè)算法主題來幫助你理解算法。

我可以告訴你，學(xué)習(xí)數(shù)據(jù)結(jié)構(gòu)和算法可以幫助你快速找到工作。是的，它增加了你找到工作的機(jī)會(huì)以及你的收入。

9、學(xué)習(xí)任何東西

網(wǎng)址：https://learn-anything.xyz/

你想要一個(gè)可以幫助你學(xué)習(xí)任何東西的網(wǎng)站嗎？更具體地說，一個(gè)網(wǎng)站，你只需輸入你想要獲得的技能的名稱，它就會(huì)提出資源、路線圖和博客文章。

而且完全免費(fèi)，那么這個(gè)網(wǎng)站就派上用場(chǎng)了。