 班級(jí)規(guī)模及環(huán)境--熱線:4008699035 手機(jī):15921673576( 微信同號(hào)) |
|
每期人數(shù)限3到5人。 |
| 上課時(shí)間和地點(diǎn) |
上課地點(diǎn)：【上海】：同濟(jì)大學(xué)(滬西)/新城金郡商務(wù)樓(11號(hào)線白銀路站) 【深圳分部】：電影大廈(地鐵一號(hào)線大劇院站)/深圳大學(xué)成教院 【北京分部】：北京中山學(xué)院/福鑫大樓 【南京分部】：金港大廈(和燕路) 【武漢分部】：佳源大廈（高新二路） 【成都分部】：領(lǐng)館區(qū)1號(hào)（中和大道） 【沈陽(yáng)分部】：沈陽(yáng)理工大學(xué)/六宅臻品 【鄭州分部】：鄭州大學(xué)/錦華大廈 【石家莊分部】：河北科技大學(xué)/瑞景大廈 【廣州分部】：廣糧大廈 【西安分部】：協(xié)同大廈
最近開(kāi)課時(shí)間(周末班/連續(xù)班/晚班）：2020年3月16日 |
| 實(shí)驗(yàn)設(shè)備 |
☆資深工程師授課
☆注重質(zhì)量
☆邊講邊練
☆合格學(xué)員免費(fèi)推薦工作
★實(shí)驗(yàn)設(shè)備請(qǐng)點(diǎn)擊這兒查看★ |
| 質(zhì)量保障 |
1、培訓(xùn)過(guò)程中，如有部分內(nèi)容理解不透或消化不好，可免費(fèi)在以后培訓(xùn)班中重聽(tīng)；
2、培訓(xùn)結(jié)束后,授課老師留給學(xué)員聯(lián)系方式,保障培訓(xùn)效果,免費(fèi)提供課后技術(shù)支持。
3、培訓(xùn)合格學(xué)員可享受免費(fèi)推薦就業(yè)機(jī)會(huì)。 |
大綱 |
| |
Html
1、掌握靜態(tài)網(wǎng)頁(yè)UI的核心標(biāo)簽
2、靜態(tài)網(wǎng)頁(yè)工作原理及相關(guān)知識(shí)點(diǎn)入門(mén)
3、HTML靜態(tài)網(wǎng)頁(yè)的實(shí)戰(zhàn)經(jīng)驗(yàn)分享
HTML頁(yè)面（全局標(biāo)簽、常見(jiàn)標(biāo)簽、表單標(biāo)簽、元素、屬性格式化、樣式等）
必備基礎(chǔ)1：前端發(fā)展歷史
必備基礎(chǔ)2：瀏覽器發(fā)展歷史
實(shí)戰(zhàn)經(jīng)驗(yàn)1：HTML靜態(tài)網(wǎng)頁(yè)字符集問(wèn)題
實(shí)戰(zhàn)經(jīng)驗(yàn)2：HTML靜態(tài)網(wǎng)頁(yè)的路徑讀寫(xiě)常見(jiàn)問(wèn)題及解決方案
XML
XML的標(biāo)簽與數(shù)據(jù)組織方式
XML（結(jié)構(gòu)、元素、屬性），仍然無(wú)處不在的表達(dá)，要強(qiáng)化！
XHTML
XHTML的歷史，與HTML的關(guān)系
XHTML（結(jié)構(gòu)、元素、屬性） ,為什么夭折了？
HTML5總決式
1、HTML 、XML 、HTML、HTML5對(duì)比
2、重點(diǎn)講解HTML5新增標(biāo)簽和使用場(chǎng)景
愛(ài)之初體驗(yàn)：HTML5-o-Matic過(guò)程，幾行代碼更改，Html變?yōu)镠tml5
HTML5基礎(chǔ)（元素、屬性格式化、樣式等）
1、特色教學(xué)：從HTML 、XML 、HTML再到HTML5，因?yàn)殡y產(chǎn)所以偉大！
2、HTML5的文檔頭和編碼聲明 UTF-8的故事
3、特色標(biāo)簽相關(guān)：語(yǔ)義化標(biāo)簽，HTML5標(biāo)簽的兼容處理，HTML5標(biāo)簽SEO
4、HTML5表單新特性、新的input類(lèi)型、新的元素選擇器
5、HTML5中的選擇器
6、placeholder的使用和兼容
7、表單自動(dòng)校驗(yàn)
8、其余涉及銳智個(gè)性課程，此處隱去
從CSS2到CSS3
1、使用HTML+DIV+CSS完成比較復(fù)雜的靜態(tài)頁(yè)面開(kāi)發(fā)
2、理解從CSS2、CSS3兩種版本的樣式表開(kāi)發(fā)方式
3、分享CSS3的在開(kāi)發(fā)一線的常用模板，并能應(yīng)用到本階段項(xiàng)目中
1、HTML5的標(biāo)配樣式：CSS定義及使用場(chǎng)合
2、CSS之內(nèi)部樣式
3、CSS之外部樣式
4、CSS之行內(nèi)樣式
5、經(jīng)驗(yàn)：選擇器及樣式的優(yōu)先級(jí)的判斷口訣
6、特色教學(xué)：以“王寶強(qiáng)”現(xiàn)象認(rèn)識(shí)層間浮動(dòng)
7、CSS的盒子模型簡(jiǎn)述
8、CSS的調(diào)試工具簡(jiǎn)述
9、DIV技術(shù)
10、拿來(lái)主義：使用DIV+CSS網(wǎng)頁(yè)的企業(yè)常用模板匯總
11、技術(shù)提升：CSS2與CSS3（布局方式等）的異同點(diǎn)
CSS3的框架應(yīng)用
1、理解框架的巨大價(jià)值
2、了解CSS3的一個(gè)知名框架（Velocity.js）
答疑解惑:框架到底是什么，為什么無(wú)處不在
在HTML5流行框架中，目前的分類(lèi)有哪些，細(xì)節(jié)部分留待4階段具體闡述
技術(shù)提升：CSS3的Velocity.js框架簡(jiǎn)析
HTML5破劍式：破解CSS3 在HTML5的一切應(yīng)用
以海量的專(zhuān)題應(yīng)用講解CSS3為HTML5準(zhǔn)備的新增功能
CSS3新版本新增功能匯總
專(zhuān)家解析1：CSS3的兼容性，瀏覽器前綴，不需要前綴的樣式 實(shí)例：CSS3旋轉(zhuǎn)、CSS3運(yùn)動(dòng)框架基礎(chǔ)
專(zhuān)家解析2：transition基本使用，transition的參數(shù)，不同運(yùn)動(dòng)形式的區(qū)別 transition運(yùn)用范圍，transition和JS平滑結(jié)合，transition的問(wèn)題 實(shí)例：純CSS3滑動(dòng)二級(jí)菜單、淡入淡出幻燈片
專(zhuān)家解析3：border-radius，圓角單位，圓角大小的測(cè)量（PS中），圓角參數(shù) 實(shí)例：圓角圖片框
專(zhuān)家解析4：rgba的使用，rgba和opacity的區(qū)別，rgba的應(yīng)用，rgba和漸變 實(shí)例：半透明遮罩文字的新寫(xiě)法
專(zhuān)家解析5：ext-shadow的用法，各種參數(shù)，配合rgba的另類(lèi)用途 實(shí)例：文字模糊效果
專(zhuān)家解析6：box-shadow的用法，內(nèi)投影和外投影，擴(kuò)展陰影 實(shí)例：CSS3按鈕、CSS3模擬PS的外發(fā)光效果、文本框模糊效果
專(zhuān)家解析7：線性漸變的使用，最簡(jiǎn)形式，漸變方向的控制，多點(diǎn)漸變和rgba結(jié)合 實(shí)例：CSS3進(jìn)度條的繪制
專(zhuān)家解析8：圓形漸變的使用，中心點(diǎn)位置，形狀和大小 實(shí)例：CSS3彩虹圈
一線工程師開(kāi)發(fā)經(jīng)驗(yàn)
本節(jié)內(nèi)容為核心精華，講解階段至今各種開(kāi)發(fā)應(yīng)用中出現(xiàn)的高級(jí)專(zhuān)題或通用難題，作為學(xué)員獨(dú)立開(kāi)發(fā)時(shí)出現(xiàn)類(lèi)似問(wèn)題的統(tǒng)一解決方案，也作為學(xué)員在企業(yè)面試時(shí)與兄弟培訓(xùn)機(jī)構(gòu)同類(lèi)學(xué)員競(jìng)爭(zhēng)的優(yōu)勢(shì)之一
1、瀏覽器內(nèi)核原理剖析
2、各類(lèi)瀏覽器兼容問(wèn)題
3、中文亂碼問(wèn)題及其解決方案
4、白帽與黑帽優(yōu)化技巧
5、代碼優(yōu)化的基本方法
6、異常處理機(jī)制
7、SEO基本知識(shí)
8、模型模板項(xiàng)目開(kāi)發(fā)
9、關(guān)鍵詞選擇
10、怪異盒模型
階段項(xiàng)目輔導(dǎo)
綜合案例與項(xiàng)目制作
1、Html標(biāo)簽+ccs3結(jié)合
2、制作基于HTML5的網(wǎng)頁(yè)頁(yè)面
3、制作基于HTML5的網(wǎng)頁(yè)頁(yè)面
JavaScript
JavaScript作為傳統(tǒng)的前端交互技術(shù)，本部分內(nèi)容重在學(xué)習(xí)后期高級(jí)應(yīng)用必須了解的核心，其余編程細(xì)節(jié)銳智的課程設(shè)計(jì)將匠心獨(dú)運(yùn)地做去粗取精的取舍
1、Javascript腳本基礎(chǔ)
2、精華：JavaScript的常用函數(shù)匯總
3、JavaScript交互實(shí)現(xiàn)
4、JavaScript的文檔對(duì)象模型DOM
5、JavaScript的瀏覽器對(duì)象模型BOM
6、實(shí)戰(zhàn)應(yīng)用:Window對(duì)象控制表單、對(duì)象控制、窗口控制聯(lián)動(dòng)提升頁(yè)面交互體驗(yàn)
7、JavaScript各類(lèi)特效應(yīng)用
8、JavaScript異步操作基礎(chǔ)
面向?qū)ο驤AVASCRIPT
1、面向?qū)ο笈c面向過(guò)程的區(qū)別
2、JAVA與JAVASCRIPT的區(qū)別
3、JQuery、EXT與JSON的區(qū)別
4、以Jquery為主學(xué)習(xí)面向?qū)ο蟮腏avascript開(kāi)發(fā)
1、高手進(jìn)階：弱類(lèi)型語(yǔ)言與強(qiáng)類(lèi)型語(yǔ)言的區(qū)別
2、要讓網(wǎng)頁(yè)動(dòng)起來(lái)，多少還是需要編程的，不多編程對(duì)好多小盆友來(lái)說(shuō)都是苦差事，所以東方銳智想了個(gè)代碼簡(jiǎn)單但功能一樣的好辦法，先學(xué)代碼量少的面向?qū)ο驤S編程。等有了基礎(chǔ)，到三階段長(zhǎng)大了再搞定傳統(tǒng)代碼量相對(duì)較多的面向過(guò)程JS。
3、傳統(tǒng)面向?qū)ο蟮腏avascript簡(jiǎn)介，不做編程，將簡(jiǎn)單化開(kāi)發(fā)進(jìn)行到底。本階段的衡量標(biāo)準(zhǔn)就是先出成果、早出成果、易出成果作為課程成敗。放眼全國(guó)機(jī)構(gòu)，都是先教傳統(tǒng)再教進(jìn)化的吧，東方銳智的課程體系就是要倒過(guò)來(lái)，這叫獨(dú)具匠心，而不是盲目抄襲。
4、Object-Orieneted Javascript，入選者概覽：JQuery、EXT、JSON、其它… （本課程以JQuery為主）
5、談“對(duì)象”，菜鳥(niǎo)工程師與正牌工程師那是有相當(dāng)差距的，建議來(lái)試試
6、基本選擇器、層次選擇器、過(guò)濾選擇器、表單選擇器
7、對(duì)象也可以有行為，行為怎么用？
8、事件、特效、動(dòng)畫(huà)
9、DOM文檔對(duì)象模型的操作與妙處
10、表格操作
11、表單函數(shù)
HTML5破刀式：破解腳本 在HTML5的一切應(yīng)用
核心專(zhuān)題課：Jquery高級(jí)技術(shù)在各類(lèi)專(zhuān)題內(nèi)容的應(yīng)用
專(zhuān)題1：Jquery如何異步加載數(shù)據(jù)
專(zhuān)題2：正則表達(dá)式專(zhuān)題
專(zhuān)題3：Jquery實(shí)現(xiàn)頁(yè)面的拖拽、方法鏈、變形
專(zhuān)題4：jQuery的第三方插件（jSignature等）
AJAX
1、掌握異步通信技術(shù)
2、能夠?qū)query與Ajax合用進(jìn)行各類(lèi)較復(fù)雜網(wǎng)頁(yè)的開(kāi)發(fā)
1、AJAX的機(jī)制與傳統(tǒng)WEB頁(yè)面的區(qū)別
2、文檔對(duì)象模型
3、XMLHttpRequest的用法
4、JSON與JSON解析
5、與AJAX相關(guān)的JSONP、zy_load等基礎(chǔ)技術(shù)
6、Ajax同源請(qǐng)求
7、Ajax同源策略與跨源策略
8、Ajax跨源請(qǐng)求
9、AJAX發(fā)送異步請(qǐng)求的步驟
10、Jquery中使用Ajax獲取JSON格式數(shù)據(jù)示例代碼
11、Jquery與Ajax的合用經(jīng)驗(yàn)匯總
實(shí)戰(zhàn)應(yīng)用1: AJAX的驗(yàn)證用戶名
實(shí)戰(zhàn)應(yīng)用2: 級(jí)聯(lián)下拉框
實(shí)戰(zhàn)應(yīng)用3: 基于JSON格式數(shù)據(jù)的簡(jiǎn)單jQuery幻燈片插件(jquery-slider)
實(shí)戰(zhàn)應(yīng)用4: 百度效果代碼示例
Bootstrap
1、學(xué)習(xí)Bootstrap前端框架
2、重點(diǎn)掌握如何根據(jù)個(gè)性需求裁剪Bootstrap框架的源碼，體現(xiàn)銳智學(xué)員的技術(shù)學(xué)習(xí)深度
1、經(jīng)驗(yàn)：何謂框架Bootstrap？Bootstrap框架的各類(lèi)版本兼容性問(wèn)題，出現(xiàn)版本沖突時(shí)企 業(yè)是如何解決的？項(xiàng)目實(shí)戰(zhàn)中如何用好框架？
2、Bootstrap組件（下拉菜單、按鈕組、按鈕下拉菜單、導(dǎo)航、導(dǎo)航條、路徑導(dǎo)航、分頁(yè)、排版、縮略圖、警告對(duì)話框、進(jìn)度條、媒體對(duì)象...）
3、賦予Bootstrap中的組件“生命”的13個(gè)jQuery插件
4、高手成長(zhǎng)1：對(duì)Bootstrap中的CSS變量進(jìn)行修改、依據(jù)自己的需求裁剪代碼
5、高手成長(zhǎng)2：對(duì)Bootstrap中的代碼根據(jù)需求自己裁剪
6、Less核心:CSS的預(yù)處理器，Less讓 CSS 具有動(dòng)態(tài)性
7、Sass
8、Less 和 Sass 中的嵌套
9、Bootstrap Less柵格模型
10、Bootstrap的綜合應(yīng)用
Bootstrap高級(jí)應(yīng)用
歸納Bootstrap框架在各種實(shí)際典型場(chǎng)景下的應(yīng)用與實(shí)現(xiàn)方式
1、模擬彈框（通過(guò)href觸發(fā)、通過(guò)data-target觸發(fā)）
2、動(dòng)畫(huà)過(guò)度（transetions插件）
3、標(biāo)簽頁(yè)
4、彈出框（彈出框不同尺寸控制的兩種方式）
5、輪播圖（carousel插件）
6、折疊面板（collapse插件）
7、滾動(dòng)監(jiān)聽(tīng)（scrollspy插件）
8、提示工具（tooltip插件）
PC端網(wǎng)站的布局技巧
特色課程：如何抓住用戶心理布置一個(gè)關(guān)注度高的網(wǎng)站
經(jīng)驗(yàn)分享：PC端網(wǎng)站的用戶交互習(xí)慣研究
PC端網(wǎng)站設(shè)計(jì)中的布局設(shè)置分類(lèi)
根據(jù)不同類(lèi)型用戶的交互習(xí)慣選擇本網(wǎng)站的合適布局，提高核心信息的關(guān)注度
版本控制與團(tuán)隊(duì)合作
1、學(xué)習(xí)版本管理控制的概念與幾種通用的軟件SVN、CSS、GIT
2、鞏固文件傳遞工具FTP
3、重點(diǎn)分享如何通過(guò)版本管理進(jìn)行團(tuán)隊(duì)合作，以及團(tuán)隊(duì)開(kāi)發(fā)中應(yīng)該注意的其它問(wèn)題
1、企業(yè)工程師在成長(zhǎng)：企業(yè)級(jí)HTML5項(xiàng)目的版本控制
2、版本控制工具SVN的安裝、搭建與部署
3、分布式版本控制系統(tǒng)－GIT的安裝、搭建與部署
4、版本控制工具CSS的安裝、搭建與部署
5、FTP工具
6、將任一版本控制軟件用于階段項(xiàng)目實(shí)戰(zhàn)中
7、經(jīng)驗(yàn)：項(xiàng)目團(tuán)隊(duì)開(kāi)發(fā)中的分工合作方式和常見(jiàn)問(wèn)題
項(xiàng)目實(shí)戰(zhàn)
1、主流綜合類(lèi)網(wǎng)站的設(shè)計(jì)分析
2、項(xiàng)目需求講解
3、講師演示項(xiàng)目最終效果
4、個(gè)人輔導(dǎo)與集中輔導(dǎo)相結(jié)合
1、主流綜合類(lèi)網(wǎng)站的設(shè)計(jì)分析
2、專(zhuān)項(xiàng)網(wǎng)站設(shè)計(jì)（學(xué)習(xí)專(zhuān)項(xiàng)網(wǎng)站的各類(lèi)元素。如電商頁(yè)面布局；企業(yè)級(jí)整站布局
3、應(yīng)用實(shí)戰(zhàn)：H5時(shí)尚互動(dòng)網(wǎng)站設(shè)計(jì)
4、階段項(xiàng)目指導(dǎo) |
首頁(yè) 課程表 在線聊 報(bào)名 講師 品牌 QQ聊 活動(dòng) 就業(yè)
合作伙伴與授權(quán)機(jī)構(gòu)