中山達內教育

1、HTML學習

超文本標記語言(HyperText Mark-up Language 簡稱HTML)是一個網頁的骨架，無論是靜態(tài)網頁還是動態(tài)網頁，最終返回到瀏覽器端的都是HTML代碼，瀏覽器將HTML代碼解釋渲染后呈現給用戶。因 此，我們必須掌握HTML的基本結構和常用標記及屬性。

2、CSS學習

CSS是英文Cascading Style Sheets的縮寫，叫做層疊樣式表，是能夠真正做到網頁表現與內容分離的一種樣式設計語言。相對于傳統(tǒng)HTML的表現而言其樣式是可以復用的，這樣就極大地提高了我們開發(fā)的速度，降低了維護的成本。

3、JavaScript學習

JavaScript是一種在客戶端廣泛使用的腳步語言，在JavaScript當中為我們提供了一些內置函數、對象和DOM操作，借助這些內容我們可以來實現一些客戶端的特效、驗證、交互等，使我們的頁面看起來不那么呆板

4、jQuery學習

jQuery 是一個免費、開源的輕量級的JavaScript庫，并且兼容各種瀏覽器(jQuery2.0及后續(xù)版本放棄了對IE6/7/8瀏覽器的支持)，同時現在有很多基于jQuery的插件可供選擇，這樣在我們實現一些豐富的動態(tài)效果時更方便快捷，大大節(jié)省了我們開發(fā)的時間，提高了開發(fā)速度，這也充分體現了其 write less,do more的核心宗旨

5、bootstrap

Bootstrap是Twitter推出的一個開源的用于前端開發(fā)的工具包，是一個CSS/HTML框架，并且支持響應式布局。一經推出后頗受歡迎，一直是GitHub上的熱門開源項目。

6、實戰(zhàn)

技術只是生活的一部分，曾經雄心斗志，如今低頭寫碼。改變能改變的，接受不能改變的。人生有限，兄爭朝夕啊。人生學習的態(tài)度是：不急不躁，不快不慢。持之以恒，相信自己。不求能改變世界，但求能改變自己的生活。不求健步如飛，但求一步一腳印。感謝磨難，他使我們內心更為堅強。感謝挫折，他使我們不斷的成長，感謝bug，他使我們的思維更加深邃。

一、對用戶體驗的追求

不要認為用戶體驗只由設計師和產品經理把關就可以了。前端工程師對用戶體驗的關注度會直接影響產品的最終效果。

不管設計文檔有多么詳細，產品中仍然有大量的細節(jié)是設計方沒有考慮到或者默認的，而這些細節(jié)需要前端工程師來把關。同樣的設計，交給不關注體驗的前端來做的話，會有很明顯的粗糙感，而想要填平這些粗糙感需要大量的附加成本。

目前多數視覺設計師的不足是無法以動態(tài)的角度理解產品。比如我們要出一個設計稿，PC時代我們會出一個固定寬度的稿，比如800像素，然后讓工程師去還原。后來到移動時代，我們會讓設計師出兩三個稿，對應不同屏幕的手機。這就是缺乏動態(tài)思維的彌補措施，無論出幾個寬度的視覺稿，都只是動態(tài)形態(tài)的截面。

二、動機的來源

我遇到的很多轉行做前端的人是認為前端門檻低，所以先從前端做起。這樣的人也許能做基礎的工作，但很難做到優(yōu)秀。

厲害前端是奔著前端領域有更多的挑戰(zhàn)和發(fā)揮空間而來的，而不是為了好找工作。事實上勝任高級前端的職位很難，我們招聘高級前端工程師的面試通過概率可能是研發(fā)類職位中最低的。

還有的人說對前端有興趣，所以轉行做前端。對于前端的興趣要建立在對計算機的興趣、對編程的興趣之上。如果一個人對于做前端很有興趣，但是對做后端或者其它開發(fā)類職位有排斥，那么就要對他的興趣打個問號了，這類人可能不適合做研發(fā)類的工作。

三、全棧意識

這里所說的全棧并不是真的要去做后端工程師一樣的事情。對于前后端分離，很多人有誤解，理解成前端不用寫后臺代碼。真正的前后端分離指的是系統(tǒng)級的分離，前端有獨立的系統(tǒng)，當然要有自己的后臺，還有各種輔助支撐系統(tǒng)。代碼構建、發(fā)布、線上運維、數據統(tǒng)計監(jiān)控都要了解，否則沒法獨立承擔一塊業(yè)務。