共计 1361 个字符，预计需要花费 4 分钟才能阅读完成。
前端入门湿货整顿
因为程度不够，整理出来的货色不能叫干货
前端的入门
有人总结了前端工程师的必须清单，但其中也有些过期的，和一些很前期的货色。须要甄别着学。
一名【合格】前端工程师的自检清单
永远绕不开的三件套：HTML CSS JavaScript
权威的资料库，不仅有三件套常识，也有很多其余网络常识。
学习 Web 开发 | MDN
其余三件套学习好网站
W3Schools Free Online Web Tutorials
w3school 在线教程
菜鸟教程 – 学的不仅是技术，更是幻想！
w3cschool 菜鸟教程
视频教程
目前国内，B 站曾经造成了编程技术材料公布的次要平台。做这方面的 up 主都会在 B 站开设账号。只有输出关键词搜寻都会呈现一大批视频，而且品质颇高。
[](https://www.bilibili.com/v/te…)
nodejs
当学会了一些根底之后，正真进入有生产力的开发模式，你肯定绕不开 nodejs
中武官网
Node.js 中文网
npm
所有公布的库都注销在此，能够查看应用办法等。
npm
webpack
自身只是 npm 中的一个库，然而它的位置很重要。官网上这样定义：
实质上，webpack 是一个用于古代 JavaScript 应用程序的 动态模块打包工具。
webpack
框架
react
中武官网
React 官网中文文档 – 用于构建用户界面的 JavaScript 库
Vue
最新的版本是 3，3 和之前的版本有很多不同，当初入门倡议不必看以前的版本材料了。
Vue3
angular
三大框架中最败落的一家，大概率用不上，倡议放弃。
Angular
JS 的加强版 TypeScript
TypeScript 中文网 · TypeScript–JavaScript 的超集
前端游乐场
有这么一类网站，能够在网页上进行前端编程。想试试某些成果的时候十分好用。
codepen
十分有名的网站，有十分多的前人做好成果分享，省去咱们重头做事的麻烦
Create a New Pen
codesandbox
特点是预设了很多框架，咱们本地不必 npm install 也能够玩各种货色了
CodeSandbox: Online Code Editor and IDE for Rapid Web Development
其余
还有很多我就不例举了，搜寻这些关键词 best js playground 天然会呈现很多举荐文章。
开发 IDE
工欲善其事必先利其器
vs code
最火的收费开发 IDE，没有之一。
当然不仅是前端，各种语言都能够用它开发。
Visual Studio Code – Code Editing. Redefined
Web Storm
功能强大然而免费。
[](https://www.jetbrains.com/web…)
浏览器调试
按了 F12，才晓得关上了一扇新世界的大门
你可能不晓得的 chrome 调试技巧
浏览器的过来与当初
理解一下浏览器的发展史和现状，对于之后的学习和开发十分有益处。
前端万字精髓 – 浏览器简史及其外围原理详解
碰到问题
不懂就问，是个好习惯。
依据集体教训，计算机类问答网站首推还是 stack overflow 最靠谱。不要胆怯英文，用网页翻译能够解决 99% 的问题。
Stack Overflow – Where Developers Learn, Share, & Build Careers
总之，搜寻是个好货色，别忘记用。（有条件的举荐上谷歌，谁用谁晓得）
