适用本科生 web前端开发学习线路图2019版 _前端

一般来说，现在有一定编程基础准备在大学毕业后入坑前端开发的，大多都是计算机科学与技术、软件工程、信息与计算科学和移动互联网开发专业出身的本科生。
其实现阶段中国高校还是非常推崇Java、C/C++等语言的，但是前端的处境就不一样了。web前端开发由网页制作演变而来，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体验，这些都是基于前端技术实现的。前端在飞速发展着、变革着，随之而来就是巨大的企业需求，但是高校对于前端人才的培养架构和计划却是滞后的。
甚至直至现在，几乎也没有什么高校会专门开设前端专业，所以大部分有意向从事前端开发的学生，只能通过为数不多的选修课和图书馆里陈旧的网站开发书籍自我提升。至于说项目能力和开发经验，则几乎全部寄托于大四的实习经历。
至于说，如何有效合理的制定计划去学习前端开发？我认为大学阶段打好基础是关键，尤其当工作一段时间以后，你就会越发感激自己当初对于学习这些枯燥理论的坚持。基础阶段需要认真学习的内容我也简单给大家列了下提纲，希望对大家有帮助。
一：PC端网站布局
所含知识点：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜等。
二：HTML5+CSS3基础
所含知识点：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计等。
三：页面布局
【适用本科生web前端开发学习线路图2019版】所含知识点：移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，/meta，rem/vw的使用，详解，移动web特别样式处理（reset, 1px , 高清图片）等。
四：原生交互功能开发
所含知识点：基本语法，循环语句，函数与数组，与Date，BOM与DOM，事件，拖拽效果，存储，正则表达式，Ajax，面向对象基础，运动与游戏开发等。
五：面向对象进阶与ES5/ES6应用
所含知识点：/A+，设计模式（观察者模式等），原型链，构造函数，执行上下文栈与执行上下文，变量对象与活动对象，作用域链，闭包，this，ES5，ES6等。
六：工具库自主研发
所含知识点：DOM库，事件库，AJAX库，原型和继承库，MVVM核心库，基于SPA的路由库等。

文章插图
七：经典交互特效
所含知识点：时间轴特效，tab页面切换效果，网页定位导航特效，滑动门特效，焦点图轮播特效，导航条菜单效果，瀑布流特效，弹出层效果，倒计时效果等。
八：PHP+MySQL后端基础
所含知识点：PHP，MySQL，HTTP(s)协议详解，Ajax进阶、跨域与，与Nginx 环境搭建与配置，接口的定义，Mock数据，，前后端联调，前端安全(XSS,CSRF,JSON注入)等。
九：前端工程化与模块化应用
所含知识点：Gulp，，NPM，Git/SVN，，AMD，CMD，ES6模块化等。
十：PC端全栈开发
所含知识点：大首页、列表页与详情页展示与交互特效、搜索、登录与注册、购物车、与、(ACE)、/、、、、云平台系统前端等
十一：应用Vue.js开发
所含知识点：Vue.js基础，模块化，单文件组件，路由，与服务器通信，状态管理，单元测试与生产发布，服务端渲染SSR与Nuxt.js，基于Vue.js企业级项目开发(Mint UI,UI)等。