課程優(yōu)勢：
1. 課程源于甲骨文雇主企業(yè)的需求，真正符合企業(yè)用人需要
2. 由獲取甲骨文原廠國際認證的講師授課
3. 理論與實踐并重，多個企業(yè)真實項目案例貫穿其中
4. 真正的Oracle原廠完整規(guī)范的技術(shù)知識體系
5. Oracle標準課程與國內(nèi)主流技術(shù)的有機整合，實用性與指導(dǎo)性并重
6. 涵蓋最新的HTML5/CSS3、AJAX、JavaScript設(shè)計模式等技術(shù)
7. 涵蓋jQuery、jQueryEasyUI、Bootstrap、AngularJS等知名前端技術(shù)框架
8. 涵蓋最為流行的移動應(yīng)用及公眾號設(shè)計，以及SEO技術(shù)
適用群體：大專及以上學(xué)歷，具備基本的計算機操作能力、基本的英語閱讀能力
培養(yǎng)目標：具備高端、多方位、精英級水平的Web前端軟件開發(fā)人才
就業(yè)崗位：
Web前端研發(fā)工程師、Web前端開發(fā)員/程序員、Web UI設(shè)計工程師、移動前端工程師、手機前端工程師、手機UI設(shè)計工程師等
課程內(nèi)容：
課程名稱
課程及實訓(xùn)內(nèi)容
C1 HTML網(wǎng)頁設(shè)計基礎(chǔ)
主題
主要知識點
HTML 基礎(chǔ)
HTML發(fā)展歷史、HTML語言基礎(chǔ)、 HTML文檔結(jié)構(gòu)
HTML 基本標簽
HTML格式標簽, 文本標簽等基本標簽
HTML高級標簽
HTML 超鏈接, 圖像, 表格、DIV、SPAN等高級標簽
HTML表單與框架
HTML表單、框架FrameSet與Frame
網(wǎng)頁設(shè)計工具DreamWaver
DreamWaver簡介, 使用DreamWaver進行專業(yè)前端開發(fā)
CSS 基礎(chǔ)
CSS簡介, 語法, 標簽/類/ID選擇符
CSS 樣式
CSS 背景, 文本, 字體, 鏈接, 列表, 表格, 輪廓; CSS層疊樣式表；內(nèi)聯(lián)式、內(nèi)部和外部引用
CSS盒子模型
CSS盒子模型, 內(nèi)邊距, 邊框, 外邊距; CSS偽類及應(yīng)用
CSS核心技術(shù)
CSS定位,包括相對定位, 絕對定位, 浮動; 使用CSS/DIV實現(xiàn)頁面專業(yè)布局
P1 項目實訓(xùn)
名稱
項目描述
A. 銀行官網(wǎng)首頁
使用HTML+CSS技術(shù)實現(xiàn)一個高效、簡潔的前端頁面, 合理使用頁面空間; 使用DreamWaver開發(fā)工具快速開發(fā), 掌握系統(tǒng)前端頁面布局設(shè)計及外觀實現(xiàn)
C2 HTML5和CSS3設(shè)計與實現(xiàn)
主題
主要知識點
HTML5基礎(chǔ)
HTML5的優(yōu)勢、HTML5基本結(jié)構(gòu)和語法的變化; HTML5新增常用元素、新增常用屬性、頭部及元信息和HTML5新增拖放API
HTML5 表單
HTML5新增表單元素與屬性、HTML5增強的文件上傳和客戶端校驗
HTML5 多媒體
HTML5的audio和video元素、使用JavaScript控制多媒體播放以及事件與監(jiān)聽器
HTML5 繪制圖形
使用canvas在網(wǎng)頁上繪制圖形, 定義用于網(wǎng)絡(luò)的基于矢量的圖形
HTML5 Web存儲
本地存儲的作用、Session Storage與Local Storage、Web Storage接口API、Storage存儲讀取數(shù)據(jù)
HTML5 離線應(yīng)用
通過創(chuàng)建 cache manifest 文件, 創(chuàng)建 web 應(yīng)用的離線版本
HTML5 Web Workers
使用Worker創(chuàng)建多線程、使用多線程執(zhí)行JavaScript腳本、Worker線程API、Worker線程中嵌套Worker子線程、子線程之間的數(shù)據(jù)交換
CSS3的應(yīng)用范圍
CSS3簡介, CSS3 中的新特性, CSS3相關(guān)標準及CSS3 模塊
CSS3 動畫
使用CSS3 2D、3D轉(zhuǎn)換對元素進行移動、縮放、轉(zhuǎn)動、拉長或拉伸, 改變形狀、尺寸和位置
P2項目實訓(xùn)
名稱
項目描述
淘寶網(wǎng)簡版頁面
使用HTML5+CSS3技術(shù)淘寶網(wǎng)首頁, 掌握HTML5與CSS3在頁面中的實際應(yīng)用, 且能夠制作較高水平的頁面特效
C3 開發(fā)JavaScript動態(tài)網(wǎng)頁
主題
主要知識點
JavaScript 簡介
JavaScript發(fā)展歷史、JavaScript用途、使用JavaScript實現(xiàn)頁面的動態(tài)效果
JavaScript 基礎(chǔ)語法
JavaScript語言的語法、變量和運算符、數(shù)據(jù)類型
JavaScript 流程控制
流程控制語句和循環(huán)語句
JavaScript 內(nèi)置對象
數(shù)組、函數(shù)和對象
JavaScript 事件
JavaScript事件分類, 事件模型及使用技巧
正則表達式
正則表達式的概念及應(yīng)用范圍, 符號解釋，及相關(guān)匹配規(guī)則
JavaScript 表單處理
使用JavaScript對表單數(shù)據(jù)進行處理及JavaScript表單提交
使用JavaScript實現(xiàn)特效
使用JavaScript實現(xiàn)圖片輪播、圖片滾動等界面特效
DHTML對象模型
DHTML與DOM概念, DOM 元素, 屬性, 事件; 使用JavaScript對DOM節(jié)點進行訪問, 添加節(jié)點, 刪除節(jié)點, 替換節(jié)點
C4 JavaScript面向?qū)ο蟮脑O(shè)計
主題
主要知識點
面向?qū)ο蟾攀?/p>
面向?qū)ο蟮母拍罴疤匦? 對象應(yīng)用, 類型, 作用域, 定義類/對象, 對對象的修改操作
原型
prototype介紹, 作用及實際應(yīng)用
繼承
繼承的概念, JavaScript中的繼承方式, 包括構(gòu)造函數(shù)繼承,原型式繼承, 組合繼承, 寄生式繼承等
設(shè)計模式
設(shè)計模式介紹, JavaScript單例模式, 工廠模式等常用設(shè)計模式
P3項目實訓(xùn)
名稱
項目描述
12306車票查詢
使用JavaScript技術(shù)結(jié)合HTML5+CSS3實現(xiàn)響應(yīng)式布局的設(shè)計能力, 能夠熟練使用JavaScript相關(guān)知識對HTML元素進行處理, 實現(xiàn)與用戶的交互, 提升用戶使用體驗.
\C5 Ajax與jQuery程序設(shè)計
主題
主要知識點
jQuery 基礎(chǔ)
jQuery框架特性和應(yīng)用；JQuery核心函數(shù)；
jQuery HTML
使用JQuery操作DOM元素；
jQuery Plug-in
使用JQuery Plug-in實現(xiàn)日期選擇、樹形視圖、鏈接預(yù)覽、文字限制器、表單驗證。
Ajax技術(shù)的原理及應(yīng)用
Ajax技術(shù)的原理及應(yīng)用；原生Ajax技術(shù)的編程；XMLHttpRequest對象的運行原理；XMLHttpRequest對象的常用方法和屬性；使用Ajax發(fā)送Get/Post請求
jQuery Ajax
使用JQuery實現(xiàn)Ajax編程; jQuery AJAX表單處理、ajax()方法參數(shù)
可擴展標記語言XML
XML用途；XML樹形結(jié)構(gòu)與語法規(guī)則; XML的開發(fā)和配置; Ajax傳遞XML數(shù)據(jù)；jQuery處理XML
數(shù)據(jù)表示JSON
JSON數(shù)據(jù)表示法及其作用；JSON數(shù)據(jù)的生成與解析技術(shù)；實現(xiàn)基于JSON的Ajax數(shù)據(jù)通信
jQuery Ajax經(jīng)典案例
Ajax實現(xiàn)用戶登錄/注冊, Ajax數(shù)據(jù)交互, 用戶交互實例
P4項目實訓(xùn)
名稱
項目描述
簡版京東網(wǎng)站
使用HTML5、CSS3、JavaScript、AJAX、jQuery實現(xiàn)簡版京東網(wǎng)上購物大型系統(tǒng), 目的在于前端布局設(shè)計, 用戶交互效果的合理性, , 熟練掌握實現(xiàn)大型系統(tǒng)相關(guān)的Web高級技術(shù)
C6 實現(xiàn)jEasyUI的RIA Web應(yīng)用
主題
主要知識點
jQuery EasyUI 簡介
jQuery EasyUI簡介及應(yīng)用
jEasyUI 拖放
使用jEasyUI對HTML元素進行拖動與放置
jEasyUI 布局
使用jEasyUI實現(xiàn)簡單布局, 復(fù)雜布局; 創(chuàng)建面板, 標簽頁
jEasyUI 數(shù)據(jù)網(wǎng)格
使用jEasyUI對表格進行轉(zhuǎn)換, 對數(shù)據(jù)進行查詢, 凍結(jié), 排序等的實現(xiàn)
jEasyUI 窗口
使用jEasyUI創(chuàng)建窗口, 工具欄, 對話框
jEasyUI 樹形菜單
使用jEasyUI創(chuàng)建樹形菜單, 對菜單進行播放, 添加等操作
jEasyUI 表單
使用jEasyUI對表單進行驗證及提交
P5項目實訓(xùn)
名稱
項目描述
OPE管理平臺
能夠掌握jQueryUI, jQuery, JavaScript, Ajax, HTML5, CSS3等技術(shù)在項目中的實際運用;
提高開發(fā)能力及對知識的掌握程度，對以后獨立完成相關(guān)模塊的開發(fā)有極大的幫助
C7 移動應(yīng)用與設(shè)計
主題
主要知識點
跨終端Web和主流設(shè)備簡介
跨終端Web的概念， Mobile Web的技術(shù)基礎(chǔ)
視口
視口的概念, 視口與窗口的區(qū)別, 邏輯坐標變?yōu)樵O(shè)備坐標
流式布局、彈性盒模型
流式布局的概念, 與響應(yīng)式布局的區(qū)別, 流式布局的實現(xiàn), 空間不足、溢出的解決
移動終端JavaScript事件
touchstart, touchmove, touchend等移動終端事件的支持與實現(xiàn)
手機中常見js效果制作
移動終端中常見特效(拖拽效果、滑動效果、圖片輪播等)的實現(xiàn)
JQuery Mobile
簡介, 安裝, jQuery Mobile 列表, jQuery Mobile 表單, jQuery Mobile 事件
HTML5 地理定位
使用HTML5 Geolocation API 用于獲得用戶的地理位置。
P6 項目實訓(xùn)
名稱
項目描述
手機優(yōu)酷視頻
使用HTML5、CSS3、JavaScript、AJAX、JQuery Mobile實現(xiàn)簡版手機優(yōu)酷視頻平臺。
能夠?qū)崿F(xiàn)頁面的滾動、浮動等效果，輪播圖片信息。用HTML5實現(xiàn)各個端口的連接、前端布局樣式的設(shè)計,并掌握各種布局的區(qū)別與實現(xiàn)方式, 實現(xiàn)移動端自適應(yīng)顯示, 使學(xué)員掌握不同終端之間的屏幕適配以及各種頁面效果的實現(xiàn)。
C8 WebUI高手實戰(zhàn)
主題
主要知識點
Facebook前端框架Bootstrap
Bootstrap 簡介, 環(huán)境安裝, 布局組件, 插件; 使用Bootstrap快速設(shè)計、開發(fā)前端界面
Twitter前端框架AngularJS
AngularJS簡介, 指令, 事件等, 使用AngularJS開發(fā)Web應(yīng)用
圖像處理工具Photoshop
Photoshop介紹, Photoshop中的工具使用及圖層概念, 使用Photoshop進行設(shè)計
原型設(shè)計工具Axure
Axure 簡介, Axure 交互設(shè)計的實現(xiàn)
C9 網(wǎng)站的搜索引擎優(yōu)化
主題
主要知識點
SEO基礎(chǔ)
SEO理論介紹,關(guān)鍵詞選擇策略
網(wǎng)站建設(shè)要素
網(wǎng)站設(shè)計的八大要素
搜索引擎工作原理與指令
搜索引擎工作原理介紹
站內(nèi)優(yōu)化
站內(nèi)優(yōu)化的關(guān)鍵點與方法
站外優(yōu)化
站外優(yōu)化的關(guān)鍵點與方法
如何提高搜索引擎排名
SEO數(shù)據(jù)分析，網(wǎng)站優(yōu)化方案
SEO快速診斷
SEO工具介紹與使用, SEO診斷方案
P7 項目實訓(xùn)
名稱
項目描述
Oracle官網(wǎng)設(shè)計及優(yōu)化
本項目貫穿Oracle官方網(wǎng)站實戰(zhàn)項目分析，掌握主流前端開發(fā)框架(Bootstrap, AngularJS )相關(guān)知識及實際應(yīng)用,掌握相應(yīng)設(shè)計開發(fā)工具(Photoshop, Axure), 并對SEO相關(guān)知識具備深刻理解
開課時間：循環(huán)開課
上課地點：北京市海淀區(qū)北四環(huán)中路229號海泰大廈/鄭州市金水區(qū)農(nóng)業(yè)路東23號豫星大廈
滬ICP備18048269號-1 
電子營業(yè)執(zhí)照
教育
全國教育網(wǎng)站
企業(yè)信用等級AA級
合作/版權(quán)/投訴