前端就业岗位
小程序开发工程师
移动web开发工程师
前端架构师
前端专家
入门阶段学习路线
html :html语法 html语义化 SEO基础
css: css语法 页面布局 媒体查询 css3
javascript:javascript语法 基础的数据结构 webAPI SES6+ 模块化
CSS进阶：
css预处理器：SASS LESS postcss
css框架：bootstrap tabler semantics materialize css
css架构：BEM SMACSS
代码检验工具
模块打包工具：webpack parcel rollup
任务运行器
script
gulp grunt
Makefile
broccoli
流行框架
Vue.js:vue.js . element ui
react:redux antdesign . mobx . css in js
augular:rxjs. ngrx
后期拓展
---
node.js
移动应用
渐进式web应用
桌面应用
服务短渲染
静态站点生成器
服务器
含义：服务器也称伺服器，是提供计算服务的设备
作用:对于来讲，用于存储开发人员上传的网页数据，且需要响应服务请求并进行处理
要求:必须24小时不间断工作，便于用户随时随地访问服务器
浏览器
含义：查看信息资源的应用程序
功能:用于发送http请求到服务端，接受服务器发来的响应，并渲染
- 互联网运行过程:客户端浏览器发出请求服务端接收请求后找到对应的文件，通过响应传到客户端，然后客户端进行最终的渲染
纯文本文件
拓展名为.txt
富文本文件
拓展名为.rtf .doc
html
含义：是超文本标记语言，它经过浏览器把标签翻译成网页能够识别的内容
组成：开始标签，元素内容，结束标签
基本标签：<html><head><title><body>
基本结构：基本骨架，DTD，命名空间，字符集
规则: <x> + 内容 + </x>；
特殊：
单标签需闭合
<br/><a/><img/><meta/>
单标签无需闭合
基本标签：<html><head><title><body>
基本结构：基本骨架，DTD，命名空间，字符集
标签
- 单标签
<br>换行
<a>链接
<img>图文,需要考虑路径
- 双标签
<div>独占一行
<p>占一个段落
<b>粗体
<big>大号字
<small>小号字
<strong>加粗
<sub>下标字
<sup>上标字
<del>删除线
<audio>链接录音
<video>链接视频
路径
相对路径
同级查找
子机查找
上级查找
绝对路径
从盘符出发
从网址出发
html语义化
语义化是什么？
语义化是利用语义化标签、语义化的类名、id等属性来让我们的网页变得维护性更好和更好的seo
作用：
1.更容易维护
2.友好的seo
如何做到维护性？
1.给对应标签负责功能赋予有意义的属性
2.使用语义化标签
seo
含义：搜索引擎优化
作用：提高网站在有关搜索引擎内的自然排名
如何做到提升seo？
优化网站内容
优化网站结构
优化关键字
优化网站链接
html语义化标签
head
body
title
header
nav
footer
注释
作用：1.为编辑器提示
2.检验错误
3.可以将暂时不需要的代码注释，后期便于恢复
