友艺

实现目标：1.浏览器缩放页面大小，视频（图片）卡片随之缩放。2.移动端页面适配。3.尽可能保持视频卡片原本的宽高比。 涉及CSS相关细节：Flex布局+相对单位+媒体查询。

基本的查询：SELECT （where和group by有先后之分）： 容易忘记的关键字： DISTINCT（去重） LIMIT从0开始计数，比如查询第11个到第25个员工信息（分页查询） 表格的创建

typeScript背景 发展历史 +与 JS对比的基础语法 + 高级类型简介 （类型守卫 + 断言）+ 工程应用

Node.js的应用场景 前端工程化 Web服务端应用 Node.js运行时结构 编写Http Server 延伸话题

适合新手和入门级别的Bootstrap选手。包括简单地通过类名设置样式，布局以及对各种布局的细致说明，组件，特殊功能（下拉功能的导航条）。

01. React的历史与应用 02. React的设计思路 03. React (hooks) 的写法 04. React的实现 05. React状态管理库 06. 应用级框架科普

理解前端“工程化”概念 + Webpack 打包核心流程+ Loader组件 + Plugin组件 + 如何学习Webpack

游戏发展历史 + 前端场景下的游戏开发 + 游戏引擎 + 2D游戏引擎的技术架构 + Cocos Creator编辑器

Web多媒体历史 基础知识 应用场景 总结与展望 Flash HTML5 Media Source Extensions 编码格式