这是我参与「第四届青训营 」笔记创作活动的第4天 主要内容为前端的部分介绍、前端的学习路线、互联网原理
前端开发
· 前端开发是创建web页面或者app等前端界面呈现给用户的过程
· 核心技术：HTML CSS JavaScript以及衍生出的各种技术、框架等
· 应用场景：PC 移动app 小程序 游戏 服务端
前端开发学习路线
前置知识
1）计算机基本知识
2）应用的概念
3）前端和后端（概念、内容、区别等）
入门阶段
1）HTML HTML语法、HTML语义化、SEO基础
2）CSS CSS语法、页面布局、媒体查询、CSS3
3）JavaSctpit 基础语法、基础数据结构、Web APIs、ES6+、模块化、TypeScript
进阶阶段
1）包管理工具
npm yarn
2）CSS进阶
CSS预处理器
SASS LESS PostCSS
CSS框架
Boostrap tabler Semantic-UI Materalize-CSS
CSS架构规范
OOCSS BEM SMACSS
3）构建工具
代码校验工具
ESLint StyleLint MarkdownLint
模块打包工具
Webpack Parcel Rollup
任务运行器
npm-script Makefile Gulp Grunt Broccoli
4）框架
Vue.js
VueX Element-UI
React.js
Redux AntDesign Mobx CSS in JS
Angular
RxJS ngrx
持续学习
Node,js 渐进式WEB应用 服务端渲染 静态站点生成器 桌面应用 移动应用 ...
HTML
1.概念
HTML叫做超文本标记语言（Hpertext Markup Language），用于搭建网页的结构
2.网页的组成
·前端三层：HTML(结构层)、CSS(样式层)、JavaScript(行为层)
·其他媒体内容：图片、视频、音频、超链接等
互联网运行原理
程序员将网页源文件上传到服务器存储，用户后期通过客户端（如：浏览器软件）发送HTTP请求到服务器，服务器接收请求后进行响应，将存储的相关文件通过HTTP响应回传到用户本地客户端，最终通过客户端将网页进行渲染，显示出最终效果。
sequenceDiagram
客户端->>服务端: HTTP请求
服务端->>客户端:HTTP响应
1）服务器：服务器的英文名“Server”，是指在网络上提供各种服务的高性能计算机。它的作用是：对于web来讲，用于存储开发人员上传的网页数据，且需要响应服务请求并进行处理。由于需要保证用户随时访问，服务器必须24小时不间断工作。在日常生活中，个人用户采用的一般为云服务器。
2）客户端：即用户端，普通用户使用的终端（如：浏览器、app,web主要以浏览器为主）。|浏览器（Browser）,一种用户上网搜索，查看信息资源的应用程序，其主要功能是：一、用于发送HTTP请求到服务器 ； 二、接收服务器发回的HTTP响应 ；三、渲染HTML网页。
3）HTTP协议：全称（Hpertext Transfor Protocol），超文本传输协议，是客户端浏览器或其他程序与web服务器之间的应用层通信协议。主要包括俩个方面：
一）HTTP请求：
·request，浏览器根据网址向对应的服务器发送请求，即在浏览器中输入网址或者点击网址链接
·HTML页面解析过程中会发出多个HTTP请求，包括网页的图片、视频、音频等文件
二）HTTP响应
·response,服务器根据请求响应一个HTML文件，讲HTML传输给客户端，在浏览器中进行HTML网页渲染。
