助力前端开发的 5 个实用网站

近年来,越来越多的人开始对前端技术感兴趣。然而前端领域的技术日新月异,如何快速从前端小白进化成资深工程师,少走弯路,对于一些刚入门的小伙伴是一个比较大的挑战,这也是本篇文章想要帮助解决的问题。

本文下方会列出有助于前端学习、实践、工作的 5 个实用网站,来帮助前端工程师更好的成长。

https://codepen.io/

助力前端开发的 5 个实用网站_第1张图片

CodePen 是一个以代码编辑器为主要功能的网站。

在该网站,用户可以创建、管理自己的 Pen 或者 Project。网站也同时提供了极其方便的 JS 库引入功能,你可以直接引入 React、Vue 等相关依赖,把 codepen 作为 playground 来学习使用最流行的前端框架技术。

除此以外,进入首页可以让你浏览来自全球开发者的前端创意作品,工作之余看看 Trending 列表,往往会有意想不到的收获。

https://qingfuwu.cn/

助力前端开发的 5 个实用网站_第2张图片

轻服务是一个提供开箱即用的云服务、并支持 Web IDE的平台。

在传统的开发流程中,要实现一个完整的项目,除了前端工作,还有API 开发、资源部署、线上运维等工作。出于语言或不同领域技术的差别,大部分前端工程师往往无法参与到这类任务中。轻服务的出现,解决了这一难题。

作为新兴的云服务平台,轻服务提供了开箱即用的数据库、云函数、页面托管等能力,使用者无需关心服务器搭建、数据库部署、环境配置等繁琐的事务。目前平台已支持包括 Node.js 在内的多种运行时,让用户可以用 JS 完成应用的全部开发工作,最大程度的提升开发效率。如果你致力于成为一名全栈开发者,那么这个网站你一定不能错过。

https://github.com/

助力前端开发的 5 个实用网站_第3张图片

GitHub 是一个集开源代码协作、CI/CD 等功能为一体的代码托管平台。

在计算机科学领域的发展过程中,「开源」起到了不可忽视的推动作用。同样,阅读优秀的开源代码以提升编程水平,对于软件工程师来说也是极为重要的。在 GitHub,你可以查看优秀的前端框架源码,学习先进的设计理念,或者向开源项目提交 PR,甚至维护自己的开源项目,帮助其他对前端技术感兴趣的开发者。也可以关注行业内那些极具影响力的账号,时刻了解前端趋势。

https://lhammer.cn/You-need-t...

助力前端开发的 5 个实用网站_第4张图片

You-need-to-know-css 是一个收集常见 CSS 布局、样式解决方案的网站。

在日常工作中你是否也遇到过突然忘记一个常用的 CSS 技巧?或是想要实现一个简单的布局,但代码却臃肿又难看的情况?如果你有以上的问题,不妨去这个网站搜索一下。在这里你可以查看到最优雅的实现方式,每个实现下方都附带了详细的浏览器兼容性说明。在提升工作效率的同时还能加深对 CSS 技术的认识,一举两得。

https://www.ideaswatch.com/

助力前端开发的 5 个实用网站_第5张图片

ideaswatch 是一个致力于收集各种 startup 项目 idea 的网站。

大家都知道掌握知识最好的办法就是去实践,然而很多工程师苦于创意枯竭,一身新技术无处使用。这里推荐 ideaswatch 来帮助工程师开启自己的练手项目。如今网站内已创建了超过 3000 个 idea 供用户挑选,在没有任何想法时,不妨试着去这个网站找找灵感。

以上就是本文总结出的 5 个实用网站,如果还有其他让你受益良多的网站,欢迎分享在下方评论中~

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