原创 0基础前端开发需要学什么？

　　0基础前端开发需要学什么？零基础学员入门前端需要了解前端行业的发展趋势、学习前端的方法、前端学习路线详解以及前端案例展示等内容；有老师指导的情况下，可以结合学员自身情况制定前端学习路线，明确学习前端的路径、未来发展趋势。提前为学员打好基础，避免小白学员走弯路。

　　小白学员面临的前端如何入门、如何开始学习前端、前端能够做什么等问题。因此入门前要明确学习的目标：掌握前端的行业趋势、前端的职业路径、前端的学习路线、高效学、掌握瀑布流案例、H5购物网站、英雄列表案例所用技术和实现思路；

　　零基础学员学习分为基础知识应用及项目实战两大阶段。基础阶段重点讲解HTML常用标签与表单控件、CSS基本样式及显示模式、选择器、标签显示模式、CSS复合选择器、CSS背景应用、CSS三大特性、CSS盒子模型、浮动、定位、JavaScript基础语法、DOM操作，事件处理、DOM应用等基础阶段核心知识点，为初学者夯实前端开发基础；而以问题为导向的项目实战开发阶段，使初学者加深对前端基础知识理解的同时，获取Web项目开发的技巧与思路，具备Web网站开发的能力。

　　前端开发小的实战项目：

　　1、瀑布流案例，该案例是一个展示大量图片的网站，主要使用jQuery封装瀑布流插件和业务逻辑，同时使用Ajax请求PHP程序接口，返回图片数据和文本；前端获取数据后，使用artTemplate动态渲染图片和文本，从而实现动态展示大量图片。

　　2、H5购物网站，该案例是实现一个购物网站专题页，由8个页面组成；通过Fireworks 进行辅助项目开发，每个页面使用HTML/HTML5 + CSS/CSS3进行网页布局和样式展示，通过fullPage.js 实现页面竖向滚动，在滚动的同时通过jQuery+CSS3实现动画效果，让购物的流程变得更加生动、形象，激发用户的购买欲望。

　　3、英雄列表案例，该案例是一个能够对页面中的英雄进行添加、删除、编辑、恢复等操作的功能案例；该案例是通过前后端分离模式开发，后端通过node+Express实现后端业务需求，结合SQL语句操作mysql数据库，然后把对数据库增删改查对应的接口返回给其前端；前端通过Ajax请求后端提供的接口，使用jQuery实现业务逻辑，并且使用Semantic UI来实现页面结构和样式，从而实现英雄的添加、删除、编辑和恢复等功能。

　　熟练掌握HTML、CSS、JavaScript等基础阶段核心知识，为后续的前端学习奠定扎实的基础。具备分析与解决问题的能力，掌握前端项目开发的逻辑与思路，理解前端开发基础及原理。掌握项目开发的方式及方法，具备常见网站的开发能力，可自行开发各类型网站。