前言

為什么要向全棧發展？

全棧開發是所有Web開發者的終極夢想，無論你現在是前端開發還是后端開發。并且隨著大量開發者的涌入，前端和后端崗位都面臨者激烈的競爭，全棧已經不是加分項，越來越成為必須項。如果可以發一份工資，沒有哪個老板喜歡發兩份工資。

假以時日，你無疑是將成為一個很具價值的前端開發人員，而這也意味著，你可以嘗試滿足你走向全棧的野心。

后端語言比較

后端語言是前端跨向全棧最大的一個障礙，也是必須拿下的障礙。不像前端Javascript獨霸天下，后端語言是百家爭鳴：PHP、Python、Ruby on rails、Node.js等腳本型語言，也有Java、C#（.net）等重量級語言，也有的Go、Erlang等。語言無所謂好壞，有各自的風格和適用范圍。

PHP容易上手，而且社區強大，學習資源多，開源，容易部署。缺點是容易出錯，效率不高。

Python這幾年發展很火，據說連幼兒園都開始學習Python了，真是從娃娃抓起了。Python的特點是簡單易學，開發快，易于維護，擴展性好，而且Python幾乎可以用于大數據分析，人工智能，甚至可以進行硬件編程，可以說前途遠大。但其缺點是速度較慢，容易犯錯。

Ruby on rails開發效率高，開發者多，開發控件比較豐富，但其性能差，第三方包少。

Node.js的橫空出世，讓大家對前端對JS刮目相看，其火爆程度將JS直接推上Stack Overflow2018年度最受歡迎編程語言榜首的寶座。得益于其前端的特殊身份，在web接口，高并發web接口，nodejs效率都要遠超java、php、python，Nodejs非常適合高并發的項目。最重要的是對前端工程師來說，通過Nodejs走向全棧，是個非常好的橋梁，可以減少陌生語言帶來的恐懼感、挫折感。其缺點是只支持單核CPU，可靠性低，調試不方便。

Java性能好，穩定可靠，安全性和運行效率較高，適合大中項目。相對的，其缺點是開發難度大，學習成本較高，費用也較高，開發和部署的效率較低。業務量大，性能要求高，數據安全性要求高的企業級網站一般都選用Java,比如國內的淘寶、網易和美團等。

C#(.net)性能較好，開發效率高，維護成本也低，比較適用于微軟系平臺。但是其代碼可重用性差，管理起來較難。

沒有哪種語言絕對的好或者差，具體要看公司的業務和自己的偏好，最重要的在于你怎么運用它。正所謂弱水三千，只取一瓢飲，后端語言千千萬，選擇一門先學好，比那個都懂一點要強很多——貪多嚼不爛。

前段語言比較

web前端開發語言主要包含：html語言，css樣式代碼，javascript腳本,html5,css3，jQuery，ajax，Bootstrap，Backbone

html語言：網頁的基本標記語言，也是最基礎的語言，掌握起來比較簡單。

html5

css樣式代碼：是用來控制html代碼如何顯示的，html語言只是網頁的標記，但如何更好的在網頁上展示你想要的效果，由css樣式來控制，建議手寫css樣式代碼，手寫的更精簡，重用性更高。

css

javascript腳本：運行在客戶端，主要是由一些事件來改變網頁的代碼和顯示效果的，一般的網頁特效都是通過javascript腳本來編寫的。它可以提供客戶端的交互功能和一些動畫效果，是每個網站前端開發人員必須要掌握的。

JavaScript

jQuery：是由javascript開發出來的開源的庫，集成了所有javascript功能，讓web前端開發人員寫更少的代碼，實現更多的功能，javascript腳本學起來是有一定難度的，但jQuery學起來卻比較簡單，這樣降低了web前端開發的難度，并且jQuery幾乎兼容所有瀏覽器。

jQuery

html5,css3:更多的html標記和富應用，更能精簡代碼，功能更強大,所以目前網站前端開發人員有必要掌握和使用它。

ajax：相當于在用戶和服務器之間加了—個中間層(AJAX引擎),使用戶操作與服務器響應異步化。并不是所有的用戶請求都提交給服務器,像—些數據驗證和數據處理等都交給Ajax引擎自己來做, 只有確定需要從服務器讀取新數據時再由Ajax引擎代為向服務器提交請求，特別是局部刷新。

Bootstrap：Bootstrap中包含了豐富的Web組件，根據這些組件，可以快速的搭建一個漂亮、功能完備的網站。其中包括以下組件：下拉菜單、按鈕組、按鈕下拉菜單、導航、導航條、路徑導航、分頁、排版、縮略圖、警告對話框、進度條、媒體對象等

Backbone：主要組成：

• model：創建數據，進行數據驗證，銷毀或者保存到服務器上

• collection：可以增加元素，刪除元素，獲取長度，排序，比較等一系列工具方法，就是一個保存 models的集合類

• view：綁定html模板，綁定界面元素的事件，初始的渲染，模型值改變后的重新渲染和界面元素的銷毀
  優勢：

• 將數據和界面很好的分離開來。

• 將事件的綁定很好的剝離出來，便于管理和迭代。

• 使得Javascript程序的模塊化更加清晰、明了。
  應用場景：
  最適合的應用場景是單頁面應用，并且頁面上有大量數據模型，模型之間需要進行復雜的信息溝通

我目前是在職前端開發，如果你現在也想學習前端開發技術，在入門學習前端的過程當中有遇見任何關于學習方法，學習路線，學習效率等方面的問題，你都可以申請加入我所在的前端學習交流裙：前面：4213 后面：74697。里面聚集了一些正在自學前端的初學者,轉行者，初階者，里面有前端PDF書籍等，文章中涉及到的①html；②css；③JavaScript；④jQuery等pdf文檔需要的話都可以找裙豬獲取。

掌握以上知識，基本上你能從前往后，從后往前，來去自由。首先你能夠配置全站開發的環境和工作流程，操作數據庫，建立后端服務API，獨立開發前端，從而開發一個包含前后端的完整應用，再進行測試和部署，直至產品正式上線。

恭喜，一位全棧開發工程師誕生了！