㈠ 前端指什麼
前端指的是什麼?
前端工程師是 互聯網時代軟體產品研發中不可缺少的一種專業研發角色。
從狹義上講,前端工程師使用 HTML、CSS、JavaScript 等專業技能和工具將產品UI設計稿實現成網站產品,涵蓋用戶PC端、移動端網頁,處理視覺和交互問題。
從廣義上來講,所有用戶終端產品與視覺和交互有關的 部分,都是前端工程師的專業領域。
web前端包括哪些技術?
1 基礎技術
前端的三大基礎毫無疑問就是HTML、CSS和JS。我稱之為前端的骨、肉和魂。
先說「骨」——HTML。HTML,翻譯過來就是超文本標記語言,而不是江湖上的HOW TO ML。方向不能搞錯了,我們整的東西可是老少咸宜的。HTML學習最重要的標簽的學習,div、h1-h6、p、ul-li、strong、圖片、字體等,什麼內容用什麼框.
再說「肉」——CSS。CSS定義了HTML標簽的顯示外觀,氣質。主要掌握浮動,寬高設置、顯示屬性等
最後「魂」——Javascript。這是運行在瀏覽器上的腳本,但是現在javascript已經遠遠不是當年的那個js了,尤其Ecmascript6標准出來後,nodeJS 橫空出世,JS暴露出一統天下的野心,JS讓網頁變得靈活,其實現的每一個明裡暗裡的交互,其實是為了觸及您的靈魂,這也是其成為魂的原因。
而現在,CSS3和HTML5的發展,又將web推向下一個時代,一個更為豐富多彩的時代。
2 環境基礎
設備、瀏覽器以及工作原理
必須指出的是,html CSS JS都是運行在瀏覽器的,是由瀏覽器負責編譯和呈現的。所以必須了解瀏覽器的工作原理。但是瀏覽器千千萬萬,也不是每個都要去解剖,主要的有Chrome, Firefox, IE,Safari,Opera,國內的主瀏瀏覽器基本是基於chrome內核開發,做了一些更為接地氣的功能,了解下就可以了,主要有QQ瀏覽器,UC,網路瀏覽器,360瀏覽器,搜狗瀏覽器,獵豹瀏覽器等。
3 計算機基礎
計算機網路,http協議。既然是web必不可少需要知道計算機網路的知識,這對於網頁的載入和速度優化有很大的幫助,並且,我們做的不是靜態的頁面,而是動態的,所以必然涉及到與後台之間的數據的傳輸和存儲,這個是要掌握的。
必須懂:Ajax,必須會的工具:fiddler
4 流行框架
流行的前端UI框架:
Bootstrap、jQuery UI、Amaze UI
流行的前端框架:
jquery mobile
angular.Js
Vue.js
React.js
5 可視化組件
Echarts
tableau(收費)
6 新應用
針對移動化以及物聯網方向發展
7 錦上添花—
UI、 UX 、交互設計、 SEO(包括SEM) 、產品,更主要一個同理心。好的設計和交互才能帶來的好的體驗,贏得用戶。
SEO則在推廣層面,好的SEO讓我們以最低的成本,借力搜索引擎,獲得更加跟多的曝光機會,畢竟這是個酒香也怕巷子深的時代。
最後是產品,站在產品角度,融合(前後端)技術和商業,讓產品產生價值,實現價值。