web前端开发你们是怎么学习的？

前端学习大致方向：

1、学习HTML、CSS，完成各标签的实现作用，熟悉HTML5、CSS3新特性，独立完成一个页面布局;

2、在上述基础上，对主流浏览器兼容性问题的解决，平时做好代码碎片管理，积累实例。

3、学习JavaScript,完成原生的JS的代码实现页面各种行为，积累实例(这部分深入学习对以后帮助相当大);

4、在学习JavaScript的基础上，学习一两个框架(JQuery、Bootstrap、AngularJS)，对以后快速开发一个页面帮助很大;

5、学会简单使用PS、AI、CDR，可以帮助自己提高页面布局，UI美化的技能。

PS:前期多看别人的代码，多自己敲代码，多看帮助手册，少粘贴复制

HTML\CSS ，上手较快，主要是熟练度问题;

JS，上手不易，前期基础要打好，学习周期稍长些(一般连续学习2-4个月就可以脱手自己写大部分的代码);

学习框架，有良好JS基础上手较快，多做实例就可以达到熟练程度。

以上都学好了，基本上开发一个完成的网站不成问题，后期感兴趣可以再去接触后端，实现各种交互功能，逐步向全栈工程师发展。

学习web前端一定要有方向：
阶段1.前端核心基础
HTML +_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScript DOM和
BOM编程、jQuery框架
阶段2.HTML5 + CSS3 + 移动端核心
HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练
阶段3.移动端
移动端核心、移动端适配、移动端特效
阶段4.服务器端
服务器端开发、数据库操作、前后端交互核心、微信公众号开发
阶段5.JavaScript高级
JavaScript基础深入剖析、JavaScript面向对象深入讲解、JavaScript异步编程、
JavaScript函数式编程JavaScript设计模式
阶段6.前端必备
性能优化、版本控制工具、模块化、项目构建工具
阶段7.高级框架
React框架基本使用、React框架进阶、Vue框架基本使用、Vue框架进阶、Vue源码分析
阶段8.小程序
原生小程序入门、原生小程序API使用、小程序框架Mpvue
这个是学习web前端的方向，你可以从上到下看看自己有哪些不懂的地方，这些就是你的盲区，然后通过学习视频或者是参加培训班把这些弄明白，在学习方法上，学习web前端就是做到三多，多思考、多问、多敲键盘学习的本质就是不断的重复，熟能生巧，希望可以帮到你。

如今的WEB前端工程师不论是薪资待遇还是工作环境都很不错，因此吸引了不少的人加入。
第一个阶段，HTML5+CSS3，需要大家掌握的知识点是我们常用的浏览器和浏览器内核是什么，和html语法和使用技巧并将常用标签掌握。还需要学习的就是css的语法和使用技巧等等。这个阶段大家一般需要学习的时间在10天左右。
第二个阶段，js交互设计的学习，需要大家掌握JavaScript语法和相应的算法，如：用户界面交互、变量提升及变量作用域、定时对象等。其它类似，cookie原理解析、正则表达式、面向对象原型继承、http协议、Ajax前后台数据交互等等也是需要大家学习的。这个阶段一般需要大家学习的时间在两周左右。
第三个阶段，node开发，需要大家掌握的知识点主要是，webpack模块打包器、客户端服务器交互模型、 JavaScript 异步编程模型、 JavaScript 模块化编程方式、 能够使用 Node.js 操作 MongoDB 数据库、 能够独立开发基于后台接口的动态网站、Ajax 数据交互的项目、能够独立完成企业网站从前台到后台的基本开发工作。这个阶段需要大家学习的时间在两周左右。
第四个阶段，前端框架的学习，这个阶段需要大家掌握的知识点主要是， D3.js 进行大数据可视化交互开发、Vue 技术栈进行项目开发、React 技术栈进行项目开发、源代码管理工具的使用、web项目的部署与发布模式学习，可以对常见网站业务模块进行开发等等，这个阶段一般需要大家的学习时间在两周左右。
第五个阶段，小程序与app开发，这个阶段需要大家学习的知识点主要是，小程序开发基础并独立开发小程序项目、Canvas的掌握、小程序开发框架mpvue的使用、第三方AI平台的使用等。这个阶段需要大家学习的时间在三周左右。
没有基础的小伙伴想要成为专业的WEB前端工程师在千锋只需要5个月左右的时间就可以成为合格的WEB前端工程师。

前端工程师学习步骤：先学HTML ，再学CSS、JavaScript ，再学 jQuery、最后学 ajax和前端框架（前端框架包括：Vue、React、angularjs 等 ）。
用到的编程工具：vscode、notepad++ 、sublime等同类产品，调试接口数据用postman。

一定要重视基础，

首先建立第一条技能线：就是前端由html，css，js组成；

然后将其细化为第二条线，html是由html4和html5组成；

第三条线，css由css2和css3组成；

第四条线，js由es5和es6构成。

接下来是框架方面的延伸：css方向有less，html方向有bootstrap，js方向有jquery库。

再往下就不磨叽了，有免费课程可以听一下：

http://19.offcn.com/class-101313/?scode=HZLOFZ