青训营

持续创作，加速成长！这是我参与「掘金日新计划 · 6 月更文挑战」的第1天，点击查看活动详情 授课老师:吴立宁 什么是设计模式 软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 设计模

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

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

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

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 编码格式

了解数据可视化的概念和基本原则 能够识别出不好的，甚至是有误导性的可视化呈现。 了解一些面向前端的数据可视化工具

认识和了解小程序的业务产品价值；学习和掌握小程序相关技术原理。 目录： 发展历程：发展历史、核心数据、小程序生态

在 cocos creator 中添加 sprite，绑定脚本，监听方向键控制 sprite 移动，构建生成 web 产物。 CocosCreator版本：2.4.0

HTTP，基本特点。 协议分析：报文结构，发展历程。 常见场景：静态资源、登陆。 实际应用：浏览器与node中使用。

WebGL的基础知识，利用原生WebGL渲染三角形，包括顶点着色器，片元着色器的使用。以及最后和canvas 2d，mesh.js的代码对比。

动画的基本原理 前端动画分类 实现前端动画 相关实践 01. 动画的基本原理 常见的前端动画技术 Sprite动画、CSS动画、JS动画、SVG动画和WebGL动画 按应用分类 UI动画

01. 前端Debug特点 02. Chrome devTools介绍 03. 移动端 H5调试 04. 常用开发调试技巧

关于前端开发 起源，架构，变迁，应用领域，语言，框架，工具，学习路线。 关于Web标准 各大组织介绍，规范制定流程。

HTML 定义 超文本标记语言：HyperText Markup Language 超文本：图片，链接，标题，表格 DOM树 一棵节点树中的所有节点彼此都是有关系的。 除文档节点(document对象