「推荐收藏 」 20个Web前端开发工程师必看的国外网站

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第1张图片

前言

兄弟们,你们还在边喝营养快线边看 pornxxx 吗 ? 休息一下吧,营养跟不上啦,跟我一起学习吧,一起"科学"上网 !

1. Codewars

https://www.codewars.com

Codewars 提供了大量由他们自己的社区提交和编辑的编程挑战,在这里,你可以使用多种编程语言像打游戏升级一样进行挑战。

通过在线编辑器直接完成每项挑战。通过实战训练来提升编程开发技能。

查看关于每个挑战的讨论以及每个用户解决方案。通过挑战来获得分数和排名。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第2张图片

codewars

2. CodeFights

https://app.codesignal.com/

CodeFights 提供了一组编程挑战,在这里,你可以在在线编辑器中进行挑战。

在专门的用户挑战论坛中参与讨论,与“机器人”比拼!

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第3张图片

codeFights

3. CodinGame

https://www.codingame.com/start

CodinGame 这个网站很特别,他跟一些竞争性编程网站有所不同。

它不是简单地通过生成一组输出来实现编程挑战,而是以玩游戏的方式通过在线编程完成相应挑战。

这是一个很棒的网站,有些游戏非常有趣,并且游戏界面和图形设计非常精美。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第4张图片

codinGame

4. Coderbyte

https://coderbyte.com/

Coderbyte 提供了 200 多种编程挑战。在这里,你可以:

使用 10 种编程语言中的一种进行在线挑战。

看到网站发布的大多数挑战的官方解决方案。

查看该网站其他 80 万用户为同一挑战提供的解决方案。

除了编程挑战之外,Coderbyte 还提供算法和数据结构、Web 开发等编程训练营的预备课程以及一系列关于面试准备的相应课程,被很多顶级编程训练营所推荐。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第5张图片

coderbyte

5. HTML Dog

https://htmldog.com

一听到这个名字相信大家就懂这个网站主要是干嘛的了,前端狗哇!!!放心,狗在国外是褒义词。

网站有 HTML,CSS, JavaScript 的教程,案例,技巧合集等等,非常值得大家去学习。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第6张图片

htmldog

6. Codecademy

https://www.codecademy.com

这是美国纽约的一个编程教学公司。这个网站的教学并不是传统的视频授课,而是全部文字教学。

Codecademy 的大名相信大家都听过,这个就不多介绍了,免费课程很多很全面。大家真的要好好利用资源呀。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第7张图片

codecademy

7. Free Code Camp

https://www.freecodecamp.org

Free Code Camp 是一个非营利组织,大家可以在该平台学习 HTML,CSS 以及 JavaScript 等前端知识。

这是国外发起的一个 Web 开发学习的网站,从简单到深入,一步一步带你学习 Web 开发。就像一本练习册,并且当你完成相应的内容后,会得到相应的资格认证。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第8张图片

freecodecamp

8. Treehouse

https://teamtreehouse.com

Treehouse 是一家总部位于美国的在线技术学校,提供了很多 Web 开发课程,一起来学习吧。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第9张图片

treehouse

9. codecombat

https://codecombat.com

通过游戏学习 javascript,codecombat 让你带着微笑学习,codecombat 支持中文语言哦!

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第10张图片

codecombat

10. Tutsplus

https://code.tutsplus.com/

资源比较多,很多课程注册后免费,且支持中文!

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第11张图片

tutsplus

11. thecodeplayer

http://thecodeplayer.com

Learn HTML5, CSS3, Javascript

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第12张图片

thecodeplayer

12. Livecoding.tv

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

一个专门为世界各地的程序员和编程爱好者提供的在线编程和社交平台。你可以在线看别人写代码,观看学习视频,还可以在这里找工作。覆盖的编程语言有 260 多种。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第13张图片

livecoding

13. CheckiO 

https://checkio.org

用户可以使用 Python 和 JavaScript 玩游戏。在游戏过程中与别人交流心得,并通过别人的解决方法来提高自己的编码技巧。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第14张图片

checkio

14. Egghead

https://egghead.io/browse/frameworks

这个网站汇集了目前最新的 Web 框架,为用户提供视频教材。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第15张图片

egghead

15. Exercism 

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

一个让你的编程技巧可以得到提升的网站,覆盖 30 多种不同的编程语言。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第16张图片

exercism

16. SitePoint Premium 

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

如果想成为更出色的 web 开发者,可以到这个网站学习。它是专门为 web 开发者设计的平台。

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第17张图片

sitepoint

17. css-tricks

https://css-tricks.com/archives

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

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第18张图片

css-tricks

18. dzone

https://dzone.com/links

Over a million developers have joined DZone.

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第19张图片

dzone

19. scotch

https://scotch.io

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

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第20张图片

scotch

20. frontendmasters

https://frontendmasters.com

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

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第21张图片

frontendmasters

后记

欢迎各位大佬评论补充优质资源哦,大家一起冲!

如果你和我一样喜欢前端,也爱动手折腾,欢迎关注我一起玩耍啊~ ❤️

博客

我的博客

公众号

前端时刻

「推荐收藏 」 20个Web前端开发工程师必看的国外网站_第22张图片

你可能感兴趣的:(前端)