在互聯(lián)網(wǎng)行業(yè)扯再，前端是個(gè)最近幾年火起來(lái)的工種芍耘，而且持續(xù)火熱中，很多同學(xué)慕名而來(lái)熄阻，紛紛加入前端大軍斋竞。
蛋是，有個(gè)詞叫水漲船高秃殉，來(lái)的人多了坝初，競(jìng)爭(zhēng)多了，標(biāo)準(zhǔn)也就提高了〖鼐現(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à)值。
先草草寫(xiě)個(gè)框架朴皆，后面再慢慢展開(kāi)帕识，記得常回來(lái)看看~
