【課程簡介】

前端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現(xiàn)互聯(lián)網(wǎng)產品的用戶界面交互。它從網(wǎng)頁制作演變而來，名稱上有很明顯的時代特征。在互聯(lián)網(wǎng)的演化進程中，網(wǎng)頁制作是Web1.0時代的產物，早期網(wǎng)站主要內容都是靜態(tài)，以圖片和文字為主，用戶使用網(wǎng)站的行為也以瀏覽為主。隨著互聯(lián)網(wǎng)技術的發(fā)展和HTML5、CSS3的應用，現(xiàn)代網(wǎng)頁更加美觀，交互效果顯著，功能更加強大。端開發(fā)是創(chuàng)建Web頁面或app等前端界面呈現(xiàn)給用戶的過程，通過HTML，CSS及JavaScript以及衍生出來的各種技術、框架、解決方案，來實現(xiàn)互聯(lián)網(wǎng)產品的用戶界面交互。

移動互聯(lián)網(wǎng)帶來了大量高性能的移動終端設備以及快速的無線網(wǎng)絡，HTML5，node.jS的廣泛應用，各類框架類庫層出不窮。

【主要技術】

HTML、CSS、JS、jQuery等

【主流框架技術】

Vue.js、AngularJS、React等

【應用領域】

網(wǎng)站、小程序、Webapp開發(fā)等

【學校環(huán)境】

【發(fā)展歷程】

前端技術的發(fā)展是互聯(lián)網(wǎng)自身發(fā)展變化的一個縮影。前端技術指通過瀏覽器到用戶端計算機的統(tǒng)稱，存貯于服務器端的統(tǒng)稱為后端技術。前端開發(fā)主要職能就是把網(wǎng)站的界面更好地呈現(xiàn)給用戶。以前會Photoshop和Dreamweaver就可以制作網(wǎng)頁，隨著網(wǎng)站開發(fā)難度加大、開發(fā)方式多樣，網(wǎng)頁制作更接近傳統(tǒng)的網(wǎng)站后臺開發(fā)，網(wǎng)頁制作更多被稱為Web前端開發(fā)。前端技術包括4個部分：前端美工、瀏覽器兼容、CSS、HTML“傳統(tǒng)”技術與Adobe AIR、Google Gears,以及概念性較強的交互式設計，藝術性較強的視覺設計等。

在Web1.0時代，由于網(wǎng)速和終端能力的限制，大部分網(wǎng)站只能呈現(xiàn)簡單的圖文信息，并不能滿足用戶在界面上的需求，對界面技術的要求也不高。隨著硬件的完善、高性能瀏覽器的出現(xiàn)和寬帶的普及，技術可以在用戶體驗方面實現(xiàn)更多種可能，前端技術領域迸發(fā)出旺盛的生命力。

2005年以后，互聯(lián)網(wǎng)進入Web2.0時代，各種類似桌面軟件的Web應用大量涌現(xiàn)，前端由此發(fā)生了翻天覆地的變化。網(wǎng)頁不再只是承載單一的文字和圖片，各種富媒體讓網(wǎng)頁的內容更加生動，網(wǎng)頁上軟件化的交互形式為用戶提供了更好的使用體驗，這些都是基于前端技術實現(xiàn)的。

【核心技術】

HTML語言：

掌握HTML是網(wǎng)頁的核心，是一種制作萬維網(wǎng)頁面的標準語言，是萬維網(wǎng)瀏覽器使用的一種語言，它消除了不同計算機之間信息交流的障礙。因此，它是網(wǎng)絡上應用最為廣泛的語言，也是構成網(wǎng)頁文檔的主要語言，學好HTML是成為Web開發(fā)人員的基本條件。

CSS：

學好CSS是網(wǎng)頁外觀的重要一點，CSS可以幫助把網(wǎng)頁外觀做得更加美觀。

JavaScript：

學習JavaScript的基本語法，以及如何使用JavaScript編程將會提高開發(fā)人員的個人技能。

操作系統(tǒng)：

了解Unix和Linux的基本知識，對于開發(fā)人員有益無害。

網(wǎng)絡服務器：

了解Web服務器，包括對Apache的基本配置，htaccess配置技巧的掌握等。

【職業(yè)機會】

常見前端開發(fā)工程師職位職責要求：

（1）使用Div+css并結合Javascript負責產品的前端開發(fā)和頁面制作。

（2）熟悉W3C標準和各主流瀏覽器在前端開發(fā)中的差異，能熟練運用DIV+CSS，提供針對不同瀏覽器的前端頁面解決方案。移動HTML5的性能和其他優(yōu)化，為用戶呈現(xiàn)最 好的界面交互體驗和最 好的性能。

（3）負責相關產品的需求以及前端程序的實現(xiàn)，提供合理的前端架構。改進和優(yōu)化開發(fā)工具、開發(fā)流程、和開發(fā)框架

（4）與產品、后臺開發(fā)人員保持良好溝通，能快速理解、消化各方需求，并落實為具體的開發(fā)工作；能獨立完成功能頁面的設計與代碼編寫，配合產品團隊完成功能頁面的需求調研和分析。

（5）了解服務器端的相關工作，在交互體驗、產品設計等方面有自己的見解。

資深前端開發(fā)工程師

相比較“前端開發(fā)工程師”而言，更加資深，工作職責更大。一般而言，資深前端開發(fā)工程師需要使用JavaScript或者ActionScript來編寫和封裝具有良好性能的前端交互組件，熟練使用CSS+XHTML完美輸出視覺界面。同時還要對Web項目的前端實現(xiàn)方案 提供專業(yè)指導和監(jiān)督并在日常工作之中對新人及相關開發(fā)人員進行前端技能的培訓和指導。另外，還要跟蹤研究前端技術，設計并實施全網(wǎng)前端優(yōu)化。HTML5、node.js（JavaScript編程的后臺語言）興起，要求資深前端熟悉后端，并且要在商業(yè)模式、代碼架構思想等維度去整體考慮前端的全局布局。

前端架構師

前端架構師更偏管理，但職責要求不僅限于管理。前端架構師需要帶領組員實現(xiàn)全網(wǎng)的前端框架和優(yōu)化，創(chuàng)建前端的相應標準和規(guī)范，完善并推廣和應用自己的標準和框架。同時，還要站在全局的角色為整個網(wǎng)站的信息架構和技術選型提供專業(yè)意見和方案。

【教學現(xiàn)場】