Web前端开发由网页制作演变而来。随着web2.0的发展，网页不再只是承载单一的文字和图片。各种丰富的媒体让网页的内容更加生动，软件在网页上的交互形式为用户提供更好的体验，这些都是以前端技术为基础的。经过市场的沉淀，让很多前端开发者无所适从。过去简单的技能，已经不再适用于前端技术的开发。新技术、新框架不断涌现，前端开发市场依然有大量需求。我们知道前端开发的应用非常广泛，这些公司都有前端开发岗位（当然这只是一部分）：而且薪资也不低。除了互联网企业，传统企业想要接入互联网，也离不开前端工程师。随着H5、微信小程序、各类APP的发展，对前端的需求将不断上升。所以总的来说，前端开发行业还是分得一杯羹的。而且营养丰富。任何行业都需要努力，前端开发也不例外。首先，你必须真的很想学习，很想改变。你需要有一个清晰的学习路线和方向。最好向有经验的人学习，这样才能快速上手，少走弯路。前端开发的基本语法由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，并认为它是一个框架。或者认为框架是为了加速开发，觉得这些库和插件就可以完成框架的工作。事实上，框架的出现是改变前端地位的一个重要标志。最重要的性能是前后端分离。在前后端分离之前，很多后端开发人员都是为人父为人母。效果不好，效率不高。我出生在后端，知道这种痛苦。今天的前端项目比以前更加复杂和多样化。项目复杂，问题多。Web前端开发入门级低的另一个重要表现就是符合8/2定律，即20%的东西使用率占80%。所以非常适合吞枣，所以我们的重点就是学习这20%，首先要做的就是找出这20%。前端的20%大概就是常用的html标签，css盒子模型，基本的原生js，熟练使用jquery，ajax，兼容常见的浏览器。赢得这些东西是非常有意义的。一方面证明你适合做前端工作，另一方面这些技能会让你找到工作。让您从容学习剩下的80%。简而言之，就是专心做重要的事情，比如less，sass，angular等，打好我前面说的基础之后，就可以畅通无阻地学习，边学边用。更难的是练习。只有实践才能学到真正的技术。新人很难参与一些有价值有意义的项目，没有这些项目很难成长，所以要珍惜自己能参与的项目。小白学习前端最常见的问题和误区web:1.盲目无脑看视频，却很少练习。正常的状态应该是，在整个学习过程中，有四分之三的时间都花在了练习上。该视频只是让您知道该学习什么，只需观看一次即可。有很多人不假思索地看视频，结果浪费了几个月的时间，找不到工作。2.小??白刚开始读书的时候，读书是一个很严重的误区。所以新手忌讳看书学编程。至于是什么原因，这里就不过多解释了。3.很多人遇到一个问题，就是代码看得懂，写不出来。这是一个比较常见的问题。4、还有一个最实际的问题，就是学了后者忘记了前者。这是由于学习方法和方法上的大错误。5、整个学习过程混乱，没有系统的安排，学习不系统、不专业，技术掌握不好，浪费几个月甚至半年时间。6.缺乏与专业人士沟通的过程。作为一个新手，在学习的初级阶段，学到的东西最多，肯定是闭门造车向别人学习。无论是web前端技术还是其他IT技术，都是从零开始。你可以通过类似的经历直接学习或转行。所以新手不用担心零基础学不会。成为一名合格的WEB前端工程师并不难，主要是选择科学的学习方法。
