背景：部门来了校招的新人（开发&产品），结合目前（中台）部门情况进行前端（偏全栈）的培训
内容：较为笼统，以介绍为主，加以发展方向
引子
前端 简单？
这个问题，我觉得可参考引用回答如下：
前端不简单，但前端的学习反馈非常直接，所以学习或者会一点前端的人非常多，拉低了整体的评价。
同时因为反馈非常直接，所以大部分人会认为，自己也懂一点前端，因为改个间距、字体什么的好像很简单，从而产生前端技术很简单的判断。
就个人直接上手 vue 和 react 来看，在已有项目中快速完成前端需求还是不难的，只需 照着写
照着什么写？既有组件的 demo 以及项目中类似功能的代码；Just Try more~
除了开发，前端还需要？
除了前端开发技能外，个人认为比较重要的两个点（应用为主的前端尤其需要）：
- 体验设计 参考： 不会体验设计的前端不是好前端
- 产品思维 参考： 不会推广的产品经理不是好前端
全栈？
目前就职的部门，纯前端没有😂，更多地偏向全栈的发展。于是，就全栈展开了些许引申的介绍
全栈 不是说把自己的能力堆上去，而是你要把自己强势的东西给它赋能出去，让别人具有全栈的能力 =》 提供 基础设施、组件、工具
一是业绩上好看，二是省去沟通成本，三是个人能力提升
服务端同学越来越支持这件事，后来淘宝的 中后台业务 都转向了这种模式
而服务端同学也做了很多 API 平台，提供定制 API 的能力，其他部门不需要找服务端去开发新的接口，只需要少量的服务端同学参与。最后大家发现其实全栈不是把别人的东西抢过来，而是把自己的东西赋能、输出出去。其实在企业里面，不能永远是零和游戏（非合作博弈），但是这种赋能输出，是能够把零和变成正和（双赢）的。
以上引用于：前端的思考
前端框架及技术栈
结合公司及部门的产品加以介绍
前端框架 & 相关技能
angular- vue
- react + hooks
相关技能点
- 工程化 webpack & 微前端
- redux 等
组件库
- Ant Design
- 公司自有组件
如何写好前端业务代码
- 合理分层
- 复用组件
- 数据交互
- 规范约束
理应先想清楚 需求 和 业务逻辑，设计出合理的数据结构，对代码进行好的分层，这样在一定程度上可以写出可维护性更高的代码。
Web 前端技术栈（Basic）
- JavaScript ES6
- 进阶的 CSS（less sass）
- 了解 HTML & HTML5 API
- React
- Webpack
Web 开发通用技术栈
- 常用网络协议
- 浏览器原理
- 模块化规范
- 数据结构与算法
- 熟悉 Git 与 Shell 的使用
- 熟悉 Ngnix
有关Web 开发技术栈，参考 https://github.com/kamranahmedse/developer-roadmap
其实 Web 前端也有专门领域的深度，如可视化图绘、纯前端动画实现等，这里就不深入探讨了
前端工作经验之谈
提及工作中需要接触的同事：
- 产品
- 交互/视觉
- 后端研发
- 测试
项目感悟及个人的成长感悟（此处略 … ）
新人成长
初期，开发的工作模式更类似面向 google 开发 😁，建议浏览以下用以搜索、解决问题：
- Github（找轮子专用，问题 -> Issue）
- Stack Overflow
- MDN
- 官方文档、官网、官方论坛 ……
- W3school
比较推荐的学习、查看文章的平台
- medium.com
- 掘金
- 公众号
知乎
平台：现在分享技术的平台很多，但是我们只需要主要关注一两个。
我日常会刷的平台（碎片化）：掘金，公众号
另外，新人需要的注意点：