在总结“JS全栈开发”的成长路径之前，我们先来探讨一下与“高效学习”有关的话题。
高效学习的三个层面
碎片化时代，知识量极其庞大，我们都一直在探索更加高效的学习方法。个人认为学习是由三个层面组成的，分别是“学习目标”“知识框架”“学习方法”。
1、学习目标：所谓“学习目标”就是你想学习的知识领域，想掌握什么样的技能。在学习这个层面，“目标”非常重要，如果没有明确的目标，就不能对目标进行持续化的管理，是很难实现梦想的。像唐僧西天取经一般，要有“历经万难也不放弃”的毅力。无论你的学习能力有多强，方法论有多高深，这都不一定能让你实现目标。水滴石穿地坚定目标，才有可能抵达理想的彼岸。
2、知识框架：任何一个领域的知识，都有一套复杂的知识框架，横向的、纵向的，你必须给自己制定一套科学的由浅入深的学习路径。这套框架，必须始终印在我们的脑海里，一步一个脚印地向前学习，万里长城也需要一步一个台阶地攀登。
3、学习方法：我推荐的学习方法是“知识可视化”+“主动实践”。所谓“知识可视化”，是指把复杂的知识转化成可见的、易理解的、易记忆的图形图像。所谓“主动实践”，是指学以致用，多做多练习多总结。
高效学习
关于“知识可视化”
知识可视化，是指可以用来构建、传达和表示复杂知识的图形图像手段，除了传达事实信息之外，知识可视化的目标还在于传输人类的知识，并帮助他人正确地重构、记忆和应用知识（摘自“百度百科”）。
为了更好地实践“知识可视化”，以下能力是必需的：
1、手绘能力：如简笔画、思维导图、书法等，以便于我们能绘制出形象化的视觉元素（包括好看的“字”），符合大众审美的界面布局。
2、配色能力：好看的界面，除了形象化的元素、好看的字体和布局外，还需要合理的色彩搭配，因此学习一定的色彩理论是必须的，这有助于你科学地进行界面配色。
3、阅读能力：知识来源于书籍和文档，因此必须掌握较强的阅读能力，能快速地剖析一本书或者一套网络文档的结构、重难点、关键点等。只有把它们的结构剖析清楚了，你才有能力绘制出可视化的知识图框。
“JS全栈开发”的知识框架
前端开发从单纯的三剑客HTML/CSS/JavaScript，发展到 MVVM组件化开发，逐步发展到 JS全栈开发。知识体系越来越复杂，所能胜任的产品形态也越来越复杂。现在以“JS全栈开发”为主题，梳理一下“JS全栈开发”的学习路径。
JS全栈路径
从这张思维导图看，把“JS全栈开发”划分成了几大模板，分别是JS核心语法、JS前端、JS后端、工程工具、项目部署等。
1、JS核心语法
既然是开发，就离不开编程语言。编程语言是一门技术的基础和核心。以ECMAScript标准为基础，学好JavaScript / TypeScript是永恒的任务，JS语法灵活多变、写法多变；ES6+中有很多高级的新特性，可以大大地提升我们的编程效率；围绕编程语言，还要学习数据结构、常用算法、设计模式等。
2、CSS / HTML
前端三剑客中，我觉得重要性仅次于JS语法的就是CSS。CSS级联样式表，加上CSS3中的高级属性，让前端工程师可以制作更加美观的用户界面。CSS算是前端工程师最最基本的能力了，你可以不精通JS，也可以不精通各种前端框架，但是你必须熟练地使用CSS，胜任各种可能的界面设计。
3、前端框架
前端框架多如牛毛，经典的常用的有jQuery、React和Vue。jQuery是DOM操作的神器，虽然现在的主流开发并不主张DOM操作，但是DOM却是浏览器渲染页面的本质。其次是学好React全家桶、Vue全家桶，包括前端路由、状态管理、UI组件库、服务端渲染等。
4、HTML5开发
复杂的Web应用开发，需要使用HTML5系列技术去实现，地图应用、可视化图表应用等。HTML5是一套综合的技术规范，包括多媒体技术、2D/3D技术、CSS3、Web存储、设备访问等。
5、混合式开发
以桌面应用、移动APP、小程序开发为主，涵盖的主要系列技术有Electron、ReactNative、微信小程序等。尤其小程序开发，最为广泛和常见。
6、后端开发
掌握常用的Node.js API，使用Koa框架构建Node.js应用服务器，进行RESTful开发，处理前端请求。数据库可以使用 mysql依赖库来开发。还要学习微服务、搜索引擎、消息队列、实时通信等技术。
7、工程工具
工欲善其事，必先利其器。好的工具，可以大大地提升我们的开发效率。Git、IDE、NPM、Webpack、Babel、ESLint等。Node.js后端开发时，还推荐使用 nodemon工具。
8、项目部署
掌握Linux系统的基础知识、文件系统、常用命令；学会安装Nginx，部署前端项目；使用 pm2 管理node.js服务。掌握 OSS、CDN等云平台的常用功能，优化静态资源的访问速度。
完 2019年6月22日
网友评论