web前端学习路线-20个真实web开发项目集合

目前web前端工程师日均岗位缺口已经超过50000，随着互联网+的深入发展，html5作为前端展示技术，市场人才需求量将呈直线上涨。

Web前端工程师的岗位职责是利用HTML、CSS、Java、DOM等各种web技能结合产品的界面开发，制作标准化纯手工代码，并增加交互功能，丰富互联网的Web开拓，致力于改进用户体验。现如今，Web前端工程师已经成为各大互联网公司不可或缺的热门职位，从业者队伍日渐庞大，这其中不乏零基础学习者和转行人士。为了方便大家系统而全面的掌握前端基础知识，小编特意整理了web前端开发入门学习线路图，涵盖20大实战项目的知识点详细讲解，希望对大家的学习有所帮助。

 

 

项目一：PC端网站布局

所含知识点：HTML基础，CSS基础，CSS核心属性，CSS样式层叠，继承，盒模型，容器，溢出及元素类型，浏览器兼容与宽高自适度，定位，锚点与透明，图片整合，表格，CSS属性与滤镜

项目二：HTML5+CSS3基础项目

所含知识点：HTML5新增的元素与属性，表单域增强元素，CSS3选择器，文字字体相关样式，CSS3位移与变形处理，CSS3 2D转换与过度动画，CSS3 3D转换与关键帧动画，弹性盒模型，媒体查询，响应式设计

项目三：WebApp页面布局项目

所含知识点：移动端页面设计规范，移动端切图，文字流式/控件弹性/图片等比例/特殊设计的100%布局，等比缩放布局，viewport/meta，rem/vw的使用，flexbox详解，移动web特别样式处理（reset, 1px border, 高清图片）

项目四：原生Java交互功能开发项目

所含知识点：基本语法，循环语句，函数与数组，String与Date，BOM与DOM，事件，拖拽效果，cookie存储，正则表达式，Ajax，面向对象基础，运动与游戏开发

项目