谈新手如何成为比UI懂技术，比技术人员更懂交互的web前端攻城狮

对于很多人而言，相比较Java程序员，c++程序员，PHP程序员，Python程序员而言，web前端开发是较为容易入门的，不用和复杂的事务逻辑代码编写打交道，只需要把后端传递的数据用最养眼的方式展现给用户即可。学习web前端开发技能是比较简单的工作，只需你真的是一步一个脚印的在行进，那你必然会有相应的成果。

对前端开发的三个总体理解和体会

我对前端开发的总体体会有三：

第一：杂而难，难度甚至超过了一般的后台开发，如果有人觉得前端开发简单只能说明他还没有入门。

第二：web前端开发正在向响应式和移动端方向大步迈进。

第三：前端工程师其实就是编程技术人员，用一句话来形容“比UI设计懂技术，比技术人员更懂交互”，当然也有人说前端工程师是工程师中的设计师，是设计师中的工程师。既然是编程工作，那就不会做一辈子，毕竟太累。认真敲几年代码然后去卖水果吧，还望师弟师妹们来照顾我生意。

下面我给你学习前端的新手一些前端需要学习的东西：

一、三大框架

目前来看vue和react已经是主流了，生态也比较完善，angular的使用的会少一些，所以优先学习vue和react为主，angular可以视情况而定学习。当然不仅仅是学习框架的使用，还需要学习他们运行的原理，以及周边生态的一些原理，先看vue的源码，稍微简单一些。

二、webpack

webpack现在很多项目以及离不开他了，虽然他的配置比较繁琐，但是功能很强大，所以webpack是必须要掌握的内容，同时了解他的打包机制、loader和插件原理也是很有必要的。rollup和parcel是最近两个新的打包工具，可以暂时观望。

三、typescript

typescript是一门很棒的语言（虽然很多人不这么认为），提供了静态检测等功能，但它不是必须学习的内容，原生的js已经满足很多人的开发需求了。

四、react-native

rn让前端可以参与的app的开发中，提供了比h5更好的体验，同时比原生开发有更高的效率，但是目前rn并不完善，也有很多需要解决的问题。目前可以尝试的写写demo，了解整个开发流程。

五、nodejs

前端几乎已经离不开node了，npm包管理，开发时启动node服务等等，所以nodejs算是一个必须学习的内容了，掌握node的一些开发思想也是很有必要的，当然更多的后端知识可以视情况而定。

六、小程序

小程序的开发其实比较简单，需要学习的时间并不长，可以尝试着自己写一个小程序体验。

七、pwa

从去年开始一些大公司已经在使用pwa了，而苹果也开始支持pwa了，所以可能是一个未来的趋势，可以先了解pwa的一些基础内容，之后再进行更深入的学习，优先级较低。

八、数据可视化、物联网、人工智能等等

这些属于比较细分的一些领域了，根据自己的需求和规划进行选择性的学习。

九、计算机基础

其实有些前端工程师的计算机基础会差一些，包括我自己，像数据结构、算法、操作系统等等也是需要学习的内容，它可能不会给你在目前的工作中带来太大的帮助，但是在有些场景下这些知识会带来一些解决问题的灵感。

再说几个建议不用学的技术

1.IE 兼容不学

2.Float 、Flex、Grid 之外的布局方式不学

3.require.js 不学、学 ES Module

4.Grunt、Gulp 不学，学 Webpack、Parcel

5.BootStrap 不学，学 Element UI 和 Antd

6.异步处理中 Generator 先先先先不学，学 Promise 和 Async/Await

7.W3schools 坚决不学，学 MDN

8.先不要学 PWA，除非你要去的公司明确说需要了解 PWA。