在互聯(lián)網(wǎng)行業(yè)，前端是個(gè)最近幾年火起來(lái)的工種，而且持續(xù)火熱中，很多同學(xué)慕名而來(lái)，紛紛加入前端大軍。
蛋是，有個(gè)詞叫水漲船高，來(lái)的人多了，競(jìng)爭(zhēng)多了，標(biāo)準(zhǔn)也就提高了?，F(xiàn)在對(duì)前端工程師的要求跟當(dāng)年前已經(jīng)不能同日而語(yǔ)了。
那么俺就斗膽帶大家探索下前端web開(kāi)發(fā)世界
1 基礎(chǔ)技術(shù)
前端的三大基礎(chǔ)毫無(wú)疑問(wèn)就是HTML、CSS和JS。我稱之為前端的骨、肉和魂。
先說(shuō)“骨”——HTML。HTML,翻譯過(guò)來(lái)就是超文本標(biāo)記語(yǔ)言，而不是江湖上的HOW TO ML。方向不能搞錯(cuò)了，我們整的東西可是老少咸宜的。HTML學(xué)習(xí)最重要的標(biāo)簽的學(xué)習(xí)，div、h1-h6、p、ul-li、strong、圖片、字體等，什么內(nèi)容用什么框.
再說(shuō)“肉”——CSS。CSS定義了HTML標(biāo)簽的顯示外觀，氣質(zhì)。主要掌握浮動(dòng)，寬高設(shè)置、顯示屬性等
最后“魂”——Javascript。這是運(yùn)行在瀏覽器上的腳本，但是現(xiàn)在javascript已經(jīng)遠(yuǎn)遠(yuǎn)不是當(dāng)年的那個(gè)js了，尤其Ecmascript6標(biāo)準(zhǔn)出來(lái)后，nodeJS 橫空出世，JS暴露出一統(tǒng)天下的野心，JS讓網(wǎng)頁(yè)變得靈活，其實(shí)現(xiàn)的每一個(gè)明里暗里的交互，其實(shí)是為了觸及您的靈魂，這也是其成為魂的原因。
而現(xiàn)在，CSS3和HTML5的發(fā)展，又將web推向下一個(gè)時(shí)代，一個(gè)更為豐富多彩的時(shí)代。
2 環(huán)境基礎(chǔ)
設(shè)備、瀏覽器以及工作原理
必須指出的是，html CSS JS都是運(yùn)行在瀏覽器的，是由瀏覽器負(fù)責(zé)編譯和呈現(xiàn)的。所以必須了解瀏覽器的工作原理。但是瀏覽器千千萬(wàn)萬(wàn)，也不是每個(gè)都要去解剖，主要的有Chrome, Firefox, IE，Safari,Opera,國(guó)內(nèi)的主瀏瀏覽器基本是基于chrome內(nèi)核開(kāi)發(fā)，做了一些更為接地氣的功能，了解下就可以了，主要有QQ瀏覽器，UC，百度瀏覽器，360瀏覽器，搜狗瀏覽器，獵豹瀏覽器等。
3 計(jì)算機(jī)基礎(chǔ)
計(jì)算機(jī)網(wǎng)絡(luò)，http協(xié)議。既然是web必不可少需要知道計(jì)算機(jī)網(wǎng)絡(luò)的知識(shí)，這對(duì)于網(wǎng)頁(yè)的加載和速度優(yōu)化有很大的幫助，并且，我們做的不是靜態(tài)的頁(yè)面，而是動(dòng)態(tài)的，所以必然涉及到與后臺(tái)之間的數(shù)據(jù)的傳輸和存儲(chǔ)，這個(gè)是要掌握的。
必須懂：Ajax，必須會(huì)的工具：fiddler
4 流行框架
流行的前端UI框架：
Bootstrap、jQuery UI、Amaze UI
流行的前端框架：
Node.Js
JQuery Mobile
angular.Js
Vue.js
React.js
5 可視化組件
Echarts
tableau(收費(fèi))
5 新應(yīng)用
針對(duì)移動(dòng)化以及物聯(lián)網(wǎng)方向發(fā)展
6 錦上添花—
UI、 UX 、交互設(shè)計(jì)、 SEO（包括SEM） 、產(chǎn)品，更主要一個(gè)同理心。好的設(shè)計(jì)和交互才能帶來(lái)的好的體驗(yàn)，贏得用戶。
SEO則在推廣層面，好的SEO讓我們以最低的成本，借力搜索引擎，獲得更加跟多的曝光機(jī)會(huì)，畢竟這是個(gè)酒香也怕巷子深的時(shí)代。
最后是產(chǎn)品，站在產(chǎn)品角度，融合（前后端）技術(shù)和商業(yè)，讓產(chǎn)品產(chǎn)生價(jià)值，實(shí)現(xiàn)價(jià)值。
先草草寫個(gè)框架，后面再慢慢展開(kāi)，記得?；貋?lái)看看~
