近年来，越来越多的人开始对前端技术感兴趣。然而前端畛域的技术突飞猛进，如何疾速从前端小白进化成资深工程师，少走弯路，对于一些刚入门的小伙伴是一个比拟大的挑战，这也是本篇文章想要帮忙解决的问题。

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

https://codepen.io/

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

在该网站，用户能够创立、治理本人的 Pen 或者 Project。网站也同时提供了极其不便的 JS 库引入性能，你能够间接引入 React、Vue 等相干依赖，把 codepen 作为 playground 来学习应用最风行的前端框架技术。

除此以外，进入首页能够让你浏览来自寰球开发者的前端创意作品，工作之余看看 Trending 列表，往往会有意想不到的播种。

https://qingfuwu.cn/

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

在传统的开发流程中，要实现一个残缺的我的项目，除了前端工作，还有 API 开发、资源部署、线上运维等工作。出于语言或不同畛域技术的差异，大部分前端工程师往往无奈参加到这类工作中。轻服务的呈现，解决了这一难题。

作为新兴的云服务平台，轻服务提供了开箱即用的数据库、云函数、页面托管等能力，使用者无需关怀服务器搭建、数据库部署、环境配置等繁琐的事务。目前平台已反对包含 Node.js 在内的多种运行时，让用户能够用 JS 实现利用的全副开发工作，最大水平的晋升开发效率。如果你致力于成为一名全栈开发者，那么这个网站你肯定不能错过。

https://github.com/

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

在计算机科学畛域的倒退过程中，「开源」起到了不可漠视的推动作用。同样，浏览优良的开源代码以晋升编程程度，对于软件工程师来说也是极为重要的。在 GitHub，你能够查看优良的前端框架源码，学习先进的设计理念，或者向开源我的项目提交 PR，甚至保护本人的开源我的项目，帮忙其余对前端技术感兴趣的开发者。也能够关注行业内那些极具影响力的账号，时刻理解前端趋势。

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

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

在日常工作中你是否也遇到过忽然遗记一个罕用的 CSS 技巧？或是想要实现一个简略的布局，但代码却臃肿又难看的状况？如果你有以上的问题，无妨去这个网站搜寻一下。在这里你能够查看到最优雅的实现形式，每个实现下方都附带了具体的浏览器兼容性阐明。在晋升工作效率的同时还能加深对 CSS 技术的意识，两全其美。

https://www.ideaswatch.com/

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

大家都晓得把握常识最好的方法就是去实际，然而很多工程师苦于创意枯竭，一身新技术无处应用。这里举荐 ideaswatch 来帮忙工程师开启本人的练手我的项目。现在网站内已创立了超过 3000 个 idea 供用户筛选，在没有任何想法时，无妨试着去这个网站找找灵感。

以上就是本文总结出的 5 个实用网站，如果还有其余让你受害良多的网站，欢送分享在下方评论中～