什么叫Web前端?web前端HTML5学习方法分享

web前端开发主要是通过html，css,js,ajax,DOM等前端技术，实现网站在客服端的正确显示及交互功能。在众多的前端开发技术中，JavaScript击败了Applet、ActionScript，成为了当下最“牛”的前端技术！在早期点Web前端不叫前端，而是被亲切的叫做“网页设计师”。

网页三剑客（Flash、Dreamweaver、Firewoks)并称为Macromedia的网页制作三剑客，由于是同一公司的产品，因而在功能上有着一个非常紧密的结合。后来Firewoks被Adobe这个变态的巨头收购以后，ps就基本取代Firewoks来做设计网页的工作了，虽然我知道现在还有人用，估计是一种怀念和某些好用的切图功能吧。

前端工程师是互联网时代软件产品研发中不可缺少的一种专业研发角色。从狭义上讲，前端工程师使用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品，涵盖用户PC端、移动端网页，处理视觉和交互问题。从广义上来讲，所有用户终端产品与视觉和交互有关的部分，都是前端工程师的专业领域。

以下这份web前端学习路线图适合所以零基础的学员学习，都是从浅入深，没有基础的同学跟着视频教程及课程大纲一步一步的学习是可以很好的掌握的。

那么想要学好html5前端开发，那么需要掌握的专业技术有：

第一阶段：前端页面重构

内容包含了：（PC端网站布局项目、HTML5+CSS3基础项目、WebApp页面布局项目）

第二阶段：JavaScript高级程序设计

内容包含：1）原生 JavaScript交互功能开发项目、面向对象进阶与 ES5/ES6应用项目、JavaScript工具库自主研发项目）

第三阶段：PC端全栈项目开发

内容包含：（jQuery经典交互特效开发、HTTP协议、Ajax进阶与PHP/JAVA开发项目、前端工程化与模块化应用项目、PC端网站开发项目、PC端管理信息系统前端开发项目）

第四阶段：移动端项目开发

内容包含：（Touch端项目、微信场景项目、应用 Angular+Ionic开发 WebApp项目、应用 Vue.js开发 WebApp项目、应用 React.js开发 WebApp项目）

第五阶段：混合（Hybrid,ReactNative）开发

内容包含：（微信小程序开发、React Native、各类混合应用开发）

第六阶段：NodeJS全栈开发

内容包括：（WebApp后端系统开发、一、NodeJS基础与NodeJS核心模块二、Express三、noSQL数据库）

第七阶段：大数据可视化

内容包含：（大数据可视化化基础与实战、一、数据可视化入门、二、D3.js详解、三、其他JS库）

前端要解决界面和交互问题，实际上UI层面上的问题一直是软件工程方面的一个难题，因为UI不停地在变化。浏览器各个版本的兼容性、Web标准、移动设备、多终端适配，给了前端工程师很大的挑战，对前端工程师的能力也有很高的要求。许多UI问题有不只一种解决方法，许多问题有非常巧妙的思路和精彩的解决办法，前端在工程师群体里是属于非常有创造力的一个群体，因为这个行业需要丰富的创造力和想象力。

前端工程师还是Web标准的制定者、实践者和推动者，而现在的W3C标准不仅仅局限于浏览器，还包括各种手持智能设备，车载设备、智能家居等等。在未来万物互联的时代，前端将不仅仅是网页上的工程师， 而是所有人机交互领域的工程师。

转载于:https://blog.51cto.com/14214237/2355755