2020年 最新前端学习路线

核心技能

• HTML
  编写网页结构

• CSS
  美化页面
  盒子模型、布局方式（Flexbox，Grid）

• JavaScript
  事件、交互、数据处理
  基础语法、ES 新规范

• 网络基础
  域名、服务器、Linux、服务器程序、HTTP 协议

进阶技能

• 响应式布局

• 兼容性调整

• UI 框架
  Bootstrap、Semantic UI、Tailwind CSS

• SEO

• Node.js npm/yarn

• CSS 预编译工具
  Sass、Less

• 自动化工具
  Grunt、Gulp

• React、Vue、Angluar
  Ant Design、Element UI

• 模块化 CSS
  CSS Modules、styled-components

• 工程化工具
  Webpack、Parcel

• 测试工具
  Jest、Enzyme

高级技能

• TypeScript
  Ant Desiqn，Element UI

• 移动开发
  React Native，Taro，Uni-App

• 桌面开发
  Electron、Proton Native

• 静态网站生产工具
  Heox、Gatsby，Docusaurus

• SSR（服务端渲染）
  Next.js，Nuxt.js

• GraphQl

• 性能优化

• 安全

工作与团队技能

• Git & Github
• Docker
• CI
• ESLint / Prettier

新技术

• WebAssembly
  Web Assembly 是浏览器新支持的编程语言，用于辅助 JavaScript。可以用它的编辑器编译其他语言，用来编写更强大的功能，它目前支持 c++ 和 rust

• Web Components
  Web Components 是类似 React、Vue 开发的方式，是 JavaScript 原生支持的方式，不再需要依赖额外的库。它的核心概念有 Custom element （自定义元素），Shadow DOM （影子 DOM）、HTML templates （HTML 模板）

最佳实践

设计模式、组件设计原则、代码结构

持续进步

精进技能、关注新闻、学好英语

---

以上是我对下列视频及文章的归纳和总结。
2020 年最新前端学习路线