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

豐澤教育WEB前端開發(fā)培訓(xùn)課程體系1、WebPC端頁(yè)面重構(gòu)課程時(shí)長(zhǎng)內(nèi)容網(wǎng)頁(yè)圖像設(shè)計(jì)（PS）2周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ì)、WEBAPP設(shè)計(jì)；熟練掌握各種WEB界面的設(shè)計(jì)，精通WEBUI設(shè)計(jì)規(guī)范與布局頭現(xiàn)，并完成界面的制作。頁(yè)面上線流程頁(yè)面上線流程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ǔ)課程時(shí)長(zhǎng)內(nèi)容HTML5基礎(chǔ)+CSS3基礎(chǔ)HTML快速入門、文本、圖像、鏈接、表格、列表、表單、框架；CSS基礎(chǔ)語(yǔ)法、各種選擇器（通用選擇器、元素選擇器、id和class

選擇器、后代選擇器、偽類選擇器等)、盒模型與背景、文本格式化、表格、顯示與疋位CSS3高級(jí)4周CSS復(fù)雜選擇器(兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等)動(dòng)畫、過(guò)渡、2D/3D轉(zhuǎn)換、彈性盒子、CSSHack、CSS優(yōu)化、CSS規(guī)范階段項(xiàng)目實(shí)戰(zhàn)電商站：1號(hào)店3、JavaScript開發(fā)課程時(shí)長(zhǎng)內(nèi)容JS入門熱身元素獲取、事件類型：鼠標(biāo)、鍵盤、窗口、表單、自定義事件、初識(shí)函數(shù)、變量聲明、變量賦值、變量命名規(guī)則、關(guān)鍵字、保留字、window、元素基本屬性操作、?操作符和［］操作符、初識(shí)iffor語(yǔ)句、this關(guān)鍵字、getElementsByClassName兼容性、querySelector、querySelectorAII、自定義屬性之索弓I。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、continueJS中時(shí)間概念JS中的定時(shí)器、setlnterval()與setTimeout()區(qū)別、取消定時(shí)器、

5周定時(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-BrowserObjectModel、常用方法：open、close，常用屬性：用戶代理信息navigator.userAgent、地址欄信息：location,hash、search(queryString)，窗口尺寸、可視區(qū)尺寸、滾動(dòng)距離、文檔內(nèi)容高度，常用事件：onscroll、onresize、返回頂部事件類型，事件對(duì)象：event、event.clientX、event.target、事件

事件基礎(chǔ)流(捕獲階段、目標(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，通過(guò)prototype實(shí)現(xiàn)公有屬性和方法的復(fù)用和繼承,MixedConstructorFunction/PrototypeMethod，面向?qū)ο蟮倪x項(xiàng)卡分析及實(shí)現(xiàn)過(guò)程，抽象、封裝、繼承、多態(tài)，高級(jí)面向?qū)ο蟀b對(duì)象：String、Number、Boolean,toString(),for...in/for..Q的使用及特點(diǎn)，constructor屬性的使用，instanceof運(yùn)算符，繼承：繼承的特點(diǎn)、拷貝繼承、類式繼承、原型繼承，通過(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)畫硏究，隊(duì)列,jQuery工具方法和靜態(tài)方法ECMAScript6let和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)碼器4、H5刖端咼級(jí)技術(shù)課程時(shí)長(zhǎng)內(nèi)容HTML5高級(jí)1周音頻和視頻處理、表單處理、表單驗(yàn)證、GeolocationAPI、FormsAPI、HTML5拖放、WebStorageAPI離線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)Bootstrap1周響應(yīng)式網(wǎng)頁(yè)、Bootstrap基礎(chǔ)、Buttons、CSS樣式、組件、插件、Forms、Inputs、LESS、Bootstrap定制

nodejs1周1搭建node環(huán)境；2、HTTP；3、搭建node服務(wù)器；4、Node鏈接MongoDB；Angularjs1Angularjs簡(jiǎn)介；2、開發(fā)第個(gè)Angularjs程序；3、前端MVC的設(shè)計(jì)和搭建；4、數(shù)據(jù)雙向綁定；5、Controllers；6、Scope；7、Service；8Angular路由與多視圖；9、Angular實(shí)戰(zhàn)AJAX、移動(dòng)端、微信開發(fā)1周1AJAX2、APP開發(fā)環(huán)境、/