項(xiàng)目介紹:

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

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

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

教學(xué)內(nèi)容:

一階段:

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

二階段:

JS部分案例及項(xiàng)目:《百度搜索頁(yè)布局與交互》《京東首頁(yè)商品懶加載》《東易買商品拖拽添加購(gòu)物車》《優(yōu)學(xué)登錄頁(yè)面布局與信息存儲(chǔ)》《163郵箱注冊(cè)》《面向?qū)ο笮∮螒颉贰侗╋L(fēng)VIP會(huì)員視頻網(wǎng)站》《愛奇藝視頻網(wǎng)站》JQuery部分項(xiàng)目:《美樂樂商城交互效果》

三階段:

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

四階段:

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

五階段:

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

六階段:

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