項目介紹:

以該視頻網(wǎng)站項目為例,詳細分析企業(yè)項目開(kāi)發(fā)流程,一個(gè)網(wǎng)站從無(wú)到有的所有過(guò)程,回顧布局技巧,搭配交互合理布局,前后端數據交互流程分析、安排、實(shí)現,網(wǎng)站常見(jiàn)交互效果。視頻類(lèi)網(wǎng)站除了基本的布局以外,還包含諸多常見(jiàn)的網(wǎng)站交互效果,視頻播放等功能,一通百通,掌握了該項目的開(kāi)發(fā)技巧以后,其他網(wǎng)站效果都能輕松應對。

技術(shù)要點(diǎn):

切圖技巧、DIV+CSS布局、整站布局技巧、瀏覽器兼容性處理、Javascript網(wǎng)頁(yè)交互、ajax、jsonp前后端數據交互技術(shù)。

教學(xué)內容:

一階段:

實(shí)戰項目:PC端項目:《東易買(mǎi)商城》《新浪積分商城》《拉勾網(wǎng)》《QQ音樂(lè )》《佳航出國留學(xué)官網(wǎng)》《火山體育官網(wǎng)》《智德和善官網(wǎng)》《美樂(lè )樂(lè )商城》移動(dòng)端webApp項目:《京東到家》《優(yōu)就業(yè)U學(xué)》響應式項目:《星巴克官網(wǎng)》《青竹良品商城》

二階段:

JS部分案例及項目:《百度搜索頁(yè)布局與交互》《京東首頁(yè)商品懶加載》《東易買(mǎi)商品拖拽添加購物車(chē)》《優(yōu)學(xué)登錄頁(yè)面布局與信息存儲》《163郵箱注冊》《面向對象小游戲》《暴風(fēng)VIP會(huì )員視頻網(wǎng)站》《愛(ài)奇藝視頻網(wǎng)站》JQuery部分項目:《美樂(lè )樂(lè )商城交互效果》

三階段:

實(shí)戰項目:Node基礎:《Node基礎案例》《在線(xiàn)相冊》Node全棧項目:《及時(shí)聊天系統》《個(gè)人博客系統》

四階段:

實(shí)戰項目:數據可視化:《多變的統計圖》《百度地圖》Vue:《vue基礎實(shí)例》《洋網(wǎng)店微商城》《東易買(mǎi)后臺管理系統》React:《react基礎實(shí)例》《仿簡(jiǎn)書(shū)APP》《淘車(chē)網(wǎng)》Angular:《angular基礎實(shí)例》《手機通訊錄》

五階段:

實(shí)戰項目:微信小程序:《仿網(wǎng)易云音樂(lè )》《優(yōu)就業(yè)在線(xiàn)書(shū)城》微信小游戲:《星際傳奇》《飛機大戰》React Native:《優(yōu)訊APP》《星座運勢》

六階段:

課程主題:企業(yè)面試前期準備與技巧企業(yè)面試實(shí)戰:培養目標從簡(jiǎn)歷、面試技巧等層面助學(xué)員提升,培養學(xué)員溝通表達能力讓學(xué)員清晰了解職業(yè)發(fā)展規劃,明確自身定位,找到適合自身發(fā)展的工作