後端開發有必要學習前端嗎，如何入門呢

做爲一個服務端開發人員，須要瞭解並掌握必定的前端技能嗎？回答是，固然須要。

我記得剛開始作開發的時候，還不流行先後端分離，那時候也沒那麼多的前端框架，什麼 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 上: 點擊跳轉到源碼。固然，還有更多比我寫的強得多開源項目值得參考。

啥都別說了，動手吧。
不要吝惜你的「推薦」呦

歡迎關注，不按期更新本系列和其餘文章
古時的風箏 ，進入公衆號能夠加入交流羣