西門(mén)子中國(guó)授權(quán)代理商/西門(mén)子華南地區(qū)指定代理商/西門(mén)子模塊代理商/西門(mén)子變頻器代理商/西門(mén)子觸摸屏代理商/西門(mén)子PCL200代理商/西門(mén)子PLC300代理商/西門(mén)子PCL400代理商/西門(mén)子數(shù)控伺服代理商/西門(mén)子原裝授權(quán)軟件代理商/西門(mén)子一級(jí)代理商（西門(mén)子核心分銷商）專業(yè)銷售西門(mén)子S7-200/300/400/1200/1500PLC、數(shù)控系統(tǒng)、變頻器、人機(jī)界面、觸摸屏、伺服、電機(jī)、西門(mén)子通訊電纜、現(xiàn)場(chǎng)總線、DP接頭、工控機(jī)等，并可提供西門(mén)子維修服務(wù)，歡迎來(lái)電垂詢。

SIEMENS中國(guó)有限公司
聯(lián) 系  人：張柏（銷售經(jīng)理）

工作QQ：254598303  
聯(lián)系人 ：13817011145  微信同步
郵箱（ Email ）：:254598303@qq.com

哪里有賣    要多少錢(qián)  哪里有   哪里能買到   要在哪里買   在哪里有賣的   價(jià)格，參數(shù)，型號(hào)，哪家便宜，比較便宜，哪里有，銷售，訂貨號(hào)，多少錢(qián)？哪家價(jià)格好？ 廠家，性能，優(yōu)點(diǎn)，包裝，用途，售后服務(wù)!哪里有賣 代理商  總代理商

業(yè)務(wù)范圍：

西門(mén)子PLC可編程控制器，西門(mén)子PLC200/300/400/1200，西門(mén)子變頻器，MM440/430/420/G120/6RA70/6ES70/等系列變頻器及備件。西門(mén)子觸摸屏，西門(mén)子電纜，西門(mén)子網(wǎng)卡，西門(mén)子軟啟動(dòng)器，西門(mén)子低壓產(chǎn)品，西門(mén)子數(shù)控伺服，西門(mén)子傳動(dòng)，西門(mén)子工控系列模塊，CPU.等系列西門(mén)子銷售與維修。

西門(mén)子S7300plc代理商，西門(mén)子代理商，上海西門(mén)子總代理，西門(mén)子上海代理商，西門(mén)子電機(jī)總代理，上海西門(mén)子PLC總代理，上海西門(mén)子一級(jí)代理，上海西門(mén)子變頻器總代理，上海西門(mén)子銷售商，中國(guó)總代理西門(mén)子電機(jī)，西門(mén)子中國(guó)總代理 西門(mén)子中國(guó)一級(jí)代理 西門(mén)子中國(guó)總代理 ，西門(mén)子S7-300PLC, 西門(mén)子S7-200PLC總代理，西門(mén)子PLC中國(guó)總代理，西門(mén)子PLC，西門(mén)子PLC總代理，，西門(mén)子中國(guó)總代理，上海西門(mén)子PLC總代理，S7-200西門(mén)子PLC總代理，西門(mén)子S7-300PLC總代理，西門(mén)子plc模塊總代理,西門(mén)子plc編程線總代理，西門(mén)子plc編程電纜總代理 

西門(mén)子數(shù)控系統(tǒng)產(chǎn)品種類

 西門(mén)子數(shù)控系統(tǒng)是西門(mén)子集團(tuán)旗下自動(dòng)化與驅(qū)動(dòng)集團(tuán)的產(chǎn)品，西門(mén)子數(shù)控系統(tǒng)SINUMERIK發(fā)展了很多代。目前在廣泛使用的主要有802、810、840等幾種類型。

用一個(gè)簡(jiǎn)要的圖表對(duì)西門(mén)子各系統(tǒng)的定位作描述如下：

西門(mén)子各系統(tǒng)的性價(jià)比較

1) SINUMERIK 802D  

具有免維護(hù)性能的SINUMERIK802D，其核心部件 - PCU （面板控制單元）將CNC、PLC、人機(jī)界面和通訊等功能集成于一體?？煽啃愿?、易于安裝。

SINUMERIK802D可控制4個(gè)進(jìn)給軸和一個(gè)數(shù)字或模擬主軸。通過(guò)生產(chǎn)現(xiàn)場(chǎng)總線PROFIBUS將驅(qū)動(dòng)器、輸入輸出模塊連接起來(lái)。

模塊化的驅(qū)動(dòng)裝置SIMODRIVE611Ue配套1FK6系列伺服電機(jī)，為機(jī)床提供了全數(shù)字化的動(dòng)力。

通過(guò)視窗化的調(diào)試工具軟件，可以便捷地設(shè)置驅(qū)動(dòng)參數(shù)，并對(duì)驅(qū)動(dòng)器的控制參數(shù)進(jìn)行動(dòng)態(tài)。

SINUMERIK802D集成了內(nèi)置PLC系統(tǒng)，對(duì)機(jī)床進(jìn)行邏輯控制。采用標(biāo)準(zhǔn)的PLC的編程語(yǔ)言Micro/WIN進(jìn)行控制邏輯設(shè)計(jì)。并且隨機(jī)提供標(biāo)準(zhǔn)的PLC子程序庫(kù)和實(shí)例程序，簡(jiǎn)化了制造廠設(shè)計(jì)過(guò)程，縮短了設(shè)計(jì)周期。

2) SINUMERIK 810D 

在數(shù)字化控制的領(lǐng)域中，SINUMERIK 810D第一次將CNC和驅(qū)動(dòng)控制集成在一塊板子上。

快速的循環(huán)處理能力，使其在模塊加工中獨(dú)顯威力。

SINUMERIK 810D NC軟件選件的一系列突出優(yōu)勢(shì)可以幫助您在競(jìng)爭(zhēng)中脫穎而出。例如提前預(yù)測(cè)功能，可以在集成控制系統(tǒng)上實(shí)現(xiàn)快速控制。

另一個(gè)例子是坐標(biāo)變換功能。固定點(diǎn)停止可以用來(lái)卡緊工件或定義簡(jiǎn)單參考點(diǎn)。模擬量控制控制模擬信號(hào)輸出;

刀具管理也是另一種功能強(qiáng)大的管理軟件選件。

樣條插補(bǔ)功能(A，B，C樣條)用來(lái)產(chǎn)生平滑過(guò)渡；壓縮功能用來(lái)壓縮NC記錄；多項(xiàng)式插補(bǔ)功能可以提高810D/810DE運(yùn)行速度。

溫度補(bǔ)償功能保證您的數(shù)控系統(tǒng)在這種高技術(shù)、高速度運(yùn)行狀態(tài)下保持正常溫度。此外，系統(tǒng)還為您提供鉆、銑、車等加工循環(huán)。SINUMERIK 840D

3) SINUMERIK 840D

SINUMERIK 840D數(shù)字NC系統(tǒng)用于各種復(fù)雜加工,它在復(fù)雜的系統(tǒng)平臺(tái)上，通過(guò)系統(tǒng)設(shè)定而適于各種控制技術(shù)。840D與SINUMERIK_611數(shù)字驅(qū)動(dòng)系統(tǒng)和SIMATIC7可編程控制器一起，構(gòu)成全數(shù)字控制系統(tǒng)，它適于各種復(fù)雜加工任務(wù)的控制，具有優(yōu)于其它系統(tǒng)的動(dòng)態(tài)品質(zhì)和控制精度。

很多人可能都有下面的疑問(wèn)：
    1）狀態(tài)字中的首次檢測(cè)位到底有什么作用？它與編程有關(guān)嗎？
    2）程序段的第一條邏輯運(yùn)算指令實(shí)際上作了什么操作？
    S7-300/400的狀態(tài)字（Status word）的最低位為首次檢測(cè)位FC，該位的為0狀態(tài)表示一個(gè)梯形圖邏輯程序段的開(kāi)始，或指令為邏輯串（即串并聯(lián)電路塊）的第一條指令。在邏輯串指令執(zhí)行過(guò)程中該位為1，輸出指令（=、R、S）或與RLO（邏輯運(yùn)算結(jié)果）有關(guān)的跳轉(zhuǎn)指令將該位清零，表示一個(gè)邏輯串的結(jié)束。
    請(qǐng)看下面的程序段，它將兩條串聯(lián)電路（邏輯串）并聯(lián)后，控制Q4.2的線圈，邏輯表達(dá)式為I0.4*I0.7+I0.6*/I0.5=Q4.2（/I0.5對(duì)應(yīng)于I0.5的常閉觸點(diǎn)）。執(zhí)行第一條指令“A  I0.4”時(shí)首次檢測(cè)位為0，表示程序段開(kāi)始。執(zhí)行指令“A  I0.6”時(shí)首次檢測(cè)位為0，表示第二條串聯(lián)電路開(kāi)始。執(zhí)行“=”指令之后，首次檢測(cè)位被清零。

查閱手冊(cè)，對(duì)A指令的描述如下：檢查尋址位的狀態(tài)是否為1，并將測(cè)試結(jié)果與RLO進(jìn)行“與”運(yùn)算。

執(zhí)行第一條A指令時(shí)，它到底做了什么操作？

1）顯然它不會(huì)將I0.4的二進(jìn)制值與前一個(gè)程序段執(zhí)行完后的RLO進(jìn)行“與”運(yùn)算，本程序段與前一程序段之間“井水不犯河水”。

2）“與”運(yùn)算需要兩個(gè)變量參與，第一條A指令執(zhí)行完后只有一個(gè)位變量I0.4的值，不可能作“與”運(yùn)算，就像只有一個(gè)人不能結(jié)婚一樣。

將上面的第一條A指令改為“O  I0.4”或“X  I0.4”指令（“或”運(yùn)算或“異或”運(yùn)算指令），前兩條指令的“與”運(yùn)算執(zhí)行的結(jié)果相同。這說(shuō)明前兩條指令實(shí)際執(zhí)行的是什么邏輯運(yùn)算取決于第二條指令，而與第一條指令（A、O或X）無(wú)關(guān)。

實(shí)際上，程序段的第一條指令或邏輯串的第一條指令并不執(zhí)行什么邏輯運(yùn)算，第一條A、O、X指令只是將指令中的位變量的值傳送到RLO，第一條AN、ON、XN指令將指令中的位變量的值作“非”運(yùn)算后傳送到RLO。

操作系統(tǒng)在執(zhí)行程序的時(shí)候，判斷首次檢測(cè)位的值，其值為0時(shí)，就知道該指令是程序段的第一條指令或邏輯串的第一條指令，然后完成上述的操作。首次檢測(cè)位與用戶程序沒(méi)有直接的關(guān)系。

別的PLC（包括S7-200）幾乎都用LD和LDN（或LD NOT、LDI）指令來(lái)表示一個(gè)程序段或邏輯串的開(kāi)始。S7-300/400因?yàn)闆](méi)有類似的指令，所以用首次檢測(cè)位來(lái)檢測(cè)一個(gè)程序段或邏輯串的開(kāi)始。

了一下小白應(yīng)該如何認(rèn)識(shí)編程這件事，怎么選擇編程語(yǔ)言。這一篇我們來(lái)說(shuō)我們選擇好了編程語(yǔ)言后，如何學(xué)習(xí)這門(mén)編程語(yǔ)言，它的學(xué)習(xí)路徑應(yīng)該是怎么樣的。這個(gè)得分開(kāi)講，每一門(mén)編程語(yǔ)言的學(xué)習(xí)路徑都不太相同，這篇我們來(lái)講前端的學(xué)習(xí)。

前端

前端

我們先來(lái)說(shuō)說(shuō)什么是前端，前端是對(duì)于網(wǎng)站或者網(wǎng)絡(luò)應(yīng)用來(lái)說(shuō)的，前端是相對(duì)后端來(lái)說(shuō)的。前端對(duì)于網(wǎng)站來(lái)說(shuō)，通常是指，網(wǎng)站的前臺(tái)部分包括網(wǎng)站的表現(xiàn)層和結(jié)構(gòu)層。后端對(duì)于網(wǎng)站來(lái)說(shuō)，通常是指網(wǎng)站的后臺(tái)部分包括網(wǎng)站的業(yè)務(wù)邏輯層、數(shù)據(jù)持久層、負(fù)載均衡等?，F(xiàn)在還出來(lái)個(gè)新名詞叫全棧，就是前后端的大多數(shù)技能都掌握，不過(guò)真能達(dá)到那是牛人值得仰望。

因此前端技術(shù)一般分為前端設(shè)計(jì)和前端開(kāi)發(fā)，前端設(shè)計(jì)一般可以理解為網(wǎng)站的視覺(jué)設(shè)計(jì)，前端開(kāi)發(fā)則是網(wǎng)站的前臺(tái)代碼實(shí)現(xiàn)，包括基本的HTML和CSS以及JavaScript/ajax，現(xiàn)在最新的高級(jí)版本HTML5、CSS3，以及SVG等。

前端編程的學(xué)習(xí)范圍

既然我們說(shuō)學(xué)習(xí)那就先把學(xué)習(xí)范圍說(shuō)說(shuō)，這樣大家就先引用阿里前端的大牛@jayli(拔赤)的一張很流行的圖，來(lái)看看一個(gè)比較牛的前端最終是個(gè)什么樣子。

前端腦圖

確實(shí)很多內(nèi)容是不是？真正的前端大牛，需要掌握的技能還是挺多的，不過(guò)我們刪減一下會(huì)少不少：

1.主流瀏覽器

• IE6/7/8/9/10/11
• Firefox
• Chrome/Chromium
• Safari
• Opera

2.編程語(yǔ)言

• JavaScript/Nodeb
• TypeScript

3.切頁(yè)面

• HTML/HTML5
• CSS/CSS3
• Sass/LESS
• PhotoShop

4.開(kāi)發(fā)工具

• VIM/Sublime Text2
• Notepad++/EditPlus
• WebStorm
• Eclipse
• Visual Studio/Visual Studio Code

5.調(diào)試工具

• Firebug
• Chrome Dev Tools

6.版本管理

• Git/SVN
• Github

7.單元測(cè)試

• JSLint/JSUnit
• Mocha/Chai
• phantomjs

8.前端庫(kù)/框架

• jQuery/jQuery EasyUI/Underscore/Mootools
• Bootstrap/YUI3/Dojo/ExtJS
• Backbone/KnockoutJS/Emberjs
• AngularJS
• Polymer
• React
• Vueb

9.前端標(biāo)準(zhǔn)/規(guī)范

• HTTP/1.1: RFCs 7230-7235，HTTP/2
• ECMAScript 5/6/7
• W3C: DOM/BOM/XHTML/XML/JSON/JSONP/...
• HTML5/CSS3

10.編程知識(shí)儲(chǔ)備

• 數(shù)據(jù)結(jié)構(gòu)
• OOP/AOP
• 原型鏈/作用域鏈
• 閉包
• 編程范型
• 設(shè)計(jì)模式

11.項(xiàng)目構(gòu)建工具

• Grunt
• Gulp
• Webpack

12.代碼組織

• CommonJS/AMD/ES6 Module
• YUI3模塊
• SeaJS/Requireb/Webpack
• Browserify

13.安全

• CSRF/XSS
• CSP

14.移動(dòng)Web

• HTML5
• CSS3
• 響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)
• Zeptojs
• PhoneGap
• Ionic
• jQuery Mobile
• React Native

15.可視化

• SVG/Canvas
• D3
• WebGL/Three.JS

看到這些是否頭大了？

前端學(xué)習(xí)

這些內(nèi)容原則上來(lái)說(shuō)確實(shí)是WEB開(kāi)發(fā)應(yīng)該必備的技能。但是如果你放到一個(gè)WEB開(kāi)發(fā)人員熟練的掌握這些技能需要花費(fèi)2-3年的時(shí)間來(lái)看，似乎也沒(méi)什么，只要你投入的時(shí)間足夠，可能要不了那么久。

其實(shí)最終光是這些分類就夠小白們喝一壺的了。

是的編程不光光只是語(yǔ)言 ，為了使用這些開(kāi)發(fā)語(yǔ)言還需要了解開(kāi)發(fā)工具 ，需要了解寫(xiě)完語(yǔ)言以后如何調(diào)試 ，如何測(cè)試 你寫(xiě)的那些東西是否正確，然后還需要進(jìn)行版本控制 ，最終還需要進(jìn)行部署 ，這樣才算完成了一個(gè)完整的開(kāi)發(fā)過(guò)程，這些都是開(kāi)發(fā)中必須要學(xué)習(xí)的。

所以我們?cè)谧?a b="http://www.tpy88.com/2016/10/12/xiaobai-learn-coding-2/www.hubwiz.com">匯智網(wǎng)上的課程時(shí)，提供了在線的開(kāi)發(fā)環(huán)境和工具，將編程、調(diào)試甚至部署也都結(jié)合在了一起，我們覺(jué)得這很適合小白入門(mén)學(xué)習(xí)。

怎么開(kāi)始

那這么多東西我們怎么開(kāi)始呢？

核心其實(shí)是三個(gè)東西，HTML、CSS、JavaScript。只有把這三個(gè)基本的前端技能學(xué)習(xí)好了，才能談得上其他。

• HTML、CSS、JavaScript 簡(jiǎn)介

  1、HTML，超文本標(biāo)記語(yǔ)言 Hyper Text Markup Language，是用來(lái)描述網(wǎng)頁(yè)的一種語(yǔ)言。

  2、CSS，層疊樣式表 Cascading Style Sheets,是指樣式定義，確定如何顯示HTML元素。

  3、JavaScript是一種腳本語(yǔ)言，其源代碼在發(fā)往客戶端運(yùn)行之前不需經(jīng)過(guò)編譯，而是將文本格式的字符代碼發(fā)送給瀏覽器由瀏覽器解釋運(yùn)行。

• 它們的簡(jiǎn)單分工

  網(wǎng)頁(yè)設(shè)計(jì)思路一般都是把網(wǎng)頁(yè)分成三個(gè)層次，即：結(jié)構(gòu)層(HTML)、表示層(CSS)、行為層(Javab)。

  對(duì)于一個(gè)網(wǎng)頁(yè)，HTML定義網(wǎng)頁(yè)的結(jié)構(gòu)，CSS描述網(wǎng)頁(yè)的樣子，JavaScript來(lái)控制頁(yè)面的行為和活動(dòng)。

  一個(gè)很經(jīng)典的例子是說(shuō)HTML就像一個(gè)人的骨骼、器官，而CSS就是人的皮膚，有了這兩樣也就構(gòu)成了一個(gè)植物人了，加上javab這個(gè)植物人就可以對(duì)外界刺激做出反應(yīng)，可以思考、運(yùn)動(dòng)、可以給自己整容化妝（改變CSS）等等，成為一個(gè)活生生的人。 。

了解了這些我們就可以開(kāi)始了。下面我們來(lái)看一段代碼。

				

					1
				

				

					2
				

				

					3
				

				

					4
				

				

					5
				

				

					6
				

				

					7
				

				

					8
				

				

					9
				

				

					10
				

				

					11
				

				

					12
				

				

					13
				

				

					<html xmlns="http://www.w3.org/1999/xhtml">
				

				

					<head>
				

				

					<b http-equiv="Content-Type" content="text/html; charset=utf-8" />
				

				

					<title>我的第一個(gè)網(wǎng)頁(yè)</title>
				

				

					<b rel="stylesheet" type="text/css" b="hellob" />
				

				

					<b type="text/javab" src="hellob"></b>
				

				

					</head>
				

				

					<body>
				

				

					<h1>我的第一個(gè)標(biāo)題</h1>
				

				

					<p id="demo">我的第一個(gè)段落。</p>
				

				

					<button type="button" b="displayDate()">顯示日期</button>
				

				

					</body>
				

				

					</html>
				

這段代碼就是一段最簡(jiǎn)單的HTML代碼，代碼中有HTML語(yǔ)言的各種標(biāo)記都是用<>和</>來(lái)結(jié)對(duì)標(biāo)記的，而且可以起名字，設(shè)置類型等，每一種標(biāo)記都表達(dá)不同的意思。

這段內(nèi)容的意思就是告訴瀏覽器，我是遵循W3C標(biāo)準(zhǔn)的，我用的是utf8編碼，描述我樣式的的文件是hellob，和我有關(guān)的JavaScript代碼我都放到了hellob中了。如果你的樣式和JavaScript的代碼什么都沒(méi)寫(xiě)，那么這個(gè)代碼送給瀏覽器以后，瀏覽器顯示出來(lái)就應(yīng)該是下面這樣:

我的第一個(gè)標(biāo)題

我的第一個(gè)段落。

				

					1
				

				

					h1 {color:red;}
				

我的第一個(gè)標(biāo)題

我的第一個(gè)段落。

我的第一個(gè)標(biāo)題

Wed Oct 12 2016 18:03:49 GMT+0800 (中國(guó)標(biāo)準(zhǔn)時(shí)間)

這樣看起來(lái)編程也不是特別難，對(duì)吧。

另外，在寫(xiě)程序的時(shí)候，我們推薦使用NotePad++，這個(gè)開(kāi)發(fā)工具比較好用，其實(shí)開(kāi)發(fā)工具本質(zhì)上就是個(gè)編輯器，大家可以根據(jù)自己的喜好選擇。

你可以把上面提到的內(nèi)容用這個(gè)開(kāi)發(fā)工具寫(xiě)好，存放到一個(gè)目錄中，然后用瀏覽器打開(kāi)這個(gè)html文件?？纯?，是否是這個(gè)效果。

作為一個(gè)小白來(lái)說(shuō)，也應(yīng)該是很簡(jiǎn)單的。

如何更深入的學(xué)習(xí)HTML、CSS、JavaScript，我們都有對(duì)應(yīng)的課程，你可以直接點(diǎn)進(jìn)去看，網(wǎng)絡(luò)上資源也很多比如W3CSchool就很不錯(cuò)，這里就不多說(shuō)了。

不過(guò)需要多句嘴的是這個(gè)期間如果有時(shí)間可以看看和標(biāo)準(zhǔn)相關(guān)的內(nèi)容。

另外進(jìn)行調(diào)試的時(shí)候建議你使用Chrome瀏覽器中的Chrome Dev Tools（開(kāi)發(fā)者工具）。

假設(shè)你已經(jīng)基本掌握了HTML、CSS、JavaScript

HTML、CSS、JavaScript

如果你基本上掌握了HTML、CSS和JavaScript那你基本上可以算是入門(mén)了，在沒(méi)有學(xué)習(xí)數(shù)據(jù)庫(kù)知識(shí)之前你可以先把要存的數(shù)據(jù)保存在文件（特別提示學(xué)習(xí)文件處理時(shí)應(yīng)該學(xué)習(xí)一下XML、JSON）中，這樣你就可以考慮大干一場(chǎng)了。

這時(shí)候如果你獨(dú)立來(lái)寫(xiě)一個(gè)簡(jiǎn)單的網(wǎng)站應(yīng)該是沒(méi)啥問(wèn)題了。但是你會(huì)發(fā)現(xiàn)你做的網(wǎng)站效果和你看到的互聯(lián)網(wǎng)上那些經(jīng)常去逛的網(wǎng)站還是有很大的差距。這說(shuō)明你離現(xiàn)實(shí)工作中對(duì)web開(kāi)發(fā)人員的要求還有一定的差距。差距主要表現(xiàn)在那些地方？一般來(lái)說(shuō)主要應(yīng)該集中在兩個(gè)方面：

• UI

  你會(huì)發(fā)現(xiàn)你做的得網(wǎng)站比較丑，總是不如商業(yè)網(wǎng)站那么漂亮，交互上也總感覺(jué)不如人家的那么順暢。其實(shí)這不怪你，如果你有了這種感覺(jué)，那么恭喜你，你還是很上進(jìn)的，這個(gè)時(shí)候你就該學(xué)習(xí)列表中另外的一些內(nèi)容，例如PhotoShop、Less、Sass、Ajax、Bootstrap。這些內(nèi)容都不復(fù)雜，可以幫你處理圖片、頁(yè)面、css、交互響應(yīng)等。這其中Bootstrap是必須要熟練掌握的，通過(guò)這些技術(shù)的學(xué)習(xí)你會(huì)把你的網(wǎng)站UI搞很好，如果掌握了這些技術(shù)應(yīng)該可以搞出一個(gè)好用的網(wǎng)站，如果想搞的十分好看網(wǎng)站，那就找個(gè)美工配合配合吧。

• 效率

  你可能還會(huì)發(fā)現(xiàn)你的開(kāi)發(fā)效率很低，很多東西開(kāi)發(fā)起來(lái)十分的費(fèi)勁，這就對(duì)了，前端學(xué)習(xí)最重要的時(shí)刻就是這個(gè)時(shí)候。有很多的前輩為提高效率為我們提供了很多強(qiáng)大的框架和工具，免去什么都要自己開(kāi)發(fā)的痛苦。

  你可以先從最基本的JQuery開(kāi)始，這個(gè)是 必須掌握 的，然后逐步開(kāi)始學(xué)習(xí)Angularjs、React、Vueb這些最流行的框架，當(dāng)然其實(shí)你只需要熟練了其中的一個(gè)，其他的想學(xué)習(xí)應(yīng)該就是時(shí)間問(wèn)題了，如果工作中用不到，暫時(shí)不學(xué)也是可以的。這些框架中最熱門(mén)的應(yīng)該是Angularjs。

  這些編程技術(shù)的學(xué)習(xí)過(guò)程中，你可能是一個(gè)在戰(zhàn)斗，但是如果你加入到一個(gè)團(tuán)隊(duì)中的時(shí)候你會(huì)發(fā)現(xiàn)你必須掌握另外一些知識(shí)指其中最重要的就是Git,主要用來(lái)做版本控制的，它可以幫助你的團(tuán)隊(duì)很多忙，保證開(kāi)發(fā)人員的工作能夠順利開(kāi)展，特別是相互的開(kāi)發(fā)有交叉的時(shí)候。

  隨著你加入團(tuán)隊(duì)或者自己獨(dú)立的開(kāi)始開(kāi)發(fā)一些項(xiàng)目，為了更有效的構(gòu)建這些項(xiàng)目你也可以借助一些工具Gulp、Webpack。

  還要提到的就是為了保證程序的質(zhì)量，你可能除了調(diào)試意外還需要進(jìn)行必要的測(cè)試，常見(jiàn)的測(cè)試工具主要有jslint、jsunit。

到這里你應(yīng)該對(duì)WEB前端的編程路徑有了一個(gè)基本的認(rèn)識(shí)，隨著工作需要的不同和興趣點(diǎn)的不同，你可以繼續(xù)學(xué)習(xí)本文中列表中的其他內(nèi)容，當(dāng)然你也可以擴(kuò)散到更多的內(nèi)容中，每一個(gè)分類中其實(shí)還有很多未列出來(lái)的內(nèi)容。

再深入

以上內(nèi)容如果都已經(jīng)掌握了，那你基本上是一個(gè)合格的web前端了，如果希望再深入的話，基于現(xiàn)在最流行的技術(shù)路線，你可以重點(diǎn)學(xué)習(xí)Nodeb,Nodeb也是屬于必須學(xué)習(xí)的，可以使你的工作范圍擴(kuò)展到更多的地方，釋放你的更多能力。

隨著你的技術(shù)實(shí)力的增長(zhǎng)，手機(jī)端的開(kāi)發(fā)也是必須要做的，有了HTML5、CSS3，做手機(jī)端開(kāi)發(fā)基本上也可以動(dòng)手，但是要想提高效率的話推薦這幾個(gè)框架PhoneGap、jQuery Mobile、Ionic、React Native,大家可以試試。

再往后似乎就不用我們來(lái)指導(dǎo)了。。

推薦書(shū)目

http://xb.hubwiz.com/

推薦在線課程

http://www.hubwiz.com/course/?type=web

Java API

http://man.hubwiz.com

之后就是去實(shí)現(xiàn)牛逼的夢(mèng)想