| 課程級(jí)別 | 初級(jí) |
| 培訓(xùn)周期 | 3-6個(gè)月 |
| 上課時(shí)間 | 自由安排 |
| 上課地址 | 無(wú)錫市南長(zhǎng)區(qū)五愛(ài)路18號(hào)化輕大廈6、7層 |
【萬(wàn)方教育】IT培訓(xùn)品牌，專(zhuān)注于IT技術(shù)培訓(xùn)，主要業(yè)務(wù)涵蓋：PHP、UI/UE、HTML5、Java、Web前端、網(wǎng)頁(yè)設(shè)計(jì)、平面設(shè)計(jì)等眾多學(xué)科，累計(jì)培養(yǎng)數(shù)萬(wàn)名學(xué)員，這里更有優(yōu)良的師資、嚴(yán)格的管理、周到的服務(wù)是你學(xué)會(huì)技術(shù)滿意就業(yè)的！
課程學(xué)時(shí)和授課形式：
本課程共計(jì)600學(xué)時(shí)。
授課形式：面授
授課類(lèi)型：、晚班、周末班
招生對(duì)象：
1. 18周歲以上；
2. 專(zhuān)科及以上學(xué)歷（含在讀、畢業(yè)學(xué)生）；
3. 熱愛(ài)前端技術(shù)（Web前端、移動(dòng)前端、HTML5游戲）開(kāi)發(fā)的有志青年。
課程設(shè)置：
課程名稱(chēng) | 階段 | 課程內(nèi)容 | |
WEB | 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ì)、專(zhuān)題頁(yè)設(shè)計(jì)、圖標(biāo)設(shè)計(jì)、電商網(wǎng)站設(shè)計(jì)、企業(yè)門(mén)戶網(wǎng)站設(shè)計(jì)、WEB 應(yīng)用設(shè)計(jì)、WEB APP 設(shè)計(jì)；熟練掌握各種 WEB 界面的設(shè)計(jì)，精通 WEB UI 設(shè)計(jì)規(guī)范與布局實(shí)現(xiàn)，并完成界面的制作。 | ||
頁(yè)面上線流程 | 頁(yè)面上線流程 | ||
UI 交互設(shè)計(jì) | 互聯(lián)網(wǎng) UI 交互效果分析（圖片整合、滑動(dòng)門(mén)及寬高自適應(yīng)等應(yīng)用技術(shù)；初步接觸Javascript） | ||
頁(yè)面重構(gòu) | 牛到里約，跑動(dòng)中國(guó)專(zhuān)題頁(yè) | ||
HTML5基礎(chǔ) | HTML5 基礎(chǔ) | HTML 入門(mén)、文本、圖像、鏈接、表格、列表、表單、框架 | |
CSS3基礎(chǔ) | CSS 基礎(chǔ)語(yǔ)法、各種選擇器（通用選擇器、元素選擇器、id和 class選擇器、后代選擇器、偽類(lèi)選擇器等）、盒模型與背景、文本格式化、表格、顯示與定位 | ||
CSS3 | CSS 復(fù)雜選擇器（兄弟選擇器、屬性選擇器、偽類(lèi)和偽元素選擇器等）、動(dòng)畫(huà)、 過(guò)渡、2D/3D 轉(zhuǎn)換、彈性盒子、CSS Hack、CSS 優(yōu)化、CSS規(guī)范 | ||
項(xiàng)目實(shí)戰(zhàn) | 電商站：1 號(hào) 店 | ||
JavaScript開(kāi)發(fā) | JS入門(mén)熱身 | 元素獲取、事件類(lèi)型：鼠標(biāo)、鍵盤(pán)、窗口、表單、自定義事件、初識(shí)函數(shù)、變量聲明、變量賦值、變量命名規(guī)則、關(guān)鍵字、保留字、window、元素基本屬性操作、.操作符和[]操作符、初識(shí)if for語(yǔ)句、this關(guān)鍵字、getElementsByClassName兼容性、querySelector、querySelectorAll、自定義屬性之索引。 | |
JS數(shù)據(jù)類(lèi)型 | JS的6大數(shù)據(jù)類(lèi)型、類(lèi)型檢測(cè)、數(shù)據(jù)類(lèi)型轉(zhuǎn)換：強(qiáng)制類(lèi)型轉(zhuǎn)換、隱式類(lèi)型轉(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í)參、不定參、類(lèi)數(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í)間制作、制作、圖片時(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樹(shù)、DOM節(jié)點(diǎn)、節(jié)點(diǎn)類(lèi)型、節(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ǔ) | 事件類(lèi)型，事件對(duì)象：event、event.clientX、event.target、事件流（捕獲階段、目標(biāo)階段、冒泡階段）、事件委托、阻止冒泡event.stopPropagation()、事件函數(shù)綁定：屬性綁定、addEventListener、事件函數(shù)注銷(xiāo)，鍵盤(pán)事件：keydown，event.which...，事件默認(rèn)行為，阻止默認(rèn)行為：event.preventDefault()、上下文菜單事件：contextmenu | ||
事件應(yīng)用 | 拖拽原理、限制范圍的拖拽、商品圖片放大鏡預(yù)覽效果、碰撞檢測(cè)、仿window桌面拖拽畫(huà)框選擇元素、拖拽改變大小、模擬滾動(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ù)，書(shū)寫(xiě)規(guī)范，運(yùn)算符new的執(zhí)行過(guò)程和原理分析，this 的使用，原型和原型鏈，proto，prototype，通過(guò)prototype實(shí)現(xiàn)公有屬性和方法的復(fù)用和繼承，Mixed Constructor Function/Prototype Method，面向?qū)ο蟮倪x項(xiàng)卡分析及實(shí)現(xiàn)過(guò)程，抽象、封裝、繼承、多態(tài)， | ||
面向?qū)ο?/span> | 包裝對(duì)象：String、Number、Boolean，toString()，for...in/for...of的使用及特點(diǎn)，constructor屬性的使用，instanceof運(yùn)算符，繼承：繼承的特點(diǎn)、拷貝繼承、類(lèi)式繼承、原型繼承，通過(guò)繼承實(shí)現(xiàn)多種不同形態(tài)的元素拖拽 | ||
jQuery | 核心的理念，強(qiáng)大的選擇器、簡(jiǎn)潔的API、優(yōu)雅的鏈?zhǔn)健⒈憬莸牟僮?，jQuery整體架構(gòu)分析，實(shí)現(xiàn)自己的 jQuery，匿名函數(shù)自執(zhí)行，閉包，無(wú)new 實(shí)例化，全局掛載，鏈?zhǔn)秸{(diào)用的原理和實(shí)現(xiàn)，Sizzle核心選擇器，$()中的多種參數(shù)說(shuō)明，jQ的DOM/BOM操作，jQ中的event操作，jQuery動(dòng)畫(huà)研究，隊(duì)列，jQuery工具方法和靜態(tài)方法 | ||
ECMAScript 6 | let和const命令，變量的解構(gòu)賦值，字符串/正則/數(shù)字/數(shù)組/函數(shù)/對(duì)象的擴(kuò)展，Symbol、Proxy和Reflect，二進(jìn)制數(shù)組，Set和Map數(shù)據(jù)結(jié)構(gòu)，Iterator和for...of循環(huán)，Generator函數(shù)，Promise對(duì)象，異步操作和Async函數(shù)，Class，Decorator，Module，Babel轉(zhuǎn)碼器 | ||
H5前端技術(shù) | HTML5 | 音頻和視頻處理、表單處理、表單驗(yàn)證、Geolocation API、Forms API、HTML5 拖放、 Web Storage API、離線 Web 應(yīng)用、Canvas、SVG、Chart.js 框架、Two.js 框架、項(xiàng)目實(shí)戰(zhàn) | |
項(xiàng)目實(shí)戰(zhàn) | 京東購(gòu)物頁(yè)面復(fù)雜訂單的實(shí)現(xiàn) | ||
Bootstrap | 響應(yīng)式網(wǎng)頁(yè)、Bootstrap 基礎(chǔ)、Buttons、CSS 樣式、組件、插件、Forms、 Inputs、LESS、Bootstrap 定制 | ||
node js | 1、搭建node環(huán)境； | ||
Angular js | 1、搭建node環(huán)境； | ||
AJAX、移動(dòng)端、開(kāi)發(fā) | 1、AJAX | ||
綜合項(xiàng)目實(shí)戰(zhàn) | 交互設(shè)計(jì)體驗(yàn)友好企業(yè)級(jí)站開(kāi)發(fā)項(xiàng)目——蒙牛官網(wǎng) |
溫馨提示
