主要学习资源：网易云课堂微专业“前端开发工程师”课程，《HTML & CSS设计与构建网站》《JavaScript高级程序设计》书籍。笔记中图片来自上述微专业。
Web系统部署在Web服务器上为浏览器客户端提供服务。通过Internet服务提供商（ISP）连接到网络，在浏览器中输入域名或网址来访问网站；计算机连接到域名系统（DNS）的服务器网络，它会将域名对应的IP地址告诉计算机；DNS服务器返回的IP地址让浏览器连接到托管你所要访问网站的Web服务器，Web服务器是一台始终联网的计算机，专门用于向用户发送网页；最后，浏览器从Web服务器接收HTML和CSS，并解释和渲染这些代码形成你看到的页面。
在浏览器中运行的内容用Web前端的技术开发。
1、Web前端的发展
WEB1.0：系统以内容、网页为主，通过网址进行数据交换；
WEB2.0：Ajax通过脚本在不刷新页面的情况下实现异步数据请求；
WEB3.0：HTML5。
2、协作流程
交互稿出来就可以做系统设计和业务逻辑开发，前端根据交互稿产出API时后端可以开始开发。
3、工作职责
交互稿，通过线框图反应整个系统的信息架构及流程。视觉稿，配色、图片、距离。把交互稿和视觉稿通过前端开发实现线上的UI。把视觉稿转化为UI的过程称为页面制作，把交互稿转化为UI的过程称为页面逻辑开发。
4、技能要求
页面制作包括PS切图、HTML实现页面结构、CSS实现页面样式。页面逻辑开发包括JavaScript程序设计实现响应和DOM编程操作HTML、CSS接口。
页面架构指如果在一个团队中开发页面，页面规范、模块化、自适应、不同端、响应式设计等。产品前端架构指如何对系统进行设计及其模块的拆分，如接口设计、分工协作、技术选型等。