Web标准与前端开发 | 青训营笔记

119 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第5天

在这节青训营的课程中,老师讲了以下Web标准,W3C,以及关于前端开发的学习路线等等

关于前端开发: 语言,框架,工具

  1. 首先,语言,就是前端的基础三件套,HTML,css,JavaScript,这三件套是前端开发的基石,非常重要
  2. 其次,框架,前端开发中,有两个主流的框架,一个是Vue.js,这个框架是由中国团队尤雨溪创造的,功能强大,通过组件之间的相互配合创建出多个优美的页面,还一个是国外团队创造的React.这两个框架是目前前端开发中比较流行的框架了,两个中熟练掌握一个即可,学有余力的话可以两个都学习。
  3. 工具:目前我使用的比较多的是VScode,如果写APP应用的话建议使用HBuider X以及微信开发者工具

关于Web标准

  1. W3C

关于前端开发:起源,架构,变迁

  1. 只读时代(1989-2004):

HTML/CSS/JavaScript

  • 单向发布
  • 静态只读
  • 链接跳转
  • 刷新页面
  • 表格对齐元素
  • CGI
  1. 体验时代(2005-2010)

Ajax/Web API/jquery

  • 动态交互
  • 社交媒体
  • 用户生成内容(UGC)
  • 单页应用(SPA)
  • jQuery
  • YUI
  1. 敏捷时代(2010-2021)

Fetch/Node.js/Webpack

  • 模块化
  • 组件化
  • 转译(transpiling)
  • 打包(bundling)
  • React.js
  • Vue.js

关于前端开发:前端应用的领域之终端和跨端

  1. 命令行/终端
  • Webpack CLI
  • Babel CLI
  • Vue CLI
  • React CLI
  1. 桌面跨端
  • Eletron
  • NWjs
  1. 移动跨端
  • React Native
  • Fluter

关于前端的学习路线

其实前端的学习路线并没有非常大的规定,我个人是先学前端三件套HTML.CSS.JavaScript,然后学Ajax,Node.js,ES6语法新特性,Vue2.0以及Vue3.0,React.js,TypeScript,微信小程序开发,uniapp开发,Vue实战项目 学习路线适合自己就行,每个人的学习能力不同,学习路线也不相同。