web开发都包括啥, 目前web开发的内容比我当初了解的要多一些, 其中某些还很关键:

参考: https://developer.mozilla.org/zh-CN/docs/Web

基础内容
  • html
  • css
  • http 这个也是基础内容 get/post, http头, session, cookies, 都是这个领域的内容. Web storage 也在这个领域.
    • 这个领域最近10年最重大的成果是: tcp是个需要被抛弃的烂协议.
    • http3会彻底抛弃tcp.
脚本
  • javascript
  • web api, dom就是这个领域的内容. event也是.
  • web component, 这个是一个比较新的领域, 用于自定义标签. shadow dom, custom element, html template都是这个领域的内容.
图像
  • canvas
  • svg
  • webgl
音频, 视频, 多媒体
  • web media
  • capture & streams 媒体控制
  • audio & video
  • webRTC, 点对点的实时音视频交流和分享.
其他杂项
  • mathML, 数学表达式
  • xslt, 把xml翻译成html
  • exslt, 扩展了xslt
  • xpath, 页面结构, 非常适合做页面分析类工作.
学习领域(提高类项目)
  • 渐进式web应用: pwa: https://developer.mozilla.org/zh-CN/docs/Web
  • 可访问性 accessibility
  • 性能 performance
  • 本地化/国际化
  • 安全
  • webassembly
mdn官方有不错的入门文档
  • 工具: mdn官方推荐的是brackets, 简单试用了一下, 颇有独到之处. 稍微看了一下入门的文档, 实话说, 这货太棒了.
    • quick edit 就像再chrome调试一样, 可以直接集合所有本元素生效的css给你编辑, 不仅仅是css, 其他内容也可以.
    • living preview 就像再chrome里面调试一样, 可以直接显示代码的结果.
    • highlight not only code, but also preview. 可以highlight正在编辑的内容.
  • 图片处理工具: gimp
  • 建议使用网络提供的各种工具
    • web tools
      • github
      • google app engine
    • web ide
      • jsfiddle
      • thimble
      • js bin
      • codepen
    • web editor
      • https://shiftedit.net/home#newfile
    • web dev
      • 浏览器调试: https://developer.mozilla.org/en-US/docs/Learn/Common_questions/What_are_browser_developer_tools
webassembly

本质上这是一个类似汇编一样的低级语言, 但是他可以很快.

  • 使用Emscripten移植一个C/C++应用程序。
  • 直接在汇编层，编写或生成WebAssembly代码。
  • 编写Rust程序，将WebAssembly作为它的输出。