有時(shí)候自己會(huì)分不清，其實(shí)是因?yàn)榍昂蠖硕剂私猓?lèi)似于全棧工程師，但又什么都不是很精通。那到底什么是前端、后端呢，我整理了一些企業(yè)要求級(jí)別的前端/后端基礎(chǔ)，開(kāi)發(fā)框架等。
Web前端開(kāi)發(fā)
什么是 Web 前端？
Web前端，顧名思義是來(lái)做web的前端頁(yè)面的。這里所說(shuō)的前端泛指web前端，也就是在web應(yīng)用中用戶可以看得見(jiàn)碰得著的東西。包括web頁(yè)面的結(jié)構(gòu)、web的外觀視覺(jué)表現(xiàn)以及web層面的交互實(shí)現(xiàn)。web前端分為網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工、web前端開(kāi)發(fā)工程師。首先網(wǎng)頁(yè)設(shè)計(jì)師是對(duì)網(wǎng)頁(yè)的架構(gòu)、色彩以及網(wǎng)站的整體頁(yè)面代碼，負(fù)責(zé)網(wǎng)頁(yè)美工只針對(duì)UI這塊兒的東西，比如網(wǎng)站是否做的漂亮。web前端開(kāi)發(fā)工程師是負(fù)責(zé)交互設(shè)計(jì)的，需要和程序猿進(jìn)行交互設(shè)計(jì)的配合。
Web前端開(kāi)發(fā)需要掌握的技術(shù)：
1.熟練掌握前端開(kāi)發(fā)技術(shù)(HTML5、JS、JSON、XHTML、CSS3)，了解各項(xiàng)技術(shù)的相關(guān)標(biāo)準(zhǔn)
2.掌握Ajax異步編程，能夠?qū)懗龈咝阅?、可?fù)用的前端組件；
3.對(duì)OO、MVC、MVVM等編程思想、前端框架有深刻理解，熟練掌握一個(gè)前端框架（常用前端框架 Vuejs，AngularJS，React，Bootstrap，QUICK UI，移動(dòng)端有：Frozen UI，weUI ，SUI，MUI，AUI）了解其原理（框架有很多，選擇兩三個(gè)主流的框架，熟練，深度了解才可以）；
4.善于Web性能優(yōu)化，可訪問(wèn)性、對(duì)SEO等有良好的體驗(yàn)；理解表現(xiàn)層與數(shù)據(jù)層分離的概念、 Web語(yǔ)義化（這些也是在找工作中，很有用的加分項(xiàng)）；
5.了解前端安全機(jī)制，熟悉HTTP協(xié)議以及瀏覽器緩存策略；
6.熟悉常見(jiàn)JS開(kāi)發(fā)框架源碼實(shí)現(xiàn)，（如：prototype、jQuery、Mootools，Ext， Dojo，underscore、YUI、Kissy），至少熟練一種（當(dāng)然也不要去選一些用的人很少的框架，要明白大項(xiàng)目都是團(tuán)隊(duì)做，不能自己搞一套）；
7.擁有良好的代碼編寫(xiě)，設(shè)計(jì)文檔撰寫(xiě)的經(jīng)驗(yàn)，熟練使用Git等版本控制工具；
8.對(duì)常見(jiàn)的瀏覽器兼容問(wèn)題有清晰的理解，并有可靠的解決方案；如IE6/7/8/9、 Firefox、Safari、Chrome；
9.具有較高的審美（這個(gè)很重要，多去見(jiàn)識(shí)一些模板，高端的項(xiàng)目，就能感覺(jué)到有多大的差距）
web后端開(kāi)發(fā)
什么是 Web 后端？
Web后端更多的是負(fù)責(zé)產(chǎn)品的服務(wù)技術(shù)實(shí)現(xiàn)，包括業(yè)務(wù)邏輯，數(shù)據(jù)存儲(chǔ)和處理，消息隊(duì)列處理等。以及產(chǎn)品服務(wù)端接口實(shí)現(xiàn)，包括與前端的接口，第三方的接口，服務(wù)體系內(nèi)部接口等。后端開(kāi)發(fā)主要是對(duì)數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。web后端的話可供開(kāi)發(fā)的語(yǔ)言有 java、php、jsp、.NET 這些后端開(kāi)發(fā)語(yǔ)言，并且要掌握幾個(gè)常用后端框架。
Web前端開(kāi)發(fā)需要掌握的技術(shù)：
1.目前多數(shù)企業(yè)要求對(duì)服務(wù)器端高并發(fā)，大數(shù)據(jù)量處理經(jīng)驗(yàn)（簡(jiǎn)單的說(shuō)就是優(yōu)化服務(wù)器處理高并發(fā)事務(wù)的能力）
2.精通 java，php，jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開(kāi)發(fā)，對(duì)相關(guān)的工具、類(lèi)庫(kù)以及框架非常熟悉，常用后端框架如 SSM（Spring+SpringMVC+MyBatis）框架集，Velocity，Hibernate，iBatis，OSGI等，對(duì)Web開(kāi)發(fā)的模式有較深的理解（只少熟練掌握一套后端框架）；
3.至少熟悉一種關(guān)系型數(shù)據(jù)庫(kù)，如：mysql，oracle等。熟練使用oracle、sqlserver、SQL Develpoer，PLSQL，MySQL Workbench等常用的數(shù)據(jù)庫(kù)管理工具，對(duì)數(shù)據(jù)庫(kù)有較強(qiáng)的設(shè)計(jì)能力
4.熟悉maven項(xiàng)目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮
5.精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式、UML建模等
6.熟悉網(wǎng)絡(luò)編程，具有設(shè)計(jì)和開(kāi)發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力
7.熟悉部分前端知識(shí)
總結(jié)
我感覺(jué)無(wú)論在知識(shí)的掌握深度上，還是知識(shí)掌握的寬度上，都是不夠的。
************************
web前端分為網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工、web前端開(kāi)發(fā)工程師。
首先網(wǎng)頁(yè)設(shè)計(jì)師是對(duì)網(wǎng)頁(yè)的架構(gòu)、色彩以及網(wǎng)站的整體頁(yè)面代碼負(fù)責(zé)。
網(wǎng)頁(yè)美工只針對(duì)UI這塊兒的東西，比如網(wǎng)站是否做的漂亮。
web前端開(kāi)發(fā)工程師是負(fù)責(zé)交互設(shè)計(jì)的，需要和程序猿進(jìn)行交互設(shè)計(jì)的配合。
web前端需要掌握的有腳本技術(shù)javascript DIV+CSS現(xiàn)下最流行的頁(yè)面搭建技術(shù)，ajax和jquery以及簡(jiǎn)單的后端程序等。 后端的話可供開(kāi)發(fā)的語(yǔ)言有asp、php、jsp、.NET 這些后端開(kāi)發(fā)語(yǔ)言的話搭建環(huán)境都不一樣，具體如果你想學(xué)的話看是想從事前端部分還是后端程序部分。后端開(kāi)發(fā)如果有一定的條件的話可以轉(zhuǎn)為軟件開(kāi)發(fā)。不過(guò)要有一定的語(yǔ)言基礎(chǔ)，類(lèi)似java語(yǔ)言、C++等。關(guān)鍵是看你的興趣愛(ài)好。
這個(gè)到后期不會(huì)區(qū)分這么細(xì)，做前端到后期也會(huì)懂一些后端的技術(shù)，反之，后端也是。
在實(shí)際的開(kāi)發(fā)過(guò)程中，我們當(dāng)前這樣定位前端、后端開(kāi)發(fā)人員。
1)前端開(kāi)發(fā)人員：精通JS，能熟練應(yīng)用JQuery，懂CSS，能熟練運(yùn)用這些知識(shí)，進(jìn)行交互效果的開(kāi)發(fā)。
2)后端開(kāi)發(fā)人員：會(huì)寫(xiě)Java代碼，會(huì)寫(xiě)SQL語(yǔ)句，能做簡(jiǎn)單的數(shù)據(jù)庫(kù)設(shè)計(jì)，會(huì)Spring和iBatis，懂一些設(shè)計(jì)模式等。
現(xiàn)在來(lái)看，對(duì)前后端的要求還是蠻低的，尤其是后端，新員工經(jīng)過(guò)實(shí)習(xí)之后都是可以參與到后端開(kāi)發(fā)的，沒(méi)有太高的技術(shù)門(mén)檻，唯一需要做的就是先變成熟練工種，這個(gè)階段沒(méi)有涉及到設(shè)計(jì)模式、架構(gòu)、效率等一些列問(wèn)題。在約的專(zhuān)家對(duì)我的主要建議就是從這里入手。
回家又百度了一下，看看網(wǎng)上對(duì)Web前端開(kāi)發(fā)、Web后端開(kāi)發(fā)分別是什么?
Web前端: 顧名思義是來(lái)做Web的前端的。我們這里所說(shuō)的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見(jiàn)碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺(jué)表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。
Web后端：后端更多的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。
我們?cè)賮?lái)看看大公司對(duì)前后端人員招聘的要求，通過(guò)這個(gè)角度看看前端、后端的技術(shù)要求：
Web前端：
1)精通HTML，能夠書(shū)寫(xiě)語(yǔ)義合理，結(jié)構(gòu)清晰，易維護(hù)的HTML結(jié)構(gòu)。
2)精通CSS，能夠還原視覺(jué)設(shè)計(jì)，并兼容業(yè)界承認(rèn)的主流瀏覽器。
3)熟悉JavaScript，了解ECMAScript基礎(chǔ)內(nèi)容，掌握1~2種js框架，如JQuery
4)對(duì)常見(jiàn)的瀏覽器兼容問(wèn)題有清晰的理解，并有可靠的解決方案。
5)對(duì)性能有一定的要求，了解yahoo的性能優(yōu)化建議，并可以在項(xiàng)目中有效實(shí)施。
Web后端：
1)精通jsp，servlet，java bean，JMS，EJB，Jdbc，F(xiàn)lex開(kāi)發(fā)，或者對(duì)相關(guān)的工具、類(lèi)庫(kù)以及框架非常熟悉，如Velocity，Spring，Hibernate，iBatis，OSGI等，對(duì)Web開(kāi)發(fā)的模式有較深的理解
2)練使用oracle、sqlserver、mysql等常用的數(shù)據(jù)庫(kù)系統(tǒng)，對(duì)數(shù)據(jù)庫(kù)有較強(qiáng)的設(shè)計(jì)能力
3)熟悉maven項(xiàng)目配置管理工具，熟悉tomcat、jboss等應(yīng)用服務(wù)器，同時(shí)對(duì)在高并發(fā)處理情況下的負(fù)載調(diào)優(yōu)有相關(guān)經(jīng)驗(yàn)者優(yōu)先考慮
4)精通面向?qū)ο蠓治龊驮O(shè)計(jì)技術(shù)，包括設(shè)計(jì)模式、UML建模等
5)熟悉網(wǎng)絡(luò)編程，具有設(shè)計(jì)和開(kāi)發(fā)對(duì)外API接口經(jīng)驗(yàn)和能力，同時(shí)具備跨平臺(tái)的API規(guī)范設(shè)計(jì)以及API高效調(diào)用設(shè)計(jì)能力
從公司的招聘要求可以看到，做Web開(kāi)發(fā)，對(duì)前端和后端的要求是各自所不同的。而我目前的實(shí)際情況，也和這個(gè)差不多，但是，無(wú)論在知識(shí)的掌握程度上，還是知識(shí)掌握的寬度上，都是不夠的。
**********************
前端開(kāi)發(fā)和后臺(tái)開(kāi)發(fā)是有區(qū)別的，工作的內(nèi)容和負(fù)責(zé)的東西是完全的不同的，以下以網(wǎng)站的開(kāi)發(fā)為例。
1、前端開(kāi)發(fā)
前端開(kāi)發(fā)現(xiàn)在一般指的就是web前端開(kāi)發(fā)工程師，其負(fù)責(zé)是網(wǎng)站前端頁(yè)面也就是網(wǎng)頁(yè)的頁(yè)面開(kāi)發(fā)，簡(jiǎn)單的說(shuō)網(wǎng)站前端負(fù)責(zé)是東西是網(wǎng)站用戶可見(jiàn)的東西，如網(wǎng)頁(yè)上的特效、網(wǎng)頁(yè)的布局、圖片、視頻等內(nèi)容。網(wǎng)站前端工程師的工作內(nèi)容就是將美工設(shè)計(jì)的效果圖的設(shè)計(jì)成瀏覽器可以運(yùn)行的網(wǎng)頁(yè)，并和后端開(kāi)發(fā)工程師配合做網(wǎng)頁(yè)的數(shù)據(jù)顯示和交互。
2、后端開(kāi)發(fā)
后端開(kāi)發(fā)一般也叫做后臺(tái)，其負(fù)責(zé)是網(wǎng)站后臺(tái)邏輯的設(shè)計(jì)和實(shí)現(xiàn)還有用戶及網(wǎng)站的數(shù)據(jù)的保存和讀取。比如一般網(wǎng)站都是有用戶注冊(cè)和登錄的，用戶的注冊(cè)的信息通過(guò)前端發(fā)送給后端，后端將其保存在數(shù)據(jù)庫(kù)中，用戶登錄網(wǎng)站的時(shí)候，后端需要通過(guò)用戶輸入的用戶名和密碼是否與數(shù)據(jù)庫(kù)中的一致來(lái)判斷用戶是否有權(quán)限登錄，這是后臺(tái)開(kāi)發(fā)中的一個(gè)最簡(jiǎn)單的功能。
一、要弄清區(qū)別，首先要知道前端和后端的概念：
1）Web前端: 顧名思義是來(lái)做Web的前端的。這里所說(shuō)的前端泛指Web前端，也就是在Web應(yīng)用中用戶可以看得見(jiàn)碰得著的東西。包括Web頁(yè)面的結(jié)構(gòu)、Web的外觀視覺(jué)表現(xiàn)以及Web層面的交互實(shí)現(xiàn)。
2）Web后端：后端更多的是與數(shù)據(jù)庫(kù)進(jìn)行交互以處理相應(yīng)的業(yè)務(wù)邏輯。需要考慮的是如何實(shí)現(xiàn)功能、數(shù)據(jù)的存取、平臺(tái)的穩(wěn)定性與性能等。
二、實(shí)際的開(kāi)發(fā)過(guò)程中，前端、后端開(kāi)發(fā)人員所要具備的技能：
1）前端開(kāi)發(fā)人員：精通JS，能熟練應(yīng)用JQuery，懂CSS，能熟練運(yùn)用這些知識(shí)，進(jìn)行交互效果的開(kāi)發(fā)。
2）后端開(kāi)發(fā)人員：會(huì)寫(xiě)Java代碼，會(huì)寫(xiě)SQL語(yǔ)句，能做簡(jiǎn)單的數(shù)據(jù)庫(kù)設(shè)計(jì)，會(huì)Spring和iBatis，懂一些設(shè)計(jì)模式等。
三、總結(jié)：
web前端分為網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工、web前端開(kāi)發(fā)工程師
首先網(wǎng)頁(yè)設(shè)計(jì)師是對(duì)網(wǎng)頁(yè)的架構(gòu)、色彩以及網(wǎng)站的整體頁(yè)面代碼負(fù)責(zé)
網(wǎng)頁(yè)美工只針對(duì)UI這塊的東西，比如網(wǎng)站是否做的漂亮
web前端開(kāi)發(fā)工程師是負(fù)責(zé)交互設(shè)計(jì)的，需要和程序員進(jìn)行交互設(shè)計(jì)的配合。
web前端需要掌握的有腳本技術(shù)javascript DIV+CSS現(xiàn)下最流行的頁(yè)面搭建技術(shù)，ajax和jquery以及簡(jiǎn)單的后端程序等。 后端的話可供開(kāi)發(fā)的語(yǔ)言有 asp、php、jsp、.NET 這些后端開(kāi)發(fā)語(yǔ)言的話搭建環(huán)境都不一樣
前端開(kāi)發(fā)主要是靜態(tài)用戶界面加上一些動(dòng)態(tài)效果（JavaScript等實(shí)現(xiàn)），不涉及數(shù)據(jù)邏輯！例如：一個(gè)登陸頁(yè)面： 前端開(kāi)發(fā)只要做好靜態(tài)頁(yè)面部分 ，加上鼠標(biāo)移入輸入框、移出輸入框的顏色變化；但是輸入用戶名、密碼 后登錄系統(tǒng)的話要連接數(shù)據(jù)庫(kù)，這個(gè)就需要后臺(tái)開(kāi)發(fā)做邏輯處理了！
個(gè)人理解： 登錄跳轉(zhuǎn)那一步估計(jì)是后端做的工作吧，一旦驗(yàn)證用戶名和密碼成功之后，后端程序?qū)崿F(xiàn)跳轉(zhuǎn)到下一網(wǎng)頁(yè)。
---------------------
