0xFF 现代前端学习路线
前端就像一座冰山,你能看见的只是上面的一角,但是它下面涉及到的领域比你想象的要大得多。因此前端不是一天两天就能速通,也不是人工智能可以完全取代的。所以不要焦虑,现在路线已经帮你画好了,一步一个脚印总没错,希望你能找到自己感兴趣的方向并为此而努力。
0x16 总结篇
本期是《现代前端开发必知》系列视频的最后一期,从基础篇、进阶篇到工业篇,对全部内容的核心要点做了一个总结,同时定义了我心目中的前端大厦是什么样子。
0x15 可观测性
介绍什么是可观测性,围绕日志、追踪、度量三个维度展开。介绍如何记录用户行为日志、如何采集异常堆栈、性能监测和操作重放,以及如何通过各种指标度量性能以及业务指标。
0x14 云基础设施
从网络服务(Network)、计算服务(Compute)、存储服务(Storage)和安全服务(Security)四个方面介绍前端如何通过云基础设施加速应用开发。
0x13 持续集成和部署
介绍持续集成(CI)的主要流程、流水线编排、门禁安全策略的使用。持续部署(CD)中的部署环境划分、分发渠道、灰度发布以及回滚。最后是常用的 CI/CD 工具。
0x12 质量和安全
从编码质量(防御性编程、质量管理工具、代码评审),测试(单元测试、集成测试、性能测试、兼容性测试、UI 测试),攻击防御(XSS、CSRF)和稳定性(供应链安全、应急预案)四个方面介绍前端的质量和安全性应该怎么去建设。
0x11 前端的服务端
介绍什么前端引入服务端的必要性,从运行时,基础框架,应用框架和应用架构四个维度介绍服务端的构成。
0x10 用户体验(下)
从 UI 设计、可访问性和个性化三个维度讨论再次探讨用户体验应该怎么做,涉及加载反馈、异常反馈、兜底渲染、响应式设计、交互习惯适应;国际化、新手引导;主题、记忆、A/B 测试等内容。
0x09 用户体验(上)
介绍用户体验板块下的常见性能问题和通用优化方案,包括性能分析、性能指标;页面加载优化(资源体积、网络延迟、缓存、渲染);交互过程优化(海量数据、大量动画、频繁交互);资源消耗优化(资源合理加载、代码质量)以及容器技术中的 H5 和 小程序优化。
0x08 前端应用框架
介绍应用框架和 UI 框架的区别,不同生态下的应用框架,应用框架的构成要素,企业级应用框架,常见应用架构 SPA、MPA、PWA、微前端、Islands 介绍。
0x07 前端用户界面
介绍传统和现代前端用户界面的区别,以及构建用户界面的三个要素:CSS 框架,UI 框架和组件库。
0x06 前端工具链
介绍现代前端工具链的主要成员,包括集成开发环境,不同种类的包管理器,企业级包管理,现代构建工具的组成要素和发展趋势,不同场景下的调试工具以及 CI/CD 工具。
0x05 前端编程语言
介绍 ECMAScript 规范、TypeScript、基于 Rust 的前端新基建、WebAssembly、领域特定语言(DSL)以及 JS 语言的引擎和运行时。
0x04 计算机网络(下)
介绍计算机网络中的 HTTP 协议最为核心的部分,它的版本、请求和响应结构、异步请求和 Fetch API 的使用、HTTP 的调试方法以及 HTTP 在大型客户端应用中的变化。
0x03 计算机网络(上)
介绍计算机网络中 DNS 的作用,域名管理,DNS 解析,CDN 与 DNS 的关系,DNS 的性能优化,以及如何利用 DNS 进行本地调试。
0x02 上期回顾 & 章节概览
这个系列的内容大纲,涵盖:计算机网络、编程语言、用户界面、应用框架、用户体验、前端的服务端、质量和安全、持续集成和部署、可观测性、云基础设施等内容。
0x01 如何成为现代前端六边形战士
现代前端和以往前端有什么不同?它要解决的核心问题有哪些?除了前端工程化,我们还忽略了什么?它对前端从业者有哪些额外的要求?从零开始的学习路线是什么?