Web 前端介绍

建议学习时长： 30分钟
学习方式：了解

学习目标

• 了解什么是前端
• 了解前端要学会什么。

详细介绍

什么是前端

大部分指的是Web前端开发。

前端出现的原因

2005年以后，互联网进入了Web2.0时代,各类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页也不再只是承载单一的文字和图片，各种富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更多好的使用体验，这些都基于前端技术实现。当然，这也得益于浏览器的功能越来越强大，性能越来越好。

现在，也进入了移动互联网的时代。APP越来越多。其中，用前端技术做的APP也越来越多。

前端开发的工作内容

Web 前端工程师的主要工作是做页面。

页面由 HTML，CSS，JavaScript 组成。HTML 描述页面的结构，CSS 设置页面的外观，JavaScript 设置页面的行为。

具体工作为:

1. 和产品经理沟通需求
2. 和后端确定数据交互接口
3. 切图，写 HTML，CSS，JS

前端学什么

• 基础知识。HTML，CSS，JavaScript，一些框架，浏览器调试等。
• 软技能。如沟通技巧，解决问题的能力等。

产品开发流程

各个公司各有不同，可能是：

1. 产品经理（PM）整理需求，制作需求文档，原型图。
2. 设计师在需求文档和原型图的基础上，出设计稿。
3. 程序员根据需求文档出详细设计文档。
4. 测试（QA）出可接受测试用例。
5. 前端开发页面。
6. 后端程序员开发接口。
7. 前端和后端做数据交互。
8. 测试。
9. 上线。

推荐阅读

• 前端路上的旅行
• 写给初学前端工程师的一封信