前端工程简介

本文具体内容参考了B站渡一教育的课程，原课程链接如下：
渡一教育课程

前言

一、前端工程师（Front-End-Developer）

1.前端：

前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。
这一方面从2005开始被认可，自2010进入移动时代后，地位愈加重要；

2.前端工程师：

(1)发展历史：

所有都是后端工程师->业务繁杂、工作量大->可视化和部分交互功能->前端开发；

(2)项目开发安排：

–日本及一些人口稀疏国家(加拿大、澳洲):：
“Full-Stack Engineer”–全栈工程师->前端、后端开发、产品设计、项目开发、项目运维、UI均可负责；
–互联网环境发达国家(美国)：项目开发“分工协作”->前端、中间层、后端；
–中国：前端、后端工程师；

(3)工作内容/专业领域：

狭义：利用HTML、CSS、JavaScript等专业技能和工具将产品UI设计稿实现成网站产品。
完整的项目开发体系：

产品经理：设计PRD–产品原型；
UI：根据产品原型做出PSD–产品图样；
编程人员：根据产品原型和产品图样进行项目开发，涵盖用户PC端和移动端网页，处理视觉和交互问题；

广义：所有用户终端产品中只要和视觉和交互有关的部分；
【后端工程师：服务器的数据逻辑和业务逻辑，即怎么把数据更好的传输给前端工程师】

二、前端技术

1.应用领域和场景：

网页网站、APP、微信小程序、移动端H5小游戏、特效、大数据可视化、VR虚拟现实；

2.工作领域（公司类型）：

    金融理财、居家生活、聊天社交、旅行交通、摄影摄像、体育运动、图书阅读、新闻资讯、学习教育、
    医疗健康、娱乐消遣、购物消费、机关政府、银行学校；
    ------产品的前期开发、后期维护、更新升级------

3.工作技能：

(1) HTML、CSS、JavaScript三大基础语言
(2) jQuery、网络、CSS3、H5、es6、webpack4.0、git、小程序、设计模式、VUE、VUE源码、React、Node.js、Mongo DB数据库；

4.8020原则

80%的知识只有20%的场景可以用到，20%的知识有80%的场景可以用到

三、HTML&CSS

1.是什么：

两门语言（沟通的工具）
人与人沟通的语言：自然语言；人和计算机沟通的工具：计算机语言；

2.有什么用：

与JavaScript一起联合起来开发网页

HTML–Hyper Text Markup Language–超文本标记语言->定义网页中有什么；（文字、图片、连接、按钮等）
CSS–Cascading Style Sheets–层叠样式表->定义网页中的东西长什么样子；（位置、背景颜色、格式、颜色、边框等）

总结

本学年的第一篇知识博客，正式开启新阶段