甲骨文（西安九州）實訓(xùn)基地

WEB前端開發(fā)培訓(xùn)課程體系

1、Web  PC端頁面重構(gòu)

網(wǎng)頁圖像設(shè)計(PS)

PS 操作、色彩基礎(chǔ)與配色、蒙版、圖像變換、修圖技巧、鋼筆與摳圖、矢量圖形繪制、 文本設(shè)計、漸變與圖層樣式、網(wǎng)頁修圖、圖表設(shè)計、導(dǎo)航設(shè)計、網(wǎng)頁切圖、圖像優(yōu)化、布局設(shè)計

Web 界面設(shè)計與實現(xiàn)

WEB 廣告設(shè)計、專題頁設(shè)計、圖標(biāo)設(shè)計、電商網(wǎng)站設(shè)計、企業(yè)門戶網(wǎng)站設(shè)計、WEB 應(yīng)用設(shè)計、WEB APP 設(shè)計；熟練掌握各種 WEB 界面的設(shè)計，精通 WEB UI 設(shè)計規(guī)范與布局實現(xiàn)，并完成界面的制作。

UI 交互設(shè)計

互聯(lián)網(wǎng) UI 交互效果分析（圖片整合、滑動門及寬高自適應(yīng)等高級應(yīng)用技術(shù)；初步接觸Javascript）

頁面重構(gòu)階段項目實戰(zhàn)

牛到里約，跑動中國專題頁

云購全球一元搶蘋果web界面設(shè)計

2、HTML5基礎(chǔ)

HTML5 基礎(chǔ) CSS3基礎(chǔ)

HTML 快速入門、文本、圖像、鏈接、表格、列表、表單、框架；

CSS 基礎(chǔ)語法、各種選擇器（通用選擇器、元素選擇器、id和 class選擇器、后代選擇器、偽類選擇器等）、盒模型與背景、文本格式化、表格、顯示與定位

CSS3高級

CSS 復(fù)雜選擇器（兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等）、動畫、 過渡、2D/3D 轉(zhuǎn)換、彈性盒子、CSS Hack、CSS 優(yōu)化、CSS規(guī)范

階段項目實戰(zhàn)

電商站：1 號 店

3、JavaScript開發(fā)

JS入門熱身

元素獲取、事件類型：鼠標(biāo)、鍵盤、窗口、表單、自定義事件、初識函數(shù)、變量聲明、變量賦值、變量命名規(guī)則、關(guān)鍵字、保留字、window、元素基本屬性操作、.操作符和[]操作符、初識if for語句、this關(guān)鍵字、getElementsByClassName兼容性、querySelector、querySelectorAll、自定義屬性之索引。

JS數(shù)據(jù)類型

JS的6大數(shù)據(jù)類型、類型檢測、數(shù)據(jù)類型轉(zhuǎn)換：強制類型轉(zhuǎn)換、隱式類型轉(zhuǎn)換、運算符：算術(shù)運算符、賦值運算符、關(guān)系運算符、邏輯運算符、位運算符，運算符優(yōu)先級、函數(shù)定義、函數(shù)表達(dá)式、形參、實參、不定參、類數(shù)組對象對象arguments、返回值、作用域、作用域鏈、流程控制：if、else、switch、case、for、while、break、continue

JS中時間概念

JS中的定時器、setInterval()與setTimeout()區(qū)別、取消定時器、定時器優(yōu)化方法。JS中時間日期對象、Date()相關(guān)方法、網(wǎng)頁時間制作、倒計時制作、圖片時鐘的制作。

JS字符串與數(shù)組

字符串：length、charAt、charCodeAt、indexOf...，字符編碼：ASCII、Unicode、UTF-8...，JSON：數(shù)據(jù)交換格式、規(guī)則、用途，JSON對象：parse、stringify，for...in，mTween 、數(shù)學(xué)對象：ceil、floor、round、abs、random、常用隨機值公式，數(shù)組：length、push、pop、sort...，排序算法：冒泡排序（BubbleSort）、快速排序（QuickSort）

DOM

文檔對象模型DOM、DOM結(jié)構(gòu)、DOM樹、DOM節(jié)點、節(jié)點類型、節(jié)點關(guān)系、節(jié)點常用操作：nodeType、nodeName、子節(jié)點操作children...，兄弟節(jié)點操作：perviousElementSiblings...，父節(jié)點操作：parentNode...，節(jié)點盒模型信息：clientWidth、getBoundingClientRect...，元素CURD操作、表格操作、表單操作、表單事件

BOM

瀏覽器對象模型BOM - Browser Object Model、常用方法：open、close，常用屬性： 用戶代理信息navigator.userAgent、地址欄信息：location、hash、search（queryString），窗口尺寸、可視區(qū)尺寸、滾動距離、文檔內(nèi)容高度，常用事件：onscroll、onresize、返回頂部

事件基礎(chǔ)

事件類型，事件對象：event、event.clientX、event.target、事件流（捕獲階段、目標(biāo)階段、冒泡階段）、事件委托、阻止冒泡event.stopPropagation()、事件函數(shù)綁定：屬性綁定、addEventListener、事件函數(shù)注銷，鍵盤事件：keydown，event.which...，事件默認(rèn)行為，阻止默認(rèn)行為：event.preventDefault()、上下文菜單事件：contextmenu

事件應(yīng)用

拖拽原理、限制范圍的拖拽、商品圖片放大鏡預(yù)覽效果、碰撞檢測、仿window桌面拖拽畫框選擇元素、拖拽改變大小、模擬滾動條、模擬自適應(yīng)內(nèi)容的滾動條、滾輪事件：mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠標(biāo)滾輪控制模擬滾動條、滾輪控制數(shù)字加減

面向?qū)ο蠡A(chǔ)

對象的組成：成員屬性、成員方法，Object，{}，對象創(chuàng)建和初始化，工廠模式，構(gòu)造函數(shù)，書寫規(guī)范，運算符new的執(zhí)行過程和原理分析，this 的使用，原型和原型鏈，proto，prototype，**prototype實現(xiàn)公有屬性和方法的復(fù)用和繼承，Mixed Constructor Function/Prototype Method，面向?qū)ο蟮倪x項卡分析及實現(xiàn)過程，抽象、封裝、繼承、多態(tài)，

高級面向?qū)ο?/strong>