20个Web前端开发工程师必看的国外网站

更新日期: 2019-11-25阅读: 2k标签: 网站

前言

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


1. Codewars

https://www.codewars.com

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

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

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


2. CodeFights

https://app.codesignal.com/

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

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


3. CodinGame

https://www.codingame.com/start

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

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

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


4. Coderbyte

https://coderbyte.com/

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

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

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

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

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


5. html Dog

https://htmldog.com

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

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


6. Codecademy

https://www.codecademy.com

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

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


7. Free Code Camp

https://www.freecodecamp.org

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

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


8. Treehouse

https://teamtreehouse.com

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


9. codecombat

https://codecombat.com

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


10. Tutsplus

https://code.tutsplus.com/

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


11. thecodeplayer

http://thecodeplayer.com

Learn HTML5, CSS3, Javascript


12. Livecoding.tv

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

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


13. CheckiO 

https://checkio.org

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


14. Egghead

https://egghead.io/browse/frameworks

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


15. Exercism 

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

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


16. SitePoint Premium 

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

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


17. css-tricks

https://css-tricks.com/archives

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


18. dzone

https://dzone.com/links

Over a million developers have joined DZone.


19. scotch

https://scotch.io

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


20. frontendmasters

https://frontendmasters.com

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

博客:我的博客
公众号:前端时刻

链接: https://www.fly63.com/article/detial/7038

个人网站如何接入支付功能_支持个人支付的第三方平台整理

作为个人开发者,为自己的辛苦开发的项目配上支付功能,才有盈利的盼头!但是目前大部分都需要企业资质,那对应个人而言如何在网站、应用中接入支付功能呢?这里找了一些不需要企业资质的第三方支付平台。

网站内容检测——在线原创文章相似度在线检测工具总汇

为了自己网站上文章的质量,我们可以通过一些在线的原创文章相似度在线检测工具,进行检测自己的文章和网上相关文章的相似率!下面就为此整理了一些目网上已有的工具,以供大家参考使用

郑州网站建设告诉你移动端网站关键词怎么优化

移动端网站关键词怎么优化?现在人人都要用手机,手机已经成为我们生活中不可或缺的一部分,移动端也越来越重要了,很多企业都开始关注移动端关键词排名,移动端和PC端排名为什么差这么大,移动端关键词优化方法是什么?

新网站如何加快收录?

对于一个新网站来说,希望短时间内被收录无疑是网站经营者最关注的的问题。那么就让我们了解一下!新网站上传之后,首先在百度搜索上输入你的网站网址,然后主动向百度提交你的网站

了不起的gatsby.js_一个现代化开发网站的网站产生系统

GatsbyJS 是一个现代化开发网站的网站产生系统,拥有完整、丰富且开源的生态圈。它利用 React + GraphQL 产生的多页面应用,让前端工程师,编辑,用户都感到满意。就让我们一步步地探索这个系统吧。 GatsbyJS 是一个拥有超过 2万 Stars,3500 forks 的 React 网站生成系统。

大型网站架构设计方向初探

一个小型的网站,比如个人网站,可以使用最简单的html静态页面就实现了,配合一些图片达到美化效果,所有的页面均存放在一个目录下,这样的网站对系统架构、性能的要求都很简单,随着互联网业务的不断丰富,网站相关的技术经过这些年的发展

Chrome无法从该网站添加应用,扩展程序和用户脚本

更新谷歌浏览器之后发现不能通过本地 crx文件安装离线插件了,网上找到的方法有两种 :一个就是通过添加浏览器参数解决 但是这个方法我尝试之后失败了 ,第二个方法就是用工具安装,具体如何太麻烦了就没有用

在网站建设的时候需要考虑哪些因素?

站制作公司数不胜数,每家公司使用域名、服务器的提供商也是不同,制作网站使用代码语言、模板、自主研发的系统都是各不相同。网站整体的设计要好,这个设计,一是指网站的代码设计,最好采用PHP+MySQL的形式,像目前建站比较流行的Dedecms,Wordpress

新手如何学做网站_ 新手做网站买服务器

很多新手想做一个网站却不知道怎么做,今天呢,我就给有建网站需求的小伙伴们来说一说从建网站的步骤,还有一些常见问题的解决办法。在网络上的主机都有自己唯一的标识也就是你的IP地址,因为IP地址较长,不容易记忆

免费下载视频、图片素材的网站

找视频素材的网站,免费视频素材资源,如何免费下载视频素材? 推荐视频素材哪个网站好:videezy、pexels、splashbase 、footage crate、monzoom、Wedistill、Mazwai

点击更多...

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!