「推薦收藏 」 20個Web前端開發工程師必看的國外網站

前言

兄弟們,大家還在邊喝養分快線邊看 pornxxx 嗎 ? 休息一下吧,養分跟不上啦,跟我一塊兒學習吧,一塊兒"科學"上網 !

1. Codewars

https://www.codewars.com

Codewars 提供了大量由他們本身的社區提交和編輯的編程挑戰,在這裏,你可使用多種編程語言像打遊戲升級同樣進行挑戰。

經過在線編輯器直接完成每項挑戰。經過實戰訓練來提高編程開發技能。

查看關於每一個挑戰的討論以及每一個用戶解決方案。經過挑戰來得到分數和排名。

codewars

2. CodeFights

https://app.codesignal.com/

CodeFights 提供了一組編程挑戰,在這裏,你能夠在在線編輯器中進行挑戰。

在專門的用戶挑戰論壇中參與討論,與「機器人」比拼！

codeFights

3. CodinGame

https://www.codingame.com/start

CodinGame 這個網站很特別,他跟一些競爭性編程網站有所不一樣。

它不是簡單地經過生成一組輸出來實現編程挑戰,而是以玩遊戲的方式經過在線編程完成相應挑戰。

這是一個很棒的網站,有些遊戲很是有趣,而且遊戲界面和圖形設計很是精美。

codinGame

4. Coderbyte

https://coderbyte.com/

Coderbyte 提供了 200 多種編程挑戰。在這裏,你能夠:

使用 10 種編程語言中的一種進行在線挑戰。

看到網站發佈的大多數挑戰的官方解決方案。

查看該網站其餘 80 萬用戶爲同一挑戰提供的解決方案。

除了編程挑戰以外,Coderbyte 還提供算法和數據結構、Web 開發等編程訓練營的預備課程以及一系列關於面試準備的相應課程,被不少頂級編程訓練營所推薦。

coderbyte

5. HTML Dog

https://htmldog.com

一聽到這個名字相信你們就懂這個網站主要是幹嗎的了,前端狗哇!!!放心,狗在國外是褒義詞。

網站有 HTML,CSS, JavaScript 的教程,案例,技巧合集等等,很是值得你們去學習。

htmldog

6. Codecademy

https://www.codecademy.com

這是美國紐約的一個編程教學公司。這個網站的教學並非傳統的視頻授課,而是所有文字教學。

Codecademy 的大名相信你們都聽過,這個就很少介紹了,免費課程不少很全面。你們真的要好好利用資源呀。

codecademy

7. Free Code Camp

https://www.freecodecamp.org

Free Code Camp 是一個非營利組織,你們能夠在該平臺學習 HTML,CSS 以及 JavaScript 等前端知識。

這是國外發起的一個 Web 開發學習的網站,從簡單到深刻,一步一步帶你學習 Web 開發。就像一本練習冊,而且當你完成相應的內容後,會獲得相應的資格認證。

freecodecamp

8. Treehouse

https://teamtreehouse.com

Treehouse 是一家總部位於美國的在線技術學校,提供了不少 Web 開發課程,一塊兒來學習吧。

treehouse

9. codecombat

https://codecombat.com

經過遊戲學習 javascript,codecombat 讓你帶着微笑學習,codecombat 支持中文語言哦!

codecombat

10. Tutsplus

https://code.tutsplus.com/

資源比較多,不少課程註冊後免費,且支持中文!

tutsplus

11. thecodeplayer

http://thecodeplayer.com

Learn HTML5, CSS3, Javascript

thecodeplayer

12. Livecoding.tv

https://www.education-ecosystem.com/

一個專門爲世界各地的程序員和編程愛好者提供的在線編程和社交平臺。你能夠在線看別人寫代碼,觀看學習視頻,還能夠在這裏找工做。覆蓋的編程語言有 260 多種。

livecoding

13. CheckiO 

https://checkio.org

用戶可使用 Python 和 JavaScript 玩遊戲。在遊戲過程當中與別人交流心得,並經過別人的解決方法來提升本身的編碼技巧。

checkio

14. Egghead

https://egghead.io/browse/frameworks

這個網站聚集了目前最新的 Web 框架,爲用戶提供視頻教材。

egghead

15. Exercism 

https://exercism.io/my/tracks/javascript

一個讓你的編程技巧能夠獲得提高的網站,覆蓋 30 多種不一樣的編程語言。

exercism

16. SitePoint Premium 

https://www.sitepoint.com/premium/library

若是想成爲更出色的 web 開發者,能夠到這個網站學習。它是專門爲 web 開發者設計的平臺。

sitepoint

17. css-tricks

https://css-tricks.com/archives

Daily articles about CSS, HTML, JavaScript, and all things related to web design and development.

css-tricks

18. dzone

https://dzone.com/links

Over a million developers have joined DZone.

dzone

19. scotch

https://scotch.io

Fun and practical web development. Not just how, but why.

scotch

20. frontendmasters

https://frontendmasters.com

Advance Your Skills with In-Depth, Modern Front-End Engineering Courses

frontendmasters

後記

歡迎各位大佬評論補充優質資源哦,你們一塊兒衝！

若是你和我同樣喜歡前端,也愛動手摺騰,歡迎關注我一塊兒玩耍啊～ ❤️

博客

個人博客

公衆號

前端時刻