零基础如何快速学习web前端开发技术?

一、基础差学web前端开发要怎么去学?

首先要学习的就是基础知识：HTML、CSS和JavaScript。HTML是内容，CSS是表现，JavaScript是行为。前端开发的门*其实非常低，与服务器端语言先慢后快的学习曲线相比，前端开发的学习曲线是先快后慢。

所以，对于从事IT工作的人来说，前端开发是个不错的切入点。也正因为如此，前端开发的领域有很多自学成“才”的同行。HTML是较基础的，现在流行的是HTML5设计，能更好的为移动端服务，要先学会网页布局。CSS是用来美化HTML页面的为页面提供布局和格式。较后再学JavaScript。

二、web前端基础知识要怎么合理安排学习?

1、熟练掌握HTML基本知识，包括每个标签的用法等。这个是前端开发的信息结构。2、熟练掌握DIV+CSS基本知识，这个东西基本就是前端的基础了，它可以将你写的东西直观的展示出效果给你看，这个就是前端开发的显示效果。3、学习JavaScript编程，深入学习，包括jquery等框架。js东西会比较多。Js就是前端的行为和数据交换。

4、学习一门简单的后台编程语言，比如asp或者php，对自身会有一定的帮助。

三、如何学习较新的HTML5+CSS3技术

上述简单阐述了前端开发要怎么学，主要是从学习的基本点来描述的，另外说下较新的HTML5+CSS3了，这些与时俱进的东西一定要看。在学习HTML/CSS的时候，一定要边学边练习，通过这些练习来巩固、理解自己的知识。

四、如何学习较新的JavaScript技术

如果你只想当一个普通的前端程序员，你只需要记住大部分JavaScript函数，做一些练习，知道这门语言可以做什么，不能做什么，擅长做什么，不擅长做什么。但如果你想深入了解JavaScript，你需要了解JavaScript的原理，机制。需要知道他们的本源，需要深刻了解Javascript基于对象的本质。

还需要深刻了解浏览器宿主下的Javascript的行为、特性。一个的前端工程师更需要深入了解、以及学会处理Javascript的这些缺陷。

五、下面是学习前端的一些学习路线：

HTML部分

对HTML5的理解，Web语义化，SEO页面加载的过程结构组织新增API 如本地存储、Canvas

CSS部分

CSS3 transition transform animatew3c盒子模型和 IE盒子模型，box-sizing属性BFC优先级less 与 sassbackground-* 系列属性，这个不要忽视了，还是很重要的

JS部分

1. 原型闭包声明提升基本数据类型高阶函数JSONJSONP 跨域 iframe 通信Ajax原生DOM操作(比如逆序DOM节点)事件捕捉，捕获，冒泡，代理Array常用函数String常用函数ES5 + ES6VUE框架部分(大部分按照简历来)Angular脏检查机制手写Angular指令，知道其生命周期手动实现MVC衍生部分HTTP1/2 理解、状态码、优化、缓存控制(考试)TCP三次握手，四次挥手XSS与CSRF(考试)学习经历和方法性能优化单元测试

2. React + Redux

IT 行业的变化快是众人皆知的，需要持续去学习新的知识内容。但是，往往我们工作之后，经常发现学习的东西很少了，学习效率非常低，感觉自己到了一个瓶颈期，久而久之，就演变成『一年工作经验，重复去用十年』的怪圈。