改善代码质量的28个前端开发学习主题

原始地址：https://dev.to/twinfred/28-front-end-development-study-topics-to-improve-your-code-quality-3mh9

如果你花了很多时间进行前端开发，你就知道HTML、CSS和JavaScript的世界是多么广阔。在过去的九个月里，我和几位不同的前端开发人员聊天后，我列出了这个话题清单。其中一些话题也来自过去三年作为一名全职前端工程师的工作经验。
这个列表（按照无特定顺序编写）现在可能有点令人生畏，但是我对能够持续增长我对每个话题的了解并希望在实践中将它们记忆起来保持乐观。实际上，我决定在今天工作中感到冒名顶替的时候创建这个列表。现在，我很兴奋地继续深入研究每个话题！
- 文档对象模型（DOM）和CSS对象模型（CSSOM）
- JavaScript事件循环，Promises，Async/Await
- CSS位置属性
- CSS Flexbox布局
- HTML角色
- 常见的可访问性问题
- 单元和集成测试（Jest，Mocha，Chai，Cypress，Axe-Core）
- 表单的action和target属性
[JavaScript设计模式](https://dev.to/twinfred/design-patterns-in-javascript-1l2l)
- 闭包和thunks
- CSS变量和预处理器
- JavaScript作为静态类型语言（TypeScript）
- JavaScript中的可变和不可变类型
- JavaScript按引用传递/按值传递
- JSON数据，JSON-LD，JSON模式和UI模式
- HTML元标记（尤其是视口）
- 页面不同缩放方式及其优化方法
- 前端框架（React，Vue，Angular）
- HTML模板（Handlebars，EJS）
- Webpack / Babel
- Git，版本控制和衍合
- Jenkins，Docker，持续集成
- 缓存
- CSS方法论（例如BEM）
- JavaScript数组方法：
.sort(),
.filter(),
.map(),
.reduce()
- JavaScript对象方法：
.keys(),
.entries(),
.values()
- 前端性能优化与速度
- CSS特定性和继承
- 状态管理（例如Redux）
- 语义化HTML
- RESTful API通信
如果你对这个清单有任何建议，请在下方留言。另外，你也可以在[推特上关注我@Contimporary](https://twitter.com/Contimporary)，跟随我成为一名资深开发者的旅程！