為何稱之為"互聯(lián)網(wǎng)行業(yè)新貴"?
WEB前端開(kāi)拓由網(wǎng)頁(yè)制作演變而來(lái)的,名稱上有很明顯的時(shí)代特性?,F(xiàn)在各種混合app的流行,加上網(wǎng)站頁(yè)面更新快,企業(yè)更加注重用戶體驗(yàn),因此WEB交互式開(kāi)發(fā)工程師一職業(yè)應(yīng)勢(shì)而生。
WEB前端設(shè)計(jì)師的崗位職責(zé)是利用HTML、CSS、 JavaScript、 DOM、
Flash等各種WEB技能進(jìn)行結(jié)合產(chǎn)品的界面開(kāi)發(fā)。他們制作標(biāo)準(zhǔn)化純手工代碼,并增加交互功能,開(kāi)拓JavaScript和Flash模塊,結(jié)合后端開(kāi)拓技能實(shí)現(xiàn)全部效果,豐富互聯(lián)網(wǎng)的WEB開(kāi)拓,從而優(yōu)化用戶體驗(yàn)。
簡(jiǎn)單說(shuō):比設(shè)計(jì)更懂技術(shù),比后臺(tái)更懂交互,每天和各種各樣的瀏覽器打交道,做整個(gè)產(chǎn)品的門面效果和交互體驗(yàn)工作。
WEB前端無(wú)處不在
H5作為下一代WEB語(yǔ)言,從小游戲到大翻頁(yè),H5的應(yīng)用場(chǎng)景可以是非常多元的。它能夠在上,能夠在應(yīng)用商店上,也能夠在瀏覽器上。只要有瀏覽、有入口的地方就會(huì)有H5,不管是瀏覽器還是操作系統(tǒng),隨著使用者越來(lái)越多,在未來(lái)都將無(wú)法離開(kāi)H5。
課程大綱:
第1階段 WEB前端基礎(chǔ)
WEB前端基礎(chǔ)熟練掌握各種CSS復(fù)雜選擇器以及深層應(yīng)用,實(shí)現(xiàn)復(fù)雜頁(yè)面效果的制作,理解 CSS Hack和 CSS
優(yōu)化,能夠手動(dòng)完成各種頁(yè)面樣式的定義和編寫(xiě),并保證瀏覽器兼容性。
1、熟練掌握各種HTML標(biāo)簽,能夠手動(dòng)快速完成各種頁(yè)面的編寫(xiě)
2、熟練掌握各種常用CSS選擇器以及CSS樣式的定義和使用,能夠手動(dòng)完成各種頁(yè)面樣式的定義和編寫(xiě)
3、完成京東首頁(yè)的布局分析、設(shè)計(jì),并純手寫(xiě)代碼的方式實(shí)現(xiàn)整個(gè)頁(yè)面,夯實(shí)WEB前端頁(yè)面實(shí)操能力
4、熟練掌握各種CSS復(fù)雜選擇器以及深層應(yīng)用,實(shí)現(xiàn)復(fù)雜頁(yè)面效果的制作,理解CSS Hack和 CSS
優(yōu)化,能夠手動(dòng)完成各種頁(yè)面樣式的定義和編寫(xiě),并保證瀏覽器兼容性
5、講解Photoshop設(shè)計(jì)工具、互聯(lián)網(wǎng)UI交互設(shè)計(jì)理論,完全手動(dòng)代碼實(shí)現(xiàn)知名前端頁(yè)面的編寫(xiě)
6、理解 JavaScript 的語(yǔ)言原理與運(yùn)行模式,熟練掌握 JavaScript 核心編程技巧,能夠熟練使用 JavaScript 實(shí)現(xiàn)邏輯算法、流程控制
第2階段 JavaScript核心
本階段主要學(xué)習(xí)JavaScript核心,分析項(xiàng)目需求,理解項(xiàng)目的算法,熟練掌握網(wǎng)頁(yè)型程序的開(kāi)發(fā)技術(shù),深入理解JS的應(yīng)用技巧。分析WEB頁(yè)面的功能和需求,實(shí)現(xiàn)WEB頁(yè)面的動(dòng)效展示以及交互功能。
1、深入理解JavaScript語(yǔ)言原理,熟練掌握J(rèn)avaScript編程技巧,掌握J(rèn)avaScript對(duì)象封裝技巧,理解面向?qū)ο缶幊汤碚摚軌蚴炀毷褂肑avaScript實(shí)現(xiàn)邏輯算法、界面驗(yàn)證以及功能實(shí)現(xiàn),理解并掌握ECMAScript5的新特性
2、分析項(xiàng)目需求,理解項(xiàng)目的算法,熟練掌握網(wǎng)頁(yè)型程序的開(kāi)發(fā)技術(shù),深入理解JS的應(yīng)用技巧。
3、深入理解DOM和BOM理論,熟練掌握DOM編程,能夠熟練的使用JavaScript原生代碼對(duì)頁(yè)面進(jìn)行處理,完成各種頁(yè)面動(dòng)態(tài)效果以及動(dòng)態(tài)交互的實(shí)現(xiàn)
4、學(xué)習(xí)和理解WEB頁(yè)面游戲的邏輯和算法,能夠完成各種WEB頁(yè)面游戲的分析和實(shí)現(xiàn)
5、掌握J(rèn)Query核心API,深入理解JQuery設(shè)計(jì)原則,了解多種JQuery插件,能夠熟練使用JQuery編程,實(shí)現(xiàn)頁(yè)面各種功能及效果
5、分析WEB頁(yè)面的功能和需求,實(shí)現(xiàn)WEB頁(yè)面的動(dòng)效展示以及交互功能
第3階段 WEB前端核心
本階段主要學(xué)習(xí)Web前端核心,結(jié)合服務(wù)器端和AJAX知識(shí),實(shí)現(xiàn)網(wǎng)站與服務(wù)器的交互功能,包括登錄功能、個(gè)人中心、訂單列表等功能模塊,分析頁(yè)面功能需求,能夠熟練使用HTML5的相關(guān)技術(shù)實(shí)現(xiàn)WEB應(yīng)用開(kāi)發(fā)。
1、了解各種主流服務(wù)器以及服務(wù)器端技術(shù),能夠?qū)崿F(xiàn)服務(wù)器端的部署,透徹理解 HTTP 協(xié)議,掌握服務(wù)器端組件原理,能夠?qū)崿F(xiàn)服務(wù)器端的通信分析
2、深入理解 Ajax的基本通信原理,掌握基于XML 和 JSON 的數(shù)據(jù)規(guī)則,能夠熟練使用 Ajax 實(shí)現(xiàn)與服務(wù)器的異步通信,并完成頁(yè)面的局部提交和刷新
3、結(jié)合服務(wù)器端和 AJAX 知識(shí),實(shí)現(xiàn)網(wǎng)站與服務(wù)器的交互功能,包括登錄功能、個(gè)人中心、訂單列表等功能模塊
4、熟練掌握 HTML5
的各種新特性,能夠熟練使用新表單特性實(shí)現(xiàn)頁(yè)面功能,能夠?qū)崿F(xiàn)頁(yè)面中的音視頻處理,實(shí)現(xiàn)復(fù)雜繪圖以及圖表繪制,實(shí)現(xiàn)頁(yè)面的地理定位操作以及頁(yè)面的離線存儲(chǔ)功能,能夠熟練使用
HTML5 進(jìn)行各種 Web 應(yīng)用開(kāi)發(fā)
5、分析頁(yè)面功能需求,能夠熟練使用 HTML5 的相關(guān)技術(shù)實(shí)現(xiàn) WEB應(yīng)用開(kāi)發(fā)
6、理解響應(yīng)式布局的原理,熟練掌握Bootstrap的核心API,能夠熟練應(yīng)用 Bootstrap 的全局樣式、組件以及 JS
插件來(lái)實(shí)現(xiàn)響應(yīng)式布局的開(kāi)發(fā)、測(cè)試以及功能交互,并能夠使用 LESS 語(yǔ)言實(shí)現(xiàn)動(dòng)態(tài)樣式的編寫(xiě)以及定制
第4階段 WEB前端深層
Web 前端深層技術(shù),了解軟件開(kāi)發(fā)流程,學(xué)習(xí)從功能分析到軟件設(shè)計(jì)、再到功能實(shí)現(xiàn)的整個(gè)開(kāi)發(fā)流程,能夠熟練使用 AngularJS 的相關(guān)知識(shí),實(shí)現(xiàn) Web
應(yīng)用程序開(kāi)發(fā) ,學(xué)習(xí)混編 APP 的開(kāi)發(fā)環(huán)境,了解新興混編開(kāi)發(fā)的相關(guān)框架,學(xué)會(huì)如何使用 PhonGap 實(shí)現(xiàn)混編開(kāi)發(fā),能夠使用 PhoneGap 技術(shù),結(jié)合
HTML5 WEB前端技術(shù),實(shí)現(xiàn)跨平臺(tái)的 APP 應(yīng)用開(kāi)發(fā)
項(xiàng)目實(shí)訓(xùn)案例
1、理解 AngularJS 的框架原理,熟練掌握 MVC編程模式,能夠熟練使用 AngularJS 實(shí)現(xiàn)頁(yè)面的重構(gòu)和單頁(yè)面 WEB 應(yīng)用程序的開(kāi)發(fā)
2、了解軟件開(kāi)發(fā)流程,學(xué)習(xí)從功能分析到軟件設(shè)計(jì)、再到功能實(shí)現(xiàn)的整個(gè)開(kāi)發(fā)流程,能夠熟練使用 AngularJS 的相關(guān)知識(shí),實(shí)現(xiàn) Web 應(yīng)用程序開(kāi)發(fā)
3、學(xué)習(xí) Android 的開(kāi)發(fā)環(huán)境、測(cè)試方式以及部署演練,熟練掌握 jQuery.mobile 的組件以及相關(guān) API,能夠?qū)崿F(xiàn) WEB
頁(yè)面到移動(dòng)端的遷移和部署,熟練完成各種 WEB APP 的開(kāi)發(fā)和實(shí)現(xiàn)
4、學(xué)習(xí)混編 APP 的開(kāi)發(fā)環(huán)境,了解新興混編開(kāi)發(fā)的相關(guān)框架,學(xué)會(huì)如何使用 PhonGap 實(shí)現(xiàn)混編開(kāi)發(fā),能夠使用 PhoneGap 技術(shù),結(jié)合 HTML5
WEB前端技術(shù),實(shí)現(xiàn)跨平臺(tái)的 APP 應(yīng)用開(kāi)發(fā)
5、了解Node.js服務(wù)器端應(yīng)用特性,掌握常用模塊,熟悉NPM模塊管理,在學(xué)會(huì)文件I/O操作基礎(chǔ)上,結(jié)合數(shù)據(jù)庫(kù)訪問(wèn)和HTTP協(xié)議等相關(guān)知識(shí),創(chuàng)建動(dòng)態(tài)Web應(yīng)用
6、了解并學(xué)習(xí)各種新興前端框架,學(xué)會(huì)如何使用框架技術(shù)以及如何學(xué)習(xí)使用新框架
7、了解公眾平臺(tái)開(kāi)發(fā)及維護(hù)的相關(guān)知識(shí),掌握產(chǎn)品設(shè)計(jì)和接口開(kāi)發(fā)實(shí)現(xiàn)的相關(guān)技能