前端网站(你不得不知道的前端学习7个宝藏网站)

在上期的干货文章中,有同学在《前端vscode必装的效率插件》评论区留言,想要了解更多提高前端学习效率的网站。今天小渡就总结了7个前端学习的宝藏网站,为大家速度安排上!还等什么?这7个前端学习的宝藏网站,快快码起来!一、信息获取类网站01 GitHub Trending作为开源代码库以及版本控制系统,Github拥有超过900万开发者用户。随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首选方法。而作为全球最大的开源项目托管平台,目前该平台已经托管超800万个库,平均每天超过80000个版本库更新。资源丰富的同时,也意味着,想要在github中找到适合自己的开源项目犹如大海捞针。为使开发者可以很容易地找到一些有潜力的开源项目,github开发团队上线了Trending页面。你可以通过进入相应的技术类目,轻松找到最新、最热门的开源项目或时下最红的开发者。在TrendingRepositories(趋势库)页面中,在储存库标签下展示了前25个有潜力的开源项目。其中包括组织/库的名称、所使用的主要编程语言、库描述、Star按钮以及该项目贡献者前5名。图片源自网络,仅做配文展示而在TrendingDevelopers(趋势开发者)页面中,在开发者标签下展示了前25名有潜力的组织或开发者,此外还列出了他们所开发的最流行的库。图片源自网络,仅做配文展示你可以按照时间范围(天、周、月)和编程语言,对显示内容进行筛选。另外,使用谷歌浏览器登录GitHubTrending,还可以对项目页面进行一键式全文翻译噢。02 StackOverflow Trends(栈溢出)StackOverflowTrends是一个与程序相关的IT技术问答网站,你可以在网站中提问或浏览问题,也可以对相关内容进行索引,在创建主页的时候,使用简单的HTML即可。如果只用StackOverflowTrends搜索问题的话,那么是可以免费试用的。但如果你想收集有价值的信息并获得评级的话,需要进行注册并支付12.95美元,除此之外不会收取其他费用。注册完成后,你将可以在最短的时间内获得答案。StackOverflowTrends页面十分可爱,并且不会弹出任何广告、销售信息、JavaScript窗口等等,简直太清爽啦!目前,StackOverflow现在已经成为了全球IT界最受欢迎的技术问答网站之一。图片源自网络,仅做配文展示在搜索问题时,可以先输入你使用的编程语言,再定位你在做什么事情的过程中遇到了问题,如果有报错信息,务必把报错信息的关键信息输入进去。另外,记得要养成英文搜索的好习惯哦!03 HackerNews (黑客新闻)HackerNews是YCombinator旗下的一个新闻频道,属于digg类产品。没有多余的UI设计,也没有话题与标签,有的只是技术大神们新的技术热点话题和一些有趣的思考,比较像infoQ或者acm的queue。源自YCombinator的的HackerNews,一直吸引着源源不断的顶级创业者参与讨论。而HackerNews的价值也在于,没有所谓的标签和话题,是一个不被绑定的、自由的讨论社区,这也使得用户创造的内容质量,远远超出了其他创业者主题的网站,许多高质量的新闻也都链向了这个网站。任何一个好的hacker,都不仅仅会关注技术问题,还会关心世界的方方面面,这也是HackerNews的独特之处。与此同时,HackerNews也非常欢迎大家在网站上发表自己的见解,快去和大神们一起互动交流吧!图片源自网络,仅做配文展示04 CodeprojectCodeproject是外国的一个免费公开代码和程序的开源代码网站,页面类似于中国的百度知道,但更侧重于实际应用。在这个网站的所有用户都可以发布自己写过的代码、程序,包括详细的文档说明。当然,网站是全英文的,搜索相关内容也需要进行英文输入。图片源自网络,仅做配文展示二、工具类网站01 jQuery插件库jQuery插件库收集了各种jQuery插件,并且提供各种jQuery特效的详细使用方法、在线预览,jQuery插件下载及相关教程。网站导航栏设有UI、输入、媒体、导航、其他、网页模板、app模板、常用代码、在线代码等九个板块供大家选择。为了网站的持续发展,也为了能把jQuery插件库打造成一个让大家都能参与进来的一个平台,网站加入了积分的功能,对于网站内的部分资源采取加分下载的限制。图片源自网络,仅做配文展示02 优秀的音效资源网站:爱给网前端与UI密不可分。一个好的前端工程师,不一定要懂得设计,但也要收藏一些UI设计相关网站,为自己的前端设计提供灵感。而爱给网就是这样一个优秀的音效资源网站,强大的声音、游戏、影视、动画等资源,能够满足你对各种设计方案的不同想象。对于想要寻找稳定的音效资源网站的小伙伴来说,免费且音效资源丰富的爱给网,或许可以给到你更多惊喜。图片源自网络,仅做配文展示03 炫酷的在线前端开发工具:codepenCodePen是面向前端设计人员和开发人员的社交开发环境,你可以在codepen上通过建立和部署网站,来展示你的工作,建立测试用例来学习和调试代码,并且还可以在其中找寻灵感。思考一下,平时在简书,掘金,CSDN这平台分享代码时,只能用markdown拷贝上去。没有办法让别人直接体验代码的效果,除非发个截图或者gif的效果图。这个时候,codepen就发挥了它的作用——直接把自己的代码放到codepen上面跑,没有问题就把链接生成粘贴到自己分享的博客上面,这样就可以让别人体验自己写的代码,不用别人再花时间拷贝代码到自己本地开发工具跑一遍啦。图片源自网络,仅做配文展示04 Iconfont-阿里巴巴矢量图标库在小马哥的阿里巴巴体验团队倾力打造下,国内功能强大且图标内容丰富的矢量图标库诞生了,并成为前端人必备的素材库之一。图片源自网络,仅做配文展示通常情况下,你可以通过将想要的图标保存成SVG、AI、和PNG三种图片格式存至本地。当你需要下载多个小图标时,将选好的图标统一加入购物车,点击下载代码,就可以下载到本地啦!当然,在这之前,你需要注册并登陆图标库账号。除了可以下载到本地之外,你也可以进行在线使用。而且图标是作为字体插入,不仅可以改变颜色大小,而且在布局方面也非常方便。目前,图标库支持关键词模糊搜索功能,可以搜图标搜用户,实现中文英文拼音无缝互译。与此同时图标库也非常支持原创,尊重设计成果,对版权保护比较到位,在“用户”与“图标库”维度还可以支持打赏哦。阿里巴巴矢量图标库是完全免费的,还不知道的这个网站的小伙伴,赶紧码住!以上就是小渡今天为你准备的7个前端学习的宝藏网站啦,后续小渡还会持续更新更多实用的编程工具和编程技巧,点关注,不迷路!与此同时,你希望看到哪些内容,也可以通过在文章底部留言的方式告诉小渡,小渡会积极为你准备干货内容噢!你负责认真学习,小渡负责陪你到底!我们下期再见!


本文出自快速备案,转载时请注明出处及相应链接。

本文永久链接: https://www.xiaosb.com/beian/41874/