web全棧該如何自學

小編給大家分享一下web全棧該如何自學，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

首先，你要了解什么是web全棧，以及知道web全棧需要學習哪些知識。

其次，你要知道自學web全棧，不是一件簡單的事情，需要你有足夠的毅力去堅持，也需要你有高效學習的能力，才能在盡量短的時間內學好它。

一個Web開發過程有三層架構：

表示層：表示層也被稱為網站的前端部分。它處理網站的用戶界面相關問題。

業務邏輯層：業務邏輯層也被稱為網站的后端層，負責數據驗證和動態處理。

數據庫層：最后是數據訪問層，利用API為網站提供數據。

以上三層共同稱為全棧web開發。

作為web全棧工程師你需要知道以下知識：

1、服務管理/運維

一個開發者必須了解基礎的服務器管理知識。包括當不限于以下知識：

通過終端或其他沒有用戶界面的環境來遠程連接服務器

會寫基本的shell腳本

服務器上的用戶和群組管理

管理像Apache和Nginx這樣的服務器程序來提供應用

防火墻管理和權限管理

安裝和更新軟件

除了這些基礎技能，開發者必須懂得怎樣去創建一個好的、健康的、分離的開發環境，在 Docker 或者像 Vagrant 這樣的虛擬機環境中。如果上面所有的技術你都不熟悉，那我必須給你推薦一本超棒的書，點這里購買。

開發者必須對版本控制系統非常熟練，為了讓開發有靠譜的生產備份和可分享、可協同的代碼庫，這些代碼庫能夠根據時間來跟蹤代碼變化。現在已經沒有開發者的工作流是完全離開版本控制的了。我們有一個非常棒的關于版本控制的視頻教程，點這里購買。

2、云

和實際管理或者虛擬服務器不同，一個開發者也許要知道云主機平臺，比如Heroku, Google Cloud, Azure, AWS等等。

有一點必須說明的是，平臺和工具更多的是為了炒作而不是其實用性。盡管有很多平臺和工具的實用性并不如宣傳的那么好，但是了解這些大家都在談論的服務，從長遠來看會很有用――客戶可能會隨時要求更換服務提供商。幸運的是，我們擁有這些云主機部署權威指南。

3、后端

在后端，除了要懂選擇什么語言以外，比如 PHP 和眾多的框架 and CMSes，一個全棧開發者必須熟悉：

Web服務器，比如Nginx和Apache，和運維緊密相關

不幸的是，NodeJS 已經可以將 JS、CSS 和其他資源文件編譯成靜態可以方便緩存的文件了。幸運的是，也有辦法避免學習 NodeJS，用PHP也是可以的

像Composer這樣的PHP(http://www.ujiuye.com/zt/php/)包管理工具在現代化的開發環境中已經離不開了

好的API 設計，自從大部分新型網頁都基于 API 而且僅僅為前端服務(下面會詳細描述)

ElasticSearch (introduction here)這樣的搜索引擎對于網站性能的提高是非常重要的

cronjobs 和后端的工作，使用Gearman 或者 Crunz 這類的庫

了解緩存，Varnish, Redis 等牛B的工具可以分片存儲數據，這樣可以將一個項目部署的多個主機上

4、數據庫

數據庫是一個單獨的部分，因為除了很好地掌握我們基本上不會有結構變化的關系數據庫(MySQL或者PostgreSQL)的數據模式之外，一個全棧工程師應該對非關系型數據庫有所了解，如MongoDB, Redis,或Cassandra ，更不用說像Neo4j這樣的圖形數據庫了。

不幸的是，這些都是服務器上的東西，都在全棧工程師的控制下。也有幾個類似 Mong 的遠程解決方案，像RestDB或者Google-owned Firebase等。

5、前端

想知道一個正常的前端知識圖譜是怎么樣的，可以在JavaScript 版塊看這篇絕世好文。但是作為一個全棧工程師，你需要了解

NodeJS and NPM

Yarn

預處理器和編譯器(如Babel)，用來編譯 Typescript, ES6, LESS, SCSS, SaSS

構建工具，如 Grunt 和 Gulp

框架，如 VueJS、React、Angular

模塊打包工具，如 Webpack、Browserify、Rollup

6、設計

在設計方面，全棧開發者需要了解怎樣在一個產品變成真正可用的 HTML 、CSS 代碼之前，畫一個原型圖。然后就可以去用 JS 寫交互、后端也可以用假數據來模擬生產環境。只有這個關鍵的原型圖完成，用戶體驗設計和接口設計就緒，真正的開發才能開始。這本身就是一項艱巨的任務，需要一套特殊的工具：

Photoshop和Illustrator 或者一些開源的工具比如Gimp/Inkscape。訪問Design channel來了解更多這樣的工具。

一個牛的、快速的編輯器，比如Atom或Sublime Text(這兒有十種好用的sublime插件)

像Subtlepatterns的背景選擇器和顏色選擇器能夠搭配一些顏色

CSS的柵格系統

上面所說的前端所需要了解的所有知識和 JS 數據模擬

將原型圖發表到網上供大家瀏覽并給于反饋，Ngrok就非常好用

7、日志系統

為了高效監控應用的健康度，全棧開發者必須能夠追蹤錯誤，找到錯誤日志然后從中提取出有用的信息。全棧開發者也需要從日志中預測一些趨勢，比如 CPU 或者 I/O 占用率的上漲，以防應用不知道什么時候就掛了。這部分和運維也有一些關系，但是需要一些特別的技能：

推薦一篇非常棒的ELK stack的文章，這會幫助你了解做日志系統所需要的知識。里面包括了查找日志的ElasticSearch ，收集日志的Logstash，把日志用非常棒的圖表展現出來的的Kibana，甚至還有提供解決方案的Logz.io。

8、移動端

最后，我們該說說移動端了。隨著iOS和安卓上的的webview變得越來越高效，還有 PWA(漸進式web應用)的到來，native 應用正在變得黯淡，因為他們開發起來實在是太復雜了。所以一個全棧工程師必須了解 PWA 或者 React Native，或者像NativeScript, Tabris, Cordova, Phonegap或者其他webview來讓客戶端應用調用 API跑起來。

以上是“web全棧該如何自學”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！