1. 首页
  2. 前端进阶

2020年你需要了解的前端知识体系

020年你需要了解的前端知识体系"

前言:

2019年还不到半个月就会过去,2020年即将到来,技术日新月异,前端更是比女孩子的心思变的还快,所以如何应对不断的技术变化与变革,是每个技术人员最关心的事情。有句话说的好,万变不离其宗,所以形成自己的体系,至少要有体系思维,才能再不断的变化中,以不变应万变,去挑战未来的不确定性,做到胸有成竹,心中坦荡,宠若不惊。以下的前端知识体系也许是你需要的,接下来将从脑图谱和文档结构进行编排

前端知识体系图谱

前端知识体系

Todo List

  • 为图谱对应的列表增添超链接,链接到知识点对应的更多内容的页面(建议文档渠道:官网、MDN、GitHub、wiki,中英文随意)
    • 编程基础
    • 开发软件
    • 类库框架
    • 知识进阶
    • 工程开发
    • [X] 编程思想
    • [X] 领域分支
    • [X] 社区发展
    • [X] 计算机基础
    • [X] 后端知识
    • 软技能
    • Js中文网 – 前端进阶资源教程 https://www.javascriptc.com/
  • 增加二级图谱,进行更详细的拓展
    • 编程基础
    • 开发软件
    • 类库框架
    • 知识进阶
    • 工程开发
    • 编程思想
    • 领域分支
    • 社区发展
    • 计算机基础
    • 后端知识
    • 软技能

编程基础

HTML(5)

CSS(3)

JavaScript(ES6+)

开发软件

编辑器和IDE

调试工具

切图

类库框架

工具库

开发库/框架

知识进阶

网络通信

性能

安全

浏览器

  • IE6/7/8/9/10/11 (Trident) / Edge (EdgeHTML)
  • Firefox (Gecko)
  • Chrome/Chromium (Blink)
  • Safari (WebKit)
  • Opera (Blink)
  • *:can i use

工程开发

模块化

版本管理

依赖管理

语言增强

构建工具

转换器

CI/CD

代码质量

编程思想

设计模式

架构模式

编程范型

程序设计

  • 结构化程序
    • 自顶向下
    • 逐步求精
    • 模块化
    • 限制使用goto
  • 面向对象程序
    • 单一功能原则(S)
    • 开放关闭原则(O)
    • 里氏替换原则(L)
    • 接口隔离原则(I)
    • 依赖反转原则(D)

领域分支

可视化

移动Web

游戏开发

便携式设备

社区发展

计算机基础

编译原理

数据结构

  • 堆(Heap)
  • 栈(Stack)
  • 队列(Queue)
  • 链表(Linked List)
  • 数组(Array)
  • 树(Tree)
  • 集合(Set)
  • 哈希表(Map)
  • *:JavaScript 算法与数据结构

算法

  • 排序

    • 冒泡排序
    • 选择排序
    • 插入排序
    • 快速排序
    • 希尔排序
    • 归并排序
    • 堆排序
    • 计数排序
    • 基数排序
  • 检索
    • 线性搜索
    • 二分查找
    • 索引
    • 深度优先搜索(DFS)
    • 广度优先搜索(BFS)
  • Diff

  • *:JavaScript 算法与数据结构

Js中文网 – 前端进阶资源教程 www.javascriptC.com,typescript 中文文档
一个帮助开发者成长的社区,你想要的,在这里都能找到

操作系统

  • PC
    • Linux
    • Unix
    • Windows
    • Mac OS
  • Mobile
    • Android
    • IOS

计算机网络

后端知识

Node

编程语言

  • C/C++/Java/PHP/Ruby/Python/…

网页服务器

数据库

数据缓存

软技能

学习能力

  • 知识储备
  • 知识分享

技术能力

  • 解决问题

团队协作

  • 沟通技巧

项目管理

  • 业务理解
  • 需求分析
  • 项目评估

人员管理

架构设计能力

  • 交互设计
  • 可用性
  • 扩展性
  • 安全性
  • 性能

参考文献

作者:dragonking
链接:https://juejin.im/post/5dfa360c5188251258387c28

看完两件小事

如果你觉得这篇文章对你挺有启发,我想请你帮我两个小忙:

  1. 关注我们的 GitHub 博客,让我们成为长期关系
  2. 把这篇文章分享给你的朋友 / 交流群,让更多的人看到,一起进步,一起成长!
  3. 关注公众号 「IT平头哥联盟」,公众号后台回复「资源」 免费领取我精心整理的前端进阶资源教程

JS中文网是中国领先的新一代开发者社区和专业的技术媒体,一个帮助开发者成长的社区,目前已经覆盖和服务了超过 300 万开发者,你每天都可以在这里找到技术世界的头条内容。欢迎热爱技术的你一起加入交流与学习,JS中文网的使命是帮助开发者用代码改变世界

本文著作权归作者所有,如若转载,请注明出处

转载请注明:文章转载自「 Js中文网 · 前端进阶资源教程 」https://www.javascriptc.com

标题:2020年你需要了解的前端知识体系

链接:https://www.javascriptc.com/3157.html

« Flutter终于有可视化编辑页面了(Hot UI)
一个简洁、有趣的无限下拉方案»
Flutter 中文教程资源

相关推荐

QR code