如何成为一名Web前端开发人员？入行学习完整指南

正在初学者学习一门新技术往往不知道如何开始，从哪开始，终点是啥。为啥有人月薪 10k，有人却 40k，就看你的技术能不能提高生产率，创造更多价值。学习前端也是这样，要系统全面，前期一定要有刨根问底的精神，遇到问题要究其原因，直到解决为止。下面我把前端需要掌握的技术点做一个总结。

1.基础知识

学会下面这些基本知识，能够写出基本的页面，不同的布局样式。

2.动态性

动态性是指通过 document 可以动态修改 HTML 元素的样式和布局，添加事件，获取元素的 frame。

3.语言

学习某个方向的时候，需要深入学习它所用到的语言，这样才能「更有效地写好代码」。前端主要的语言是 JavaScript，由它衍生出来的有 TypeScript，ESMScript。优先掌握 JavaScript。

4. node.js

node.js 是前端必须要掌握的技能，它可以创建便捷的工具辅助前端便捷开发。可用于作为 web 服务。

5.框架

使用框架可以更快速、高效地实现业务逻辑。目前主流的是 React 和 Vue，需要深入掌握其中一个框架，san 是百度开源的 MVVM 框架。初学者有一个误解，以为使用框架就不需要 HTML 和 CSS 了，事实不是这样的

6.构建工具

浏览器只能识别 HTML、CSS 和 JavaScript，所以不管使用什么框架写的代码最终都需要让浏览器能够识别。不同浏览器对 JavaScript 的特性支持的不一致，可以通过构建工具把 JavaScript 代码转换成浏览器能支持的。使用构建工具也能够做到性能优化，比如压缩代码。

7.模块化

模块化可以方便地管理前端项目，使不同的业务拆分成不同的代码，方便管理与维护。

8.开发与调试工具

前端开发，首推 VSCode，学会这个IDE，也可以帮助你开发其它语言的项目，比如 python。另外需要掌握浏览器的调试技巧。

9.三方库

前端开发中有些前端库是很常用的，它适配了很多浏览器，对开发者比较友好。

10.资源

好的资源会达到事半功倍的效果。关于资源方面我只推荐 MDN，像那些一文搞懂 xxxxxx，10分钟搞懂 xxxxxx。别做梦了，学习没有捷径。想学好就必须系统深入学习。

11.浏览器工作原理

网页最终由浏览器渲染，掌握浏览器工作原理是必须的。首先要搞懂HTTP，然后弄懂浏览器显示一个页面所要经历的过程。这也是我正在写网络编程相关内容的初衷，网络太重要了，处处多需要。

上面这些内容，是我做前端以来总结出来的。我会按照上面的大纲逐步深入写下去。目前正在写第三阶段网络编程相关内容。大家加油！！！