【前端】-001-入门

互联网公司产品研发流程

1. 简单产品：

   需求-->产品-->交互-->视觉-->前端-->后端-->测试-->上线

2. 复杂系统：

   需求-->产品-->交互--（前端+后端）-->视觉-->测试-->上线

可以看到，得益于工作流程的细化，前端和后端的工作流程提前了，在交互完成后就可以开始前端的页面架构和后端的API功能的开发，等到视觉稿完成，前端在还原视觉效果即可。

前端的工作内容

1. 前端开发=交互稿和视觉稿还原=实现线上可用产品
   . 交互稿，体现了信息流、信息架构以及产品的操作逻辑，对应前端的页面逻辑开发
   . 视觉稿，体验了可见的元素配色、属性等内容，对应前端的页面制作

2. 页面制作
   . PS 切图
   . HTML+CSS

3. 页面逻辑开发
   . JavaScript
   . DOM 编程

前端的学习路径

1. 基础课程
   . 页面制作：HTML+CSS-->页面结构
   . 页面逻辑：JavaScript-->DOM
2. 终极课程：产品前端架构