31 个前端开发学习主题,助您提升代码质量
如果你在前端开发方面投入了大量时间,你就会知道 HTML、CSS 和 JavaScript 的世界有多广阔。在过去的九个月里,我与几位不同的前端开发人员交流后,整理出了这份主题清单。其中一些主题也来自我过去三年担任全职前端工程师的亲身经历。
这份清单(无先后顺序)现在可能让人有点望而生畏,但我仍然保持乐观,相信自己能够不断增长对每个主题的知识,并希望在实际使用时能够牢牢记住它们。其实,我今天在工作中突然感到一阵冒名顶替综合症,之后就决定创建这份清单了。现在,我迫不及待地想继续深入研究每个主题!
- 文档对象模型 (DOM) 和 CSS 对象模型 (CSSOM)
- JavaScript 事件循环、Promises、Asyc/Await
- CSS
position
属性 - CSS 弹性框布局
- HTML 角色
- 需要始终检查的常见可访问性问题
- 单元和集成测试(Jest、Mocha、Chai、Cypress、Axe-Core)
- 形式
action
和target
属性 - JavaScript 设计模式
- 闭包和 Thunk
- 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 通信
如果您有任何关于添加更多主题的建议,欢迎在下方留言。此外,欢迎在 Twitter 上关注我 @Contimporary,关注我成为高级开发人员的历程!
文章来源:https://dev.to/twinfred/28-front-end-development-study-topics-to-improve-your-code-quality-3mh9