正在初学者学习一门新技术往往不知道如何开始,从哪开始,终点是啥。为啥有人月薪 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,然后弄懂浏览器显示一个页面所要经历的过程。这也是我正在写网络编程相关内容的初衷,网络太重要了,处处多需要。
上面这些内容,是我做前端以来总结出来的。《前端小课》是我正在写的一本前端电子书,我会按照上面的大纲逐步深入写下去。目前正在写第三阶段网络编程相关内容。大家加油!!!
推荐阅读:
第三阶段 - 重学网络编程(HTTP、TCP、WebServer)