上海web前端培訓(xùn)輔導(dǎo)班
本院課程基于Web2.0之上,主要學(xué)習(xí)web3.0的技術(shù),實(shí)現(xiàn)網(wǎng)頁(yè)在PC端和移動(dòng)端的應(yīng)用。
HTML5 CSS3布局、JavaScript核心框架與編程技術(shù)、移動(dòng)端頁(yè)面開(kāi)發(fā)(HTML5)、移動(dòng)端技術(shù)與服務(wù)器交互、實(shí)戰(zhàn)項(xiàng)目訓(xùn)練,可實(shí)現(xiàn)小米登錄、小米注冊(cè)、淘寶登錄、淘寶注冊(cè)、京東產(chǎn)品詳情頁(yè)的頁(yè)面動(dòng)效以及交互實(shí)現(xiàn)、非凡官網(wǎng)項(xiàng)目的典型效果實(shí)現(xiàn)、唯品會(huì)訂單頁(yè)面設(shè)計(jì)開(kāi)發(fā)
助學(xué)分期:支持百度錢包教育助學(xué)分期(6期、12期、4 8期)
入學(xué)條件:
1.零基礎(chǔ)學(xué)習(xí),好有美術(shù)方面的基礎(chǔ)
2.學(xué)習(xí)后可以達(dá)到前端網(wǎng)頁(yè)設(shè)計(jì)的效果,可以勝任網(wǎng)頁(yè)前端、前端美工設(shè)計(jì)、淘寶美工、網(wǎng)頁(yè)美工等職位
課程周期: 總課時(shí):384課時(shí)(45分鐘/課時(shí))
學(xué)習(xí)周期:平時(shí)白天:3-4個(gè)月、周末白天:8-10個(gè)月(以班級(jí)安排為準(zhǔn))
使用教材: 學(xué)校內(nèi)部專業(yè)電子教材,采用理念與實(shí)戰(zhàn)相結(jié)合、案例分析和設(shè)計(jì)為主
可考證書: 教育部SIC《網(wǎng)頁(yè)前端設(shè)計(jì)師》和《網(wǎng)絡(luò)設(shè)計(jì)師》認(rèn)證證書
就業(yè)方向: 網(wǎng)頁(yè)前端設(shè)計(jì)師、UI移動(dòng)設(shè)計(jì)師、網(wǎng)站前端開(kāi)發(fā)工程師、手機(jī)開(kāi)發(fā)界面設(shè)計(jì)師、門戶網(wǎng)站構(gòu)架,門戶網(wǎng)頁(yè)設(shè)計(jì)和制作師,電子商務(wù)師等
專業(yè)亮點(diǎn): **本專業(yè)的學(xué)習(xí),學(xué)員有了一定的網(wǎng)頁(yè)美工設(shè)計(jì)基礎(chǔ),能夠**達(dá)到網(wǎng)頁(yè)美工、網(wǎng)頁(yè)前端設(shè)計(jì)的效果??梢詣偃问謾C(jī)前端、網(wǎng)頁(yè)前端等職位
高級(jí)WEB前端工程師精品班
課程模塊
課程科目
培訓(xùn)內(nèi)容
**階段(設(shè)計(jì)與軟件技能)
前端預(yù)科班
(贈(zèng)送課程)
Dreamweaver
講解DW的人性化功能以及在頁(yè)面架構(gòu)和前端開(kāi)發(fā)應(yīng)用領(lǐng)域的使用技巧,html基礎(chǔ)應(yīng)用,**入門,css樣式表的應(yīng)用,網(wǎng)站的管理和維護(hù)
Flash
講解FL在視頻、聲音、圖形和動(dòng)畫方面的應(yīng)用,可以各種動(dòng)畫制作、導(dǎo)航界面、互動(dòng)效果以及其他奇特的效果
Fireworks
講解FW在網(wǎng)頁(yè)切片、圖層、幀、gif動(dòng)畫、畫布設(shè)置中的應(yīng)用以及配合其他軟件進(jìn)行使用
Photoshop
熟練掌握PS在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合其他軟件的應(yīng)用
培訓(xùn)目標(biāo)
熟練掌握PS在圖像編輯、圖像合成、校色調(diào)色及特效制作四大部分的技巧以及配合其他軟件的應(yīng)用
第二階段(web前端樣式與布局)
web前端樣式與布局
HTML5 CSS3
HTML標(biāo)簽
1.HTML5入門與簡(jiǎn)介 2.文本、圖像、鏈接、表格、列表、表單、框架(iframe)等標(biāo)簽
3.HTML5新增的智能表單 4.HTML5新增的結(jié)構(gòu)化標(biāo)簽
隨堂項(xiàng)目:
1.文章頁(yè)面的結(jié)構(gòu)化布局。包括文章標(biāo)題、正文、圖片、頁(yè)面背景、作者、發(fā)表時(shí)間等信息
2.利用table標(biāo)簽課程表的實(shí)現(xiàn)
3.利用form、input表單標(biāo)簽實(shí)現(xiàn)簡(jiǎn)單登錄注冊(cè)頁(yè)面
CSS基礎(chǔ)語(yǔ)法
常見(jiàn)樣式
1.CSS3語(yǔ)法規(guī)則 2.CSS3三種引入方式
3.標(biāo)簽的常見(jiàn)屬性 4.CSS3中常見(jiàn)文字格式化處理
5.CSS3中常見(jiàn)顏色的表達(dá)方式
隨堂項(xiàng)目:一般導(dǎo)航欄的制作
CSS選擇器
1.什么是CSS選擇器
2.ID選擇器、class選擇器、元素選擇器
3.偽類選擇器、結(jié)構(gòu)化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器
CSS盒子模型
1.什么是和盒子模型
2.盒子模型的內(nèi)容區(qū)、邊框、內(nèi)邊距、外邊距
3.知曉盒子模型各個(gè)屬性的使用場(chǎng)景
隨堂項(xiàng)目:導(dǎo)航欄的制作,利用盒子模型拉開(kāi)間距、hover效果添加后的內(nèi)邊距設(shè)定
浮動(dòng)與定位
1.float的使用
2.利用clear 清除浮動(dòng)
3.利用overflow消除float對(duì)于父容器的影響
4.position定位中的:static、fixed、absolute、relative的使用
隨堂項(xiàng)目:導(dǎo)航欄左右布局的定位、二級(jí)菜單的實(shí)現(xiàn)、回到頂部的按鈕
響應(yīng)式布局與頁(yè)面優(yōu)化處理
1.移動(dòng)頁(yè)面與PC端頁(yè)面布局時(shí)候需要注意點(diǎn) 2.響應(yīng)式布局的實(shí)現(xiàn)原理
3.各種瀏覽器對(duì)于CSS樣式的支持情況 4.頁(yè)面優(yōu)化需要注意的地方
5.解決跨瀏覽器兼容性問(wèn)題
隨堂項(xiàng)目:移動(dòng)端的用戶注冊(cè)頁(yè)面、PC端的用戶注冊(cè)頁(yè)面。
實(shí)戰(zhàn)項(xiàng)目
1.熟悉網(wǎng)頁(yè)前端開(kāi)發(fā)的完整流程 2.PS設(shè)計(jì)稿的切圖操作
3.導(dǎo)航欄的設(shè)計(jì)與實(shí)現(xiàn) 4.二級(jí)菜單的設(shè)計(jì)與實(shí)現(xiàn)
5.網(wǎng)頁(yè)布局中的排列技巧 6.商品列表的設(shè)計(jì)與實(shí)現(xiàn)
7.hover效果搭配陰影效果在網(wǎng)頁(yè)設(shè)計(jì)中的使用技巧 8.列表在網(wǎng)頁(yè)設(shè)計(jì)中的使用技巧
9.盒子模型的使用技巧
培訓(xùn)目標(biāo):1.根據(jù)PS設(shè)計(jì)稿完成官方網(wǎng)頁(yè)首頁(yè)的代碼編寫
2.知曉整個(gè)團(tuán)隊(duì)開(kāi)發(fā)協(xié)作流程能夠獨(dú)立的擔(dān)任前端開(kāi)發(fā)工作
第三階段(web前端交互開(kāi)發(fā))
web前端交互開(kāi)發(fā)JavaScript
核心語(yǔ)法
1.javascript基礎(chǔ)語(yǔ)法 2.javascript的引入方式
3.javascript中的對(duì)象、數(shù)組、變量 4.流程控制(if…else switch…case while for)
隨堂項(xiàng)目:九九乘法表、閏年計(jì)算、誰(shuí)是高富帥(if…else.. Switch…case)
BOM與DOM操作
1.熟知瀏覽器中的對(duì)象BOM,并利用javascript操作它
2.熟知文檔對(duì)象模型DOM。并利用javascript操作它
隨堂項(xiàng)目:網(wǎng)頁(yè)時(shí)鐘的制作、回到頂部
事件編程
1.javascript的事件機(jī)制
2.常見(jiàn)的JS事件:?jiǎn)螕簟㈦p擊、移動(dòng)、懸停、焦點(diǎn)的獲取與失去、瀏覽器的關(guān)閉與加載
隨堂項(xiàng)目:1.選不中的按鈕的實(shí)現(xiàn)2.簡(jiǎn)單功能計(jì)算機(jī)的實(shí)現(xiàn)
正則表達(dá)式、面向?qū)ο缶幊?、錯(cuò)誤處理
1.正則表達(dá)式的語(yǔ)法基礎(chǔ) 2.利用正則表達(dá)式做字符匹配
3.面向?qū)ο缶幊?4.javascript的處理處理機(jī)制
隨堂項(xiàng)目:郵箱格式的驗(yàn)證、編寫一個(gè)獲取常見(jiàn)輸入數(shù)據(jù)的格式驗(yàn)證類。
JQuery
1.JQuery基礎(chǔ)語(yǔ)法 2.JQuery選擇器
3.JQuery的BOM與DOM操作 4.JQuery事件編程
4.Jquery常見(jiàn)動(dòng)畫與自定義動(dòng)畫編程
隨堂項(xiàng)目:打地鼠游戲、**輪盤制作
JQuery
項(xiàng)目實(shí)戰(zhàn)
1.圖片輪播 2.利用jQuery制作拼圖 3.貪吃蛇
Ajax技術(shù)
1.什么是Ajax技術(shù) 2.json格式與XML格式詳解
3.Ajax的post與get兩種提交方式詳解 4.服務(wù)器端的數(shù)據(jù)反饋機(jī)制說(shuō)明
5.如何利用jQuery實(shí)現(xiàn)Ajax提交
隨堂項(xiàng)目:用戶注冊(cè)、登錄的Ajax無(wú)刷新實(shí)現(xiàn)、淘寶收貨地址中省市級(jí)聯(lián)的實(shí)現(xiàn)
第四階段(整站項(xiàng)目實(shí)訓(xùn))
整站項(xiàng)目
實(shí)訓(xùn)
規(guī)劃設(shè)計(jì)
1.開(kāi)發(fā)流程介紹 2.知道什么是git.
3.搭建git版本庫(kù) 4.安裝git控制軟件
5.學(xué)習(xí)commit 、push、pull等功能。 6.建立獨(dú)立商城項(xiàng)目
首頁(yè)項(xiàng)目
1.菜單欄重構(gòu)設(shè)計(jì) 2.導(dǎo)航欄重構(gòu)設(shè)計(jì)
3.banner規(guī)劃設(shè)計(jì) 4.常用js動(dòng)畫效果
詳情頁(yè)設(shè)計(jì)
1.相同部分
2.商品詳情頁(yè)編寫
3.商品頁(yè)動(dòng)畫效果的制作
購(gòu)物頁(yè)面
1.完成商品選擇功能
2.商品提交過(guò)程
3.錯(cuò)誤信息提示窗體等功能
第五階段(移動(dòng)端進(jìn)階開(kāi)發(fā))
移動(dòng)端進(jìn)階
開(kāi)發(fā)
HTML5
高級(jí)功能
1.canvas標(biāo)簽的使用
2.多媒體在網(wǎng)頁(yè)中的使用
3.HTML5中的智能表單
4.HTML5中API的詳解(定位、數(shù)據(jù)庫(kù)存儲(chǔ))
隨堂項(xiàng)目:1.利用智能表單實(shí)現(xiàn)注冊(cè)頁(yè)面
2.利用canvas繪制小星星
3.利用HTML5中新功能實(shí)現(xiàn)一個(gè)*近超市搜索頁(yè)面。
CSS3
動(dòng)畫詳解
1.CSS3的動(dòng)畫功能
2.CSS3新增選擇器
3.彈性盒模型
4.服務(wù)器字體
隨堂項(xiàng)目:1.利用CSS3動(dòng)畫繪制一個(gè)三維立體動(dòng)態(tài)的導(dǎo)航欄。
Bootstrap
1.什么是bootstrap 2.bootstrap的柵格系統(tǒng)
3.bootstrap的CSS樣式 4.bootstrap的組件
5.bootstrap的javascript插件
隨堂項(xiàng)目:利用bootstrap構(gòu)建移動(dòng)商城首頁(yè)、用戶注冊(cè)、登錄等頁(yè)面
webAPP開(kāi)發(fā)
1.移動(dòng)端頁(yè)面的設(shè)計(jì)要求
2.HTML5動(dòng)畫的常見(jiàn)使用場(chǎng)景
3.多媒體在頁(yè)面中的使用
4.商城項(xiàng)目首頁(yè)、用戶注冊(cè)、登錄、商品列表等頁(yè)面的實(shí)現(xiàn)
微信公眾號(hào)
開(kāi)發(fā)
1.是微信公眾號(hào)項(xiàng)目開(kāi)發(fā)的簡(jiǎn)介。
2.微信公眾號(hào)項(xiàng)目的官方文檔與demo樣例全解析
3.調(diào)用微信官方API接口函數(shù)
4.利用H5的新特性構(gòu)建更富有表現(xiàn)力的活動(dòng)頁(yè)面
5.常見(jiàn)微信分享、投票、活動(dòng)、**頁(yè)面的設(shè)計(jì)與實(shí)現(xiàn)
第六階段(崗前強(qiáng)化與就業(yè)指導(dǎo))
溝通技能
和就業(yè)指導(dǎo)
管理與溝通
心態(tài)與服務(wù)、職場(chǎng)商務(wù)禮儀、溝通與口才強(qiáng)化、職業(yè)素養(yǎng)提升、團(tuán)隊(duì)合作
就業(yè)指導(dǎo)
畢業(yè)作品整理、行業(yè)規(guī)范與合同、職場(chǎng)與行業(yè)分析、企業(yè)觀模與規(guī)劃、職場(chǎng)崗位實(shí)戰(zhàn)模擬、創(chuàng)業(yè)指導(dǎo)、實(shí)習(xí)與預(yù)工作
特別說(shuō)明
1.報(bào)名課程,贈(zèng)送視頻包、軟件包、素材包、材料包
2.報(bào)名課程,在學(xué)習(xí)過(guò)程中,學(xué)員有機(jī)會(huì)參加學(xué)院派接的訂單實(shí)戰(zhàn)
3.零基礎(chǔ),可以達(dá)到高級(jí)網(wǎng)頁(yè)前端設(shè)計(jì)的程度,相當(dāng)于具有半年左右的工作經(jīng)驗(yàn)。
4.擔(dān)心學(xué)不會(huì):出勤率達(dá)90%以上,可享受1年內(nèi)可重新學(xué)習(xí)
5.學(xué)完以后,參加國(guó)家認(rèn)證考試,可獲得工信部《網(wǎng)絡(luò)設(shè)計(jì)師》、教育部SIC《網(wǎng)頁(yè)前端工程師》(費(fèi)用另付)
6.學(xué)習(xí)周期:平日班3-4個(gè)月;業(yè)余制8-10個(gè)月。
7.共384課時(shí)(45分鐘/課時(shí))
獨(dú)創(chuàng)PPHA閉環(huán)學(xué)習(xí)系統(tǒng),讓人人都能學(xué)會(huì)
全面的過(guò)程考核,強(qiáng)大的學(xué)習(xí)監(jiān)控,讓基礎(chǔ)差、學(xué)習(xí)慢的學(xué)員在也不用擔(dān)心
1、預(yù)習(xí):提前預(yù)習(xí)讓上課更高效
2、講練:分段教學(xué),講練結(jié)合更易懂
3、輔導(dǎo):講師親臨輔導(dǎo)及時(shí)解決疑惑
4、作業(yè):課后3小時(shí)制度升華課堂內(nèi)容
5、查評(píng):收查點(diǎn)評(píng)作業(yè)針對(duì)解決問(wèn)題
6、考核:層層階段考核確保穩(wěn)步前進(jìn)
**團(tuán)隊(duì)
周剛--網(wǎng)頁(yè)設(shè)計(jì)講師
淮北大學(xué)計(jì)算機(jī)科學(xué)與技術(shù)專業(yè);資深網(wǎng)頁(yè)設(shè)計(jì)師,高級(jí)中學(xué)教師資格;擁有12年網(wǎng)站設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn),熟練運(yùn)用網(wǎng)頁(yè)制作軟件及相關(guān)編程語(yǔ)言,并擁有成熟的網(wǎng)站開(kāi)發(fā)技巧
倪銀龍--web前端、后臺(tái)開(kāi)發(fā)講師
江蘇師范大學(xué)計(jì)算機(jī)專業(yè)畢業(yè),江蘇省科研立項(xiàng)一項(xiàng)《基于ZigBee的多區(qū)域物聯(lián)網(wǎng)系統(tǒng)設(shè)計(jì)與實(shí)現(xiàn)》,徐州市第四屆創(chuàng)新創(chuàng)意大賽三等獎(jiǎng),曾任徐州點(diǎn)滴文化傳媒公司、上海觀源信息技術(shù)公司開(kāi)發(fā)工程師
康奇--網(wǎng)頁(yè)前端設(shè)計(jì)講師
畢業(yè)于西南科技大學(xué)計(jì)算機(jī)專業(yè),多年網(wǎng)頁(yè)設(shè)計(jì)經(jīng)歷,資深網(wǎng)頁(yè)設(shè)計(jì)師,優(yōu)秀職業(yè)培訓(xùn)講師;曾任多家網(wǎng)絡(luò)公司任專職設(shè)計(jì)師,熟練運(yùn)用網(wǎng)頁(yè)制作軟件,擁有成熟的網(wǎng)站開(kāi)發(fā)技巧?,F(xiàn)任非凡學(xué)院專職講師。
關(guān)于非凡
上海非凡進(jìn)修學(xué)院成立于2005年7月是在團(tuán)中央青年企業(yè)家協(xié)會(huì)、中國(guó)民主建國(guó)會(huì)徐匯區(qū)委員會(huì)等團(tuán)體支持和領(lǐng)導(dǎo)下,由交大MBA同學(xué)會(huì)發(fā)起,經(jīng)民政局、教育局核準(zhǔn)注冊(cè)成立的教育機(jī)構(gòu)。
總部位于上海交通大學(xué)教育培訓(xùn)圈、徐家匯商圈處,是以電腦培訓(xùn)、設(shè)計(jì)培訓(xùn)、電商培訓(xùn)、企業(yè)培訓(xùn)為主的學(xué)院;學(xué)院以教育改變?nèi)松鸀槭姑?,以培養(yǎng)優(yōu)秀創(chuàng)意設(shè)計(jì)人才為己任,以培養(yǎng)實(shí)用型人才為目標(biāo),為企業(yè)和社會(huì)培養(yǎng)大量設(shè)計(jì)類人才,辦學(xué)10多年以來(lái),一直得到企事業(yè)用人單位、政府機(jī)構(gòu)主管部門及學(xué)員們的一致好評(píng)。
★徐家匯交大中心
地址:徐匯區(qū)廣元西路45號(hào)
★人民廣場(chǎng)中心
地址:黃浦區(qū)山東中路311號(hào)
★浦東八佰伴中心
地址:浦東新區(qū)張楊路601號(hào)
★普陀長(zhǎng)壽路中心
地址:普陀區(qū)膠州路941號(hào)
★虹口足球場(chǎng)中心
地址:虹口區(qū)花園路88號(hào)
★電商事業(yè)部中心
地址:徐匯區(qū)廣元西路45號(hào)
如果想了解更多WEB課程請(qǐng)點(diǎn)擊 >>
想要了解更多上海web前端培訓(xùn)輔導(dǎo)班相關(guān)信息
可以撥打我們的咨詢電話:021 - 64320836 張老師
也可以瀏覽我們的網(wǎng)站進(jìn)行網(wǎng)上咨詢:教育聯(lián)展網(wǎng) 和 中華考試網(wǎng)