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