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