前端学习路线-ps和前端学习周期

前端开发是当下IT行业内热门的技术之一，这也引发了一股前端学习的热潮。那么，该如何学习前端呢？首先，好的学习方法很重要，另外，正确的学习路线也是必不可少。今天给大家分享一个前端学习路线图。这个完整的路线图一共分为6大阶段前端学习路线，相信对于刚刚接触前端的新手来说会有很大的帮助。

第一阶段：Web页面制作

整体目标：掌握传统pc端网页布局和制作

阶段目标:精通掌握HTML5的应用；

掌握CSS在开发中的使用；

学会页面标准化布局战术；

掌握ps基础，切图，基础网页设计等

实战案例:高防大型网站的模板：

门户网站主要模板（新浪）

商城全部模板（京东）

第二阶段：编程基础技术

整体目标：JS 完成一些常见网页特效开发

阶段目标:掌握 JS 基本语法与流程控制相关操作；

使用 JS 结合 HTML 实现代表性的 JS 特效制作；

可以独立完成网页中常见特效的编写以及第三方特效插件的使用；

掌握文件操作&canvas ；

了解ECMAScript6新特性;

实战案例:结合js实现动态页面京东，淘宝，腾讯视频。

第三阶段：移动互联网应用

整体目标：掌握现在主流的页面制作技术，可以完成微网站的制作和微信小程序开发，并可以做到多设备兼容。

阶段目标:掌握HTML5新增的智能表单的使用；掌握优化的各种方式；掌握响应式页面布局技术;

使用touch框架搭建移动端页面、宣传页面；掌握swiper+animate框架；

掌握微网站的开发过程与微信小程序开发；掌握如何开发移动端web应用;

了解移动应用的流行框架 zepto并掌握移动端的手势与触摸事件

实战案例:饿了么，华侨城 仿北京银行 仿太平洋保险，仿微信，Swiper+animate项目，Zepto+touch项目前端学习路线，微信小程序

第四阶段：特效开发高级实战

整体目标：通过实际项目开发，精通前端常用框架的实际应用及问题解决，以及常见特效开发、前后台交互开发

阶段目标:利用jQuery框架进行js特效开发

掌握Bootstrap的使用

了解AJAX的运行原理

使用MUI库，完成Android和IOS的移动设置应用开发

实战案例:京东商城，腾讯视频PC端，MUI项目

第五阶段：

整体目标：了解 WEB 服务器工作原理，并可以简单的搭建自己的应用程序服务器端