前端時(shí)代帶來(lái)的"錢景"，2017年，互聯(lián)網(wǎng)行業(yè)風(fēng)起云涌，IT工程師如果僅憑傳統(tǒng)開(kāi)發(fā)思維，無(wú)法突破固有知識(shí)體系，終將會(huì)被社會(huì)所淘汰。會(huì)跨平臺(tái)手機(jī)應(yīng)用開(kāi)發(fā)、微信小程序、網(wǎng)絡(luò)應(yīng)用、pc以及手機(jī)炫酷網(wǎng)頁(yè)的全棧設(shè)計(jì)師應(yīng)運(yùn)而生……目前Web前端全棧開(kāi)發(fā)工程師緊俏，企業(yè)求才，薪資一漲再漲?。?img src="/img1/5/224/574/11586574/msgpic/8d88a19fa20a49f5dbec959bd10363d7.jpeg" title="" alt="a4069546568745edae2e36cc815b1b4.jpg"/>Web網(wǎng)頁(yè)基礎(chǔ)

1、HTML基礎(chǔ)

（1）、HTML基礎(chǔ)知識(shí)、HTML/XHTML/HTML5區(qū)別、編程工具介紹、互聯(lián)網(wǎng)基本原理

（2）、meta標(biāo)簽、base標(biāo)簽、字符集、DTD文檔、注釋

（3）、簡(jiǎn)單標(biāo)簽(H標(biāo)簽、P標(biāo)簽、Hr標(biāo)簽、img標(biāo)簽、br標(biāo)簽、a標(biāo)簽、假鏈接、錨點(diǎn)、路徑問(wèn)題

（4）、復(fù)雜標(biāo)簽(列表標(biāo)簽(ol、ul、dl)、表格、表單、div和span標(biāo)簽)

（5）、HTML字符實(shí)體、HTML5新增標(biāo)簽(語(yǔ)義化、視頻、音頻…)

2、CSS基礎(chǔ)

（1）、CSS基礎(chǔ)知識(shí)、CSS常見(jiàn)屬性、CSS選擇器

（2）、CSS三大特性、CSS顯示模式、CSS背景和CSSSprite技術(shù)

（3）、CSS盒模型、浮動(dòng)流、清除浮動(dòng)、偽元素、定位流

（4）、CSS3新增屬性、CSS3濾鏡、CSS3鍵值對(duì)、CSS3轉(zhuǎn)化模塊、CSS3自定義動(dòng)畫模塊、CSS3動(dòng)畫合成混搭、CSS3多列、CSS3景深透視、3D三維體構(gòu)建、CSS3炫酷三維、CSS3瀏覽器兼容處理等。

3、搜索引擎優(yōu)化、頁(yè)面常用SEO技巧、學(xué)會(huì)有逼格的制作頁(yè)面。iconfont字體圖標(biāo)。

4、HTML5相關(guān)知識(shí)和大型靜態(tài)電商網(wǎng)站制作(比如淘寶、京東、當(dāng)當(dāng))以及大型響應(yīng)式電商網(wǎng)站制作(移動(dòng)端頁(yè)面)

JavaScript基礎(chǔ)

1、變量、運(yùn)算符、表達(dá)式、變量類型、輸入輸出語(yǔ)句、parseInt、parseFloat函數(shù)等。

2、if語(yǔ)句、switch語(yǔ)句、三元運(yùn)算符、for循環(huán)語(yǔ)句、while循環(huán)語(yǔ)句、排序算法。

3、函數(shù)的概念、函數(shù)的參數(shù)返回值、使用函數(shù)簡(jiǎn)化問(wèn)題、函數(shù)的遞歸等。

4、JavaScript內(nèi)置對(duì)象、字符串處理、日期處理、事件的概念、JavaScript操作頁(yè)面元素等。

5、數(shù)組的概念、定義方法、頭尾操作、批量控制頁(yè)面元素。

6、常見(jiàn)DOM操作、ECMAScript語(yǔ)法、DOM、BOM、定時(shí)器和焦點(diǎn)圖等。

7、常見(jiàn)、例如：tab，導(dǎo)航，整頁(yè)滾動(dòng)、輪播圖，用JS制作幻燈片、彈出層，手風(fēng)琴菜單、瀑布流布局，滾動(dòng)事件、滾差視圖等。

8、JavaScript主流瀏覽器兼容處理。

常見(jiàn)的網(wǎng)站建設(shè)軟件

網(wǎng)站建設(shè)軟件常見(jiàn)的有這幾個(gè).photoshop,flash,fireworks,dramweaver這4大軟件被稱為網(wǎng)頁(yè)四劍客.photoshop是一款圖像合成軟件.在做網(wǎng)站效果圖的時(shí)候國(guó)內(nèi)大部分網(wǎng)頁(yè)設(shè)計(jì)師都使用該軟件進(jìn)行效果圖的制作與設(shè)計(jì).flash是一款動(dòng)畫制作軟件,能夠把靜態(tài)的頁(yè)面添加一些動(dòng)態(tài)的元素進(jìn)去.使得頁(yè)面整體表現(xiàn)更加豐富美觀.一般應(yīng)用在品牌展示形網(wǎng)站建設(shè)上面.fireworks是一款網(wǎng)頁(yè)做圖軟件.這種軟件在國(guó)外做網(wǎng)頁(yè)效果圖的一些設(shè)計(jì)師經(jīng)常用到.在中國(guó)，大部分網(wǎng)站設(shè)計(jì)師都是使用photoshop來(lái)設(shè)計(jì)頁(yè)面的.fireworks可以用來(lái)切圖和制作gif圖片功能還是相當(dāng)不錯(cuò)的.那么后一個(gè)就是dreamweaver軟件是一款代碼編輯軟件.其核心思想就是所見(jiàn)既所得,能夠把復(fù)雜的代碼通過(guò)可視化編輯,簡(jiǎn)單起來(lái).是現(xiàn)有網(wǎng)站建設(shè)新手學(xué)習(xí)html和div+css網(wǎng)站重構(gòu)的優(yōu)選方式之一.(新手學(xué)習(xí)網(wǎng)站建設(shè)傷不起,讓我們向以前那樣背誦大量網(wǎng)站代碼然后在去學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)基本不太可能.)