北京WEB前端開發(fā)工程師培訓(xùn)課程

【課程簡介】

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

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

【主要技術(shù)】

HTML、CSS、JS、jQuery等

【主流框架技術(shù)】

Vue.js、AngularJS、React等

【應(yīng)用領(lǐng)域】

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

【學(xué)校環(huán)境】

【發(fā)展歷程】

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

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

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

【核心技術(shù)】

HTML語言：

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

CSS：

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

JavaScript：

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

操作系統(tǒng)：

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

網(wǎng)絡(luò)服務(wù)器：

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

【職業(yè)機(jī)會】

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

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

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

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

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

（5）了解服務(wù)器端的相關(guān)工作，在交互體驗、產(chǎn)品設(shè)計等方面有自己的見解。

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

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

前端架構(gòu)師

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

【教學(xué)現(xiàn)場】