西安H5 Web前端開(kāi)發(fā)培訓(xùn)

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

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

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

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

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

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

UI 交互設(shè)計(jì)

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

頁(yè)面重構(gòu)階段項(xiàng)目實(shí)戰(zhàn)

牛到里約，跑動(dòng)中國(guó)專題頁(yè)

云購(gòu)全球一元搶蘋果web界面設(shè)計(jì)

2、HTML5基礎(chǔ)

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

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

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

CSS3高級(jí)

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

階段項(xiàng)目實(shí)戰(zhàn)

電商站：1 號(hào) 店

3、JavaScript開(kāi)發(fā)

JS入門熱身

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

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

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

JS中時(shí)間概念

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

JS字符串與數(shù)組

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

DOM

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

BOM

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

事件基礎(chǔ)

事件類型，事件對(duì)象：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ù)覽效果、碰撞檢測(cè)、仿window桌面拖拽畫框選擇元素、拖拽改變大小、模擬滾動(dòng)條、模擬自適應(yīng)內(nèi)容的滾動(dòng)條、滾輪事件：mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠標(biāo)滾輪控制模擬滾動(dòng)條、滾輪控制數(shù)字加減

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

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

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