-不推荐BuildTools(构建工具)(网络)

前端开发路线图 2021

Basics 基础知识Character Encodings (字符编码)Basic Terminal Usage (基本的终端使用)Data Structures & Algorithms (数据结构与算法)Design Patterns (设计模式)Front-end 前端Internet (网络)HTMLHTML基础编写语义化HTML表单和验证HTML规范HTML辅助功能SEO 基础

CSSCSS基础CSS布局响应式设计 和 媒体查询

JavaScript语法和基本概念操作DOMFetch API / Ajax (XHR)ES2015及之后的新特性 和 模块化理解变量提升、事件冒泡和捕获、作用域、原型、shadow DOM、严格模式 等概念版本控制系统Git 的基本用法GitHub – 推荐GitLabBitbuckect

网络安全 – 可随时学习

至少对以下这些有一个基本的了解

HTTPSCORSContent Security policy (内容安全政策)OWASP Security Risks (OWASP安全风险)

包管理工具npmyarn

CSS Architecture (CSS 架构) – 可随时学习BEMOOCSS – 不建议SMACSS – 不建议

CSS 预处理器 – 可随时学习Sass – 首选PostCSSLess – 不推荐

Build Tools (构建工具)Task RunnersLinters and Formatters (代码检查和格式化)Module Bundlers (模块打包)

Pick a Framework (选择一个框架)React – 首选VueAngular

Modern CSS (现代 CSS)Styled ComponentCSS ModuleStyled JSXEmotionRodiumGlamorou

Web Components (Web 组件)HTML TemplatesCustom ElementsShadow DOM

CSS Frameworks (CSS 框架)

JS based and better to use with your framework based JavaScript applications

基于JS的，更好的使用基于框架的JavaScript应用程序

Css first frameworks which don't come with Javascript components by default

Css优先框架，默认情况下没有Javascript组件

Testing your Apps (测试)

Learn the difference between Unit Integration and Functional tests and learn how to write them with the tools listed on the left

了解单元集成测试和功能测试之间的区别seo基础知识测试seo基础知识测试，并了解如何使用左侧列出的工具编写它们

you can fill your testing needs with just these

您可以只使用这些来满足您的测试需求

Jestreact-testing-libraryCypressEnzymeType Checkers (类型检查）TypeScriptFlow

Progressive Web Apps (PWA 渐进式 Web 应用)

Learn different Web APIs used in PWAs

Calculating, Measuring and improving performancec

Server Side Rendering (SSR 服务器渲染)Next.js (React)Nuxt.js (Vue)Universol (Angular)GraphQLApolloRelay ModernStatic Site Generators (静态网站生成器)Next.js (React)GatsbyJSNuxt.js (Vue)Vuepress (Vue)JekyllHugoGridsomeMobile Applications (移动应用)React NativeFlutterNativeScriptIonicDeskop Applications (桌面应用)ElectronCarloProton NativeWeb Assembly

Web Assembly or WASM is the binary instructions generated from higher level langugges such os Go C Ctt or Rust. It is faster thon JavaSGript and WASM 1.0 has already shipped in the major browsers w3c accepted it as an official standord at the end of 2019, It will sti take quite some time to go mainstream thouoh.