一：前端

1.流程：前端是用户直接进行交互的部分，眼睛所看到的所有视觉内容，字体.样式.颜色.框.栏.由浏览器对请求进行解析,处理，渲染对应请求的HTML,CSS,JAVA文件呈现出来。

前端开发：创建网站面向用户的部分代码，通过各种框架构建沉浸式的用户体验。

工作职责：：1、负责前端开发和页面制作：用HTML+CSS输出视觉界面；
2、提供针对不同浏览器的前端页面解决方案
3、负责相关产品的需求以及前端程序的实现，提供合理的前端框架
熟练掌握一种原型设计工具，能够将构思通过工具绘制成原型图，并将设计出的原型图通过页面代码的方式表现出来；需要和设计师就原型图进行某些效果实现的探讨；搭建良好的页面结构（先分析布局，划分框架，然后规划结构，编写代码）；合理的使用标签、良好的注释、清晰的代码结构等。

2.技能工具

2.1前端三大语言

HTML,CSS,JavaScript
HTML:负责结构，网页所想要表达的内容由html抒写；
CSS：负责样式，网页的美丑控制；
JavaScript:脚本语言，负责用户和网页产生的互动；

2.2.前端常用框架库

2.21.jQuery

2.22.BootStrap

Bootstrap，让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让web开发更迅速、更简单。它还提供了更优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件，还有强大的支持十几的JavaScript、jQuery插件以及组件定制等

地址：bootstrap官网

2.23.Layui

layer是一款口碑极佳的web弹层组件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。layui 首个版本发布于2016年秋，她区别于那些基于 MVVM 底层的 UI 框架，从核心代码到 API 的每一处细节都经过精心雕琢，非常适合界面的快速开发

地址：Layui官网

2.24.AngularJS

AngularJS诞生于2009年,由Misko Hevery 等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。

地址：Anagularjs官网

2.25.React

React 可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时 React 也可以高效地更新渲染界面。React 起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设Instagram 的网站。做出来以后，发现这套东西很好用，在2013年5月开源了。

地址：React官网

2.26VUE.JS

目前看来最火的前端框架，Vue.js是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人–尤雨溪

地址：vue中文官网

还有ElementUI，Mint UI，jQuery UI、BootMetro、AUI，Node.Js，Amaze UI等等，，，
前端部分框架引用地址：https://blog.csdn/zwjweb/article/details/86073841