【初学者技术修炼】毕业生初学者学习前后端技术路线图
1 序
学习前后端技术，对于有些毕业生而言可能已然轻车熟路；但对于某些毕业生，可能在这个领域中还没有找到适合自己的一套打法。本篇博客就是给这些毕业生初学者们提供一些学习方法和技巧，仅供参考。
2 路线图
在进行前后端平台系统的设计时，需要双向考虑、全面梳理，前后端解耦是未来的趋势，也是必然，前端和后端技术栈变得越来越庞大，虽然万变不离其宗，但是时代的洪流会推着我们去学习和了解新的技术元素。
2.1 搭建可交互的前端WEB界面路线图
2.1.1 静态页面构造
学习HTML语言和CSS语言，这两种语言能够搭建页面的主题结构，根据需求，决定要不要深入去学习，但是基本语法的必备知识还是要懂。
2.1.2 JavaScript学习
学习前端，特别是能够进行交互的前端，JavaScript语言是迈步过去的槛，必须学习其语法和语义，掌握其核心的技术分支，如网络（Ajax）、事件、虚拟DOM等。
掌握后，就可以向前端框架进发了，前端框架有很多，建议可以有针对性地学习，在招聘网上可以搜索相关的岗位，看哪种市场需求大，建议学习之。
前端三大Js框架，Vue、Angular和React，三者之间的技术属性都是通的，学其一即可。其中Vue是国内大神之作，周边组件、工具、文档和社区内容都及其丰富。
评判一个框架的流行程度，就看它的社区热不热闹。
学习完框架后，就可以在开源网站上搜索相关的项目进行练手。一来，培养自己做项目的能力，而来让理论知识得以实战和巩固。
2.1.3 低代码平台学习
前端界面搭建路线选择，如图所示。等自己的能力相当成熟了，就可以利用低代码平台解决很多通用业务代码，不用重复造轮子，实现让程序写程序的终极目标。不过现在的低代码还是不够智能，复杂的功能单由生成功能解决不了，需要手工合并完成复杂的功能开发。不过，低代码平台很有参考价值，感觉也是未来的趋势。
2.2 搭建后端系统所需知识谱
针对一个成熟的后台框架，学习主要组件及其构成要素。
目前常用的就是基于SpringBoot的后台项目，需要亲自搭建一套Demo，这样能快速理解和消化所学理论知识，知识能够指导实践，实践反过来能够验证和积累知识。
而如何进行后台知识的学习呢？下面给出详细步骤。
- 首先学习Spring主要组成元素开始
Spring MVC、Spring 注解、Spring 容器、Spring Servlet、Spring AOP、Spring 后置处理器等； - 再学习Spring周边的组件
Mybatis、Redis、Shiro、Security等，他们如何与SpringBoot项目进行集成； - 再在开源网站找案例，进行系统学习
GitHub上有很多开源项目供大家学习，根据关键搜索，找到适合自己需求的项目下载学习，掌握整个系统是如何构建的，或者学习其它的系统到底长什么样，心中大致有一个理解和把控； - 从几个维度进行思考将要学习的项目价值，不只做拿来主义
项目结构是否简单，是maven模块分层，还是项目目录上逻辑分层。
项目特点是否突出，是商城项目还是低代码项目或者通用项目，有针对性地去找和自己开发需求相关的项目。
项目的可扩展性是否灵活，是微服务还是单体，单体项目如果想增加模块是是否容易。
项目的基础功能是否强大，包含权限功能、配置功能、监控功能，基础功能强大就会降低所要开发系统的复杂度，让开发者关注业务开发。
项目的便利性是否具有，能否生成代码
3 推荐工具
开源代码托管网站：GitHub、Gitee（国内）
前端开发工具：HBuilder（国产）、WebStorm
后端开发工具（以Java为例）：IDEA、Eclipse
测试工具：Postman（接口）、Apifox、Jmeter（自动化）
代码管理工具：Git、SVN（国产）