后端开发有必要学习前端吗，如何入门呢

做为一个服务端开发人员，须要了解并掌握必定的前端技能吗？回答是，固然须要。

我记得刚开始作开发的时候，还不流行先后端分离，那时候也没那么多的前端框架，什么 Vue、React 都还不存在，Angular 才刚刚发布第一代版本不久，可是在国内基本上还没人用。

那时候，大部分应用都仍是服务端渲染，好比 Java 的 jsp、.NET 的 aspx、Python 的 Jinja2 等等，剩下的真的须要异步加载的，也是 JQuery 一统天下。

那时候我还投身在 .NET 的怀抱，在微软的一款叫作 SharePoint 的产品上作定制开发，使用的技术就是 .NET。接触前端也就是从那时候开始的，那时候团队里没有人是专门的前端，也没有人是专门的后端，甚至根本就没有前端这一说法。前端的概念也很简单，就是 HTML + CSS + JQuery，掌握这三样，那就是掌握了前端。

还要感谢那时候咱们作的产品，由于 SharePoint 有个特色。它里面的功能都是以组件的形式存在，你能够在页面上选择性的添加须要的组件，而且实现拖动布局，这些组件就是定制开发出来的，因为这样的产品特性，因此那时候咱们开发的组件其实就是先后端分离的，后端就提供接口，最开始写的是 webservice，后来变成了 RESTful 接口。前端就是那三样， HTML + CSS + JQuery 。

不管是技术的发展，仍是学习新技术。都是现有的技术不能知足业务或者开发上的需求，才催生出新的技术框架，才能让团队或者开发人员发现新的技术框架。因为当时须要一些表单的动态变化，好比 A 字段的修改实时联动 B、C 字段，这时找到了一些实现表单双向绑定的模板引擎，而后就发现了还有 Angular 这种东西。

那么说到正题了，做为一个后端，若是你还没掌握甚至没有入门前端，怎么样才能快速入门并掌握呢？固然有方法。

在几年前开始学习前端

固然了，这个方法不是适用于每一个人，对于到如今为止还没掌握前端的人来讲就不太适合。

可是，还有可是，适合过几年后的你本身。

是否是有点绕，是否是有点哲学的意思。是否是和那句"种一棵树最好的时间是十年前，其次是如今。"是一个道理。

学习前端基础

之前的前端基础就是 HTML + CSS + Javascript。可是如今呢，有些人说，除了这些，各个前端框架都是基础，好比 Vue、React 等，甚至 nodejs 都得掌握点儿。有些前端同窗，甚至根本就不怎么理解 Javascript，上来直接就各类框架了。

先不要看什么框架，先把 Javascript 是什么搞明白。不论是什么 Vue、React，什么 ES五、ES6 ，甚至 typescript，到最后编译完成仍是 Javascript 代码。

先老老实实的作几个页面，就用纯的 HTML ，与后台的交互就用 JQuery，好比作一个表单页，提交表单传到后台，再作一个列表页，用来展现数据列表。样式不用太关心，毕竟咱们不是专业前端，了解前端基础，重点是先后端的数据交互。由于最近我发现，有些同窗不太理解先后端交互的流程，主要是刚开始作开发的同窗。另外有的同窗只埋头作后端，对于先后端交互也不甚了解。

本身实现一个 web

学习的方法就是实践，尤为对于开发，动手才是最重要的。 Talk is cheap. Show me the code.除非你是天才，否则技术都是靠时间堆出来，经验是靠实践积累而来的。

就算读再多的书，看再多的博文，关注再多的公众号，收藏再多的文章。一旦开始动手了，也是一脸懵的状态，请相信我，丝毫都不用怀疑。

有了上一步前端的基础，就能够选一个框架了，推荐 Vue 或者 React 里选一个。上来什么都别干，先到官网读一遍官方文档，差很少耗时一、2个小时。而后就开始按照官网的例子，建立项目、运行项目、编译项目，保证出来一个最简单的可运行项目。

接下来就开始动手添枝加叶了，你的这个网站能够从我的博客入手，作一个简易的博客，有顶部或者左侧菜单，有我的信息，有文章列表页，文章详情页等等。前端的展现层面，有好多开源的 UI 框架，好比 AntDesign、iView、Bootstrap 等等。

仍是要强调，样式不是很重要，重点是先后端交互过程。好比说后端接口须要验证 header 中的 Token 信息，前端如何在 header 中加入 Token。如何 post json 格式参数到后端，如何向服务端传文件等等，只有把这个过程都了解了，在设计后端接口的时候才能更加清楚。

另外，在学习新技术的时候，不要过分关注细节。好比你用 Vue 开发，可能配置上要涉及到 webpack，webpack 有不少的设置，可是它只是用来调试和打包的，不用太关注它的配置，由于重点不是它。

一旦动起手来，万事开头难。刚开始的时候，你会步步难行，惟有搜索引擎能够救你。除了搜索以外，找一些简单的开源项目作参考也是不错的方式。

好比我前几天作的 web 版的 JVM 监控工具。前端就是用 React 作的，你也能够参考一下。源码在 github 上: 点击跳转到源码。固然，还有更多比我写的强得多开源项目值得参考。

啥都别说了，动手吧。
不要吝惜你的「推荐」呦

欢迎关注，不按期更新本系列和其余文章
古时的风筝 ，进入公众号能够加入交流群