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