前端开发

前端开发是构建现代Web应用的核心技术，从基础的HTML/CSS到复杂的前端框架，本路径将带你系统掌握前端开发的全部技能。

参考资料： 技术胖的前端学习路径

Internet/网络知识

• 网络工作原理

  互联网是如何工作的？

  互联网是如何运作的

• HTTP/HTTPS 是什么

  http 概述

• 浏览器工作原理

  渲染页面：浏览器的工作原理

• DNS

  • url

    什么是url

  • 域名

    什么是域名

  • 解析

    什么是 DNS？ | DNS 的工作方式

• 云服务

  什么是 web 服务器

• 网络代理

  Linux下V2Ray安装配置指南

  补充： Linux 使用 V2ray 补充

HTML/超文本标记语言

• HTML 基础知识
• live server 使用
• SEO

CSS/层叠样式表

• CSS 基础知识
• 页面切图和布局实现

JavaScript/浏览器脚本语言

• JavaScript 基础知识
• node.js 简介
• DOM/BOM 操作
• AJAX 与 Axios
• 新ES6+ 特性
• TypeScript 基础

Web Security/网络安全相关知识

• HTTPS 原理和使用
• CORS 跨域资源共享
• 内容安全策略 (CSP)
• 其他常见网络协议
  • WebSocket
  • SSE

Package Managers/包管理工具

• npm/cnpm
• yarn
• pnpm

CSS Preprocessors/ CSS 预处理器

• Sass / SCSS
• Less

Build Tools/构建工具

• 任务执行命令
  • npm
• 打包工具
  • Webpack
  • Vite
• 代码格式化工具
  • Eslint
  • Prettier

Frontend Frameworks/前端框架

• React React
• Vue.js Vue.js
• Angular Angular

Web Components/Web 组件化编程

• HTML Templates
• Custom Elements
• Shadow DOM

CSS Frameworks/CSS 框架

• 有哪些 CSS 框架，它们的优缺点
  • https://www.wbolt.com/css-frameworks.html
• Tailwind CSS

Server Side Rendering （SSR）/服务器端渲染

• SSR/CSR 概念
• React.js
• Vue.js

GraphQL/图形化编程

• Cocos Creator
• Three.js

Static Site Generators/静态站点生成器

• Next.js
• Vuepress
• Nuxt.js
• Hugo

Mobile Applications/移动 App 开发

• React Native
• UniApp
• Flutter
• Ionic

Desktop Applications/桌面应用开发

• Electron
• Tauri
• NW.js

本篇文档由 Fridemn 编写。 封面图片来自 Kevin ＼(T▽T)／