| 課程級別 | 初級 |
| 培訓周期 | 3-6個月 |
| 上課時間 | 自由安排 |
| 上課地址 | 無錫市南長區(qū)五愛路18號化輕大廈6、7層 |
【萬方教育】IT培訓品牌，專注于IT技術培訓，主要業(yè)務涵蓋：PHP、UI/UE、HTML5、Java、Web前端、網頁設計、平面設計等眾多學科，累計培養(yǎng)數萬名學員，這里更有優(yōu)良的師資、嚴格的管理、周到的服務是你學會技術滿意就業(yè)的！
課程學時和授課形式：
本課程共計600學時。
授課形式：面授
授課類型：、晚班、周末班
招生對象：
1. 18周歲以上；
2. ?？萍耙陨蠈W歷（含在讀、畢業(yè)學生）；
3. 熱愛前端技術（Web前端、移動前端、HTML5游戲）開發(fā)的有志青年。
課程設置：
課程名稱 | 階段 | 課程內容 | |
WEB | Web PC端頁面重構 | 網頁圖像設計(PS) | PS 操作、色彩基礎與配色、蒙版、圖像變換、修圖技巧、鋼筆與摳圖、矢量圖形繪制、 文本設計、漸變與圖層樣式、網頁修圖、圖表設計、導航設計、網頁切圖、圖像優(yōu)化、布局設計 |
Web 界面設計與實現(xiàn) | WEB 廣告設計、專題頁設計、圖標設計、電商網站設計、企業(yè)門戶網站設計、WEB 應用設計、WEB APP 設計；熟練掌握各種 WEB 界面的設計，精通 WEB UI 設計規(guī)范與布局實現(xiàn)，并完成界面的制作。 | ||
頁面上線流程 | 頁面上線流程 | ||
UI 交互設計 | 互聯(lián)網 UI 交互效果分析（圖片整合、滑動門及寬高自適應等應用技術；初步接觸Javascript） | ||
頁面重構 | 牛到里約，跑動中國專題頁 | ||
HTML5基礎 | HTML5 基礎 | HTML 入門、文本、圖像、鏈接、表格、列表、表單、框架 | |
CSS3基礎 | CSS 基礎語法、各種選擇器（通用選擇器、元素選擇器、id和 class選擇器、后代選擇器、偽類選擇器等）、盒模型與背景、文本格式化、表格、顯示與定位 | ||
CSS3 | CSS 復雜選擇器（兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等）、動畫、 過渡、2D/3D 轉換、彈性盒子、CSS Hack、CSS 優(yōu)化、CSS規(guī)范 | ||
項目實戰(zhàn) | 電商站：1 號 店 | ||
JavaScript開發(fā) | JS入門熱身 | 元素獲取、事件類型：鼠標、鍵盤、窗口、表單、自定義事件、初識函數、變量聲明、變量賦值、變量命名規(guī)則、關鍵字、保留字、window、元素基本屬性操作、.操作符和[]操作符、初識if for語句、this關鍵字、getElementsByClassName兼容性、querySelector、querySelectorAll、自定義屬性之索引。 | |
JS數據類型 | JS的6大數據類型、類型檢測、數據類型轉換：強制類型轉換、隱式類型轉換、運算符：算術運算符、賦值運算符、關系運算符、邏輯運算符、位運算符，運算符優(yōu)先級、函數定義、函數表達式、形參、實參、不定參、類數組對象對象arguments、返回值、作用域、作用域鏈、流程控制：if、else、switch、case、for、while、break、continue | ||
JS中時間概念 | JS中的定時器、setInterval()與setTimeout()區(qū)別、取消定時器、定時器優(yōu)化方法。JS中時間日期對象、Date()相關方法、網頁時間制作、制作、圖片時鐘的制作。 | ||
JS字符串與數組 | 字符串：length、charAt、charCodeAt、indexOf...，字符編碼：ASCII、Unicode、UTF-8...，JSON：數據交換格式、規(guī)則、用途，JSON對象：parse、stringify，for...in，mTween+、數學對象：ceil、floor、round、abs、random、常用隨機值公式，數組：length、push、pop、sort...，排序算法：冒泡排序（BubbleSort）、排序（QuickSort） | ||
DOM | 文檔對象模型DOM、DOM結構、DOM樹、DOM節(jié)點、節(jié)點類型、節(jié)點關系、節(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ū)尺寸、滾動距離、文檔內容高度，常用事件：onscroll、onresize、返回頂部 | ||
事件基礎 | 事件類型，事件對象：event、event.clientX、event.target、事件流（捕獲階段、目標階段、冒泡階段）、事件委托、阻止冒泡event.stopPropagation()、事件函數綁定：屬性綁定、addEventListener、事件函數注銷，鍵盤事件：keydown，event.which...，事件默認行為，阻止默認行為：event.preventDefault()、上下文菜單事件：contextmenu | ||
事件應用 | 拖拽原理、限制范圍的拖拽、商品圖片放大鏡預覽效果、碰撞檢測、仿window桌面拖拽畫框選擇元素、拖拽改變大小、模擬滾動條、模擬自適應內容的滾動條、滾輪事件：mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠標滾輪控制模擬滾動條、滾輪控制數字加減 | ||
面向對象基礎 | 對象的組成：成員屬性、成員方法，Object，{}，對象創(chuàng)建和初始化，工廠模式，構造函數，書寫規(guī)范，運算符new的執(zhí)行過程和原理分析，this 的使用，原型和原型鏈，proto，prototype，通過prototype實現(xiàn)公有屬性和方法的復用和繼承，Mixed Constructor Function/Prototype Method，面向對象的選項卡分析及實現(xiàn)過程，抽象、封裝、繼承、多態(tài)， | ||
面向對象 | 包裝對象：String、Number、Boolean，toString()，for...in/for...of的使用及特點，constructor屬性的使用，instanceof運算符，繼承：繼承的特點、拷貝繼承、類式繼承、原型繼承，通過繼承實現(xiàn)多種不同形態(tài)的元素拖拽 | ||
jQuery | 核心的理念，強大的選擇器、簡潔的API、優(yōu)雅的鏈式、便捷的操作，jQuery整體架構分析，實現(xiàn)自己的 jQuery，匿名函數自執(zhí)行，閉包，無new 實例化，全局掛載，鏈式調用的原理和實現(xiàn)，Sizzle核心選擇器，$()中的多種參數說明，jQ的DOM/BOM操作，jQ中的event操作，jQuery動畫研究，隊列，jQuery工具方法和靜態(tài)方法 | ||
ECMAScript 6 | let和const命令，變量的解構賦值，字符串/正則/數字/數組/函數/對象的擴展，Symbol、Proxy和Reflect，二進制數組，Set和Map數據結構，Iterator和for...of循環(huán)，Generator函數，Promise對象，異步操作和Async函數，Class，Decorator，Module，Babel轉碼器 | ||
H5前端技術 | HTML5 | 音頻和視頻處理、表單處理、表單驗證、Geolocation API、Forms API、HTML5 拖放、 Web Storage API、離線 Web 應用、Canvas、SVG、Chart.js 框架、Two.js 框架、項目實戰(zhàn) | |
項目實戰(zhàn) | 京東購物頁面復雜訂單的實現(xiàn) | ||
Bootstrap | 響應式網頁、Bootstrap 基礎、Buttons、CSS 樣式、組件、插件、Forms、 Inputs、LESS、Bootstrap 定制 | ||
node js | 1、搭建node環(huán)境； | ||
Angular js | 1、搭建node環(huán)境； | ||
AJAX、移動端、開發(fā) | 1、AJAX | ||
綜合項目實戰(zhàn) | 交互設計體驗友好企業(yè)級站開發(fā)項目——蒙牛官網 |
溫馨提示
