近两年，前端开发工程师越来越火了。2019年来了。很多准备成为前端开发工程师的朋友不知道自己准备的怎么样了？有的小伙伴们正在努力学习，争取在明年的金银花之后靠自己的实力找到一份满意的工作！有的朋友很迷茫，想学前端，但是没有方向！今天跟大家说说，2019年我们学习前端开发，如何才能高效的学习前端开发呢？零基础起步首先，无论学习任何技术，都是从零基础开始的，前端开发也是如此。做软件开发就是从事编程开发工作，首先要从语法基础学习，用语法形成产品效果。前端开发的基本语法由HTML+CSS+JavaScript组成，这是前端开发最基本的三种语言。网页布局基础：HTML+CSSHTML是超文本标记语言，是构成网页内容的最基本的语言。可以直接说它是网页的骨架，网页的图片、文字、视频、音频、程序都需要引入到网页中才能体现出来。仅仅用HTML做网页当然是不够的，仅仅有内容。因为只是HTML，所以只能用Table做布局勉强做出一个结构良好的网页。但是从Web2.0时代开始就是盒模型的布局方式，即使用DIV+CSS来实现布局。CSS是层叠样式表。使用样式属性指定标签的布局。当不再使用表格布局时，只要使用CSS样式实现相应的网页标签布局，才是正确的开发方式。HTML(div)+CSS布局是入门的基本步骤。在这个阶段，你需要学习的包括：1.标签语义，SEO2。页面加载流程及原理3.网页结构4.盒模型（W3C盒模型和IE盒模型）5.CSS选择器6.CSS布局浮动与定位在起步阶段，大家学习的布局方式基本都是静态布局方式以px为单位。熟悉布局方式，先给自己定个小目标，做一个简单的电商网页基本结构，没有特效，没有交互。浏览器脚本语言：JavaScriptJavaScript是我们前端开发学习中非常重要的一环，也是大家经常陷入的难点。JavaScript现在可以说是互联网时代使用率最高的脚本语言了。在网页中，所有的数据渲染和特效交互都需要使用JavaScript来影响浏览器的显示。JavaScript不仅是开发网页特效和渲染数据的重要组成部分。在学习前端开发的后期，大量使用算法和框架的时候，也有很多基于JavaScript的测试。基础阶段，学习JavaScript需要注意：1.基本关键字说明2.基本数据类型，数组3.函数4.面向对象编程5.原型链，闭包6.JSON7.Ajax8.DOM（文档对象模型原生DOM操作）9.事件捕获、冒泡、代理10.常用函数方法11.ES5、6、7在JavaScript部分学习。主要是理解交互原理，分析清楚原理，真正理解语法。编写复杂的逻辑很容易。JavaScript经典类库jQuery说到学习JavaScript，很多小白同学肯定会为他原生的写法头疼。每一个逻辑业务都需要手工编写，即一次造轮子，一次使用。我觉得很麻烦。要是能简单点就好了。因为JavaScript具有封装的特性，所以后来出现了很多用JavaScript封装的类库和插件。比如最经典的类库就是jQuery。jQuery类库在类库中封装了很多JavaScript事件方法。jQuery通过封装，缓解了遍历、对象选择等诸多问题。简化网页特效的实现，调用方法即可。学习jQuery，要知道的重点是：1.jQuery语法和原生JavaScript语法的区别2.Dom对象和jQuery对象3.jQuery入口函数和JavaScript入口函数的区别4.jQuery事件的执行逻辑。学习jQuery，最需要的效果就是快速完成网页的特效，比如轮播图片、手风琴菜单、旋转木马、放大镜等特效。能够完成一个电商网站的版面+特效开发是最基本的要求。以上就是零基础学习必备的一些基本内容。前端开发入门需要掌握的最基础的东西，好好理解基础可以为后面的学习做更多的准备。多端进阶学习除了基本的PC端，移动端目前可以说是非常火爆。不同于PC端的单一网页，移动端的技术可以应用于WEB-APP、小程序、Hybrid-App等。Web-App也就是我们常用的浏览器（以及内置浏览器，比如微信）打开的大型手机网页。比如我们常见的电子商务网站、功能网站、管理网站，在布局和功能上都有APP的效果。要想做好Web-App开发，很多人肯定会说最基础的响应式布局，但是前端开发的布局方式有五种。除了著名的响应式布局方式，在移动端还有一种最重要的灵活布局方式，就是让很多人头疼的rem布局。除了布局方式之外，H5的新特性、触屏事件和设备兼容性问题也需要在你的指尖处理。不用说，小程序现在很流行。各大平台都在制作自己的小程序，用于各种砍价、抢票、电商、游戏等。以微信小程序为例，主要是微信团队在前端基础上做的封装语法，最主要的是ES语法。目前很多公司都在招聘小程序的前端开发人员。目前没有独立的小程序开发工程师。因此，小程序可以说是前端工程师高薪就业的加分技能。换句话说，它们是成熟发展所必需的。Hybrid-App也称为混合APP。可能很少有人听说过，但是2018年开发的人越来越多，这种APP可以直接下载到终端。在体验上，可以说已经具备了传统APP的大部分功能。这种开发门槛低，前端开发即可完成。大部分都可以通过大包平台来完成，这个以后可以详细了解。前端主流技术框架都是基础的东西。现在你去从事前端开发工作，不是光靠基础的东西，你做个移动端页面也算是成熟了。VUE、Angular、React这三大前端框架现在可以说是非常火了。前端基本语法就可以写，为什么还需要框架？很多新手朋友不知道什么是框架。他们只听说过jQuery，并认为它是一个框架。或者认为框架是为了加速开发，觉得这些库和插件就可以完成框架的工作。事实上，框架的出现是改变前端地位的一个重要标志。最重要的性能是前后端分离。在前后端分离之前，很多后端开发人员都是为人父为人母。效果不好，效率不高。我出生在后端，知道这种痛苦。今天的前端项目比以前更加复杂和多样化。项目复杂，问题多。框架解决了什么问题？解决重复引用外部js，以jQuery开发为例，很多时候无法完成单个项目，需要引用很多第三方插件和库，导致引入很多外部js文件成一个项目。这不仅使代码变得凌乱，而且影响打开速度。但是在使用框架的时候，以VUE为例，一般是配合构建工具，然后可以用一个入口文件来完成，运行时在入口导入一次，一劳永逸。使用基于组件的开发。组件是前端框架中最强大的功能之一。它们可以扩展你的HTML并封装可重用的代码块，比如你的轮播、标签切换、页眉、页底等。这个独立的组件具有结构（html）、表现（css）和行为（js）的完整功能，大大节省了代码量，提高了代码的复用性。尤其是团队合作时，更能提高使用效率。缩短开发周期。如果你认为jQuery可以减少开发周期，那么框架实际上可以比库更快。比如在使用jQuery开发的时候，经常需要频繁操作DOM，每一个效果都要去DOM中查找，非常繁琐。在使用框架的时候，封装了很多功能。例如，许多指令具有数据绑定和数据格式化功能。这样，更多的时候，我们在开发的时候只需要关注数据的逻辑即可。最后就是我们学习前端开发必备的知识点了。让我告诉你学习路线。前端开发学习不是单一的，内容很多，同一个应用的场景也很多。想要从事前端开发工作，一定要更加的着急，专心努力，坚定不移的方向！更多前端开发学习，关注公众号【前端研究院】每天更新更多学习教程和方法。
