前端开发需要学什么(徐克达)

前端是网站的前端部分，也叫前端开发，运行在PC、手机等浏览器上，显示用户浏览的网页。那么前端开发需要学习什么呢？

前端开发需要学习什么

第一阶段:

1、HTML+CSS:

高级HTML，高级CSS，DIV+CSS布局，HTML+CSS全网站开发，

2.JavaScript基础:

Js基础教程，js内置对象常用方法，常用DOM树操作百科，ECMAscript，DOM，BOM，定时器，焦点图。

JS基本效果:

常见特效，如tab，导航，整页滚动，轮播，JS做幻灯片，弹出层，手风琴菜单，瀑布流布局，滚动事件，滚动差异视图。

JS的高级特性:

正则表达式，排序算法，递归算法，闭包，函数节流，范围链，基于距离的运动框架，面向对象基础，

3.JQuery:基本使用

吊架，DOM操作，特效和动画，方法链，拖放，变形，基本使用JQueryUI组件。

第二阶段:HTML5和移动Web开发

1、HTML5:

HTML5新语义标签，HTML5表单，音视频，线下和本地存储，SVG，Web Socket，Canvas。

2、CSS3:

CSS3新选择器，伪元素，面部表情，边框，阴影，flex布局，背景系列属性变化，过渡，动画，景深和深度，3D效果制作，Velocity.js框架，元素进出策略，酷炫CSS3网页制作。

3、引导:

响应式概念，媒体查询，响应式网站制作，网格删除系统，网格删除系统原理，Bootstrap通用模板，LESS，SASS。

4.移动网络开发:

跨终端WEB和主流设备介绍，视口，流媒体布局，灵活的盒子，rem，移动终端JavaScript事件，手机中JS效果制作，手机性价比页面，手机滚动。

第三阶段:HTTP服务和AJAX编程

5.WEB服务器基础:

服务器基础，Apache服务器等WEB服务器介绍，Apache服务器搭建，HTTP介绍。

AJAX:

介绍Ajax和异步的概念，Ajax框架的封装，详细介绍XMLHttpRequest对象的方法，兼容性处理方法，Ajax框架的封装，Ajax中的缓存问题，XML的介绍和使用，处理简单GET或POST请求的能力，

JSON和JSON解析，数据绑定和模板技术，JSONP，跨域技术，图片预读和懒加载技术，JQuery框架中的AjaxAPI，以及使用Ajax实现突发流的案例数。

第四阶段:面向对象高级

从内存的角度来理解JS面向对象，基本类型，复杂类型，原型链，ES6中面向对象，ES6中变量的作用域(let，const，块级作用域)，ES6中函数的新特性。

前端发展趋势

趋势1:重大变化，移动优先级

响应性设计显然是目前web前端开发领域的主要趋势之一。响应型网站设计是一种网页设计布局。它的思想是集中创建页面的图片排版尺寸，可以根据用户的行为和使用的设备环境智能地进行相应的排版。

趋势2:使用高效的开发工具

很多web前端开发者会从2016年开始尝试使用快速原型工具，这将是这项技术真正爆发的一年。“UXpin、Webflow、Invision等多种快速原型工具，让设计师不用写一行代码，就能快速为网站和服务创建低保真和高保真原型，方便设计师衡量其可用性和美观性。”网页设计师杰米·里森说，“许多工具也允许你在浏览器中设计原型，并从这些工具中启动网站本身。”

趋势3:人工智能快速发展

web和AI的碰撞带来了更强大的网页，给网站所有者和用户都带来了价值。提供网络托管服务的Wix是这个领域的佼佼者。他们现在提供了一个向用户提问的过程，然后使用一个基于人工智能的平台，根据用户的回答为用户提供最符合他们需求的网页设计。

趋势4:单页站点的多级应用

由于用户更喜欢通过滚动浏览网页，公司会关注它，不再浪费时间设计和开发用户不喜欢的子页面。这种趋势将简化互联网，带来更加迷人和身临其境的网页浏览体验，每个人都会感到快乐。

趋势5:流行虚拟现实

VR成为主流已经有一年了，这意味着web开发者会通过VR来吸引用户。我们看到一些公司比如Mozilla、Google等投资开发VR和Web之间的API。越来越多的VR应用会陆续问世，所以不要惊讶于看到越来越多的虚拟现实元素出现在Web上。早期对React的批评(通常是批评它的HTML和JS混合)现在看来是一段遥远的记忆。目前，Facebook已经取消了“专利”条款，通过了最大的危机。既然用户数量和开发者满意度都达到了空之前的高度，那么可以肯定的说React是最受欢迎的前端库。