【第二届青训营-寒假前段场】-Web标准与前端开发

• 1. 关于前端开发 前端开发的时代变迁
     只读时代
     HTML/CSS/JS
     单向发布
     静态只读
     刷新页面
     表格对齐元素
     CGI
     体验时代
     Ajax/web api/Jquery
     动态交互
     社交媒体
     用户生成内容
     单页应用
     jquery
     敏捷时代
     Fetch/Nodejs/Webpack
     模块化
     组件化
     转译
     打包
     React
     Vue
     前端开发的应用领域
     Business
     Customer
     Developer
     前端应用领域之浏览器
     客户端
     Chrome
     Edge
     Firefox
     Opera
     Safari
     移动端
     安卓
     IOS
     前端应用领域之服务器
     Nodejs
     express
     koa
     前端应用领域之终端和跨端
     命令行/终端
     webpack cli
     babel cli
     vue cli
     react cli
     桌面跨端
     Electron
     nw.js
     
• 2. 关于web标准 标准组织
     W3C
     Ecma
     WHATWG
     IETF
     W3C规范制定流程
     首次发布公开工作草案。
     发布数份修订公开工作草案。
     发布候选建议书。
     发布提议建议书。
     发布w3c建议书。
     发布编辑建议书。
     

前端学习路线

   roadmap.sh/

语言、框架

WEB标准（结构、表现、行为分离）有哪些优点呢?

• 易于维护：只需更改CSS文件，就可以改变整站的样式
• 页面响应快：HTML文档体积变小，响应时间短
• 可访问性：语义化的HTML（结构和表现相分离的HTML）编写的网页文件，更容易被屏幕阅读器识别
• 设备兼容性：不同的样式表可以让网页在不同的设备上呈现不同的样式
• 搜索引擎：语义化的HTML能更容易被搜索引擎解析，提升排名

性质：

• 可用性：产品是否容易上手，用户能否完成任务，效率如何，以及这过程中用户的主观感受可好，是从用户的角度来看产品的质量。可用性好意味着产品质量高，是企业的核心竞争力。
• 可维护性：一般包含两个层次，一是当系统出现问题时，快速定位并解决问题的成本，成本低则可维护性好。二是代码是否容易被人理解，是否容易修改和增强功能。可维护性和可复用性、可扩展性等有交叉的地方。构建可维护性好的代码，对企业的长期发展非常重要。
• 可访问性：可感知,可操作,可理解