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

豐澤教育WEB前端開發(fā)培訓課程體系1、WebPC端頁面重構課程時長內(nèi)容網(wǎng)頁圖像設計（PS）2周PS操作、色彩基礎與配色、蒙版、圖像變換、修圖技巧、鋼筆與摳圖、矢量圖形繪制、文本設計、漸變與圖層樣式、網(wǎng)頁修圖、圖表設計、導航設計、網(wǎng)頁切圖、圖像優(yōu)化、布局設計Web界面設計與實現(xiàn)WEB廣告設計、專題頁設計、圖標設計、電商網(wǎng)站設計、企業(yè)門戶網(wǎng)站設計、WEB應用設計、WEBAPP設計；熟練掌握各種WEB界面的設計，精通WEBUI設計規(guī)范與布局頭現(xiàn)，并完成界面的制作。頁面上線流程頁面上線流程UI交互設計互聯(lián)網(wǎng)UI交互效果分析（圖片整合、滑動門及寬高自適應等高級應用技術；初步接觸Javascript）頁面重構階段項目實戰(zhàn)牛到里約，跑動中國專題頁云購全球一元搶蘋果web界面設計2、HTML5基礎課程時長內(nèi)容HTML5基礎+CSS3基礎HTML快速入門、文本、圖像、鏈接、表格、列表、表單、框架；CSS基礎語法、各種選擇器（通用選擇器、元素選擇器、id和class

選擇器、后代選擇器、偽類選擇器等)、盒模型與背景、文本格式化、表格、顯示與疋位CSS3高級4周CSS復雜選擇器(兄弟選擇器、屬性選擇器、偽類和偽元素選擇器等)動畫、過渡、2D/3D轉換、彈性盒子、CSSHack、CSS優(yōu)化、CSS規(guī)范階段項目實戰(zhàn)電商站：1號店3、JavaScript開發(fā)課程時長內(nèi)容JS入門熱身元素獲取、事件類型：鼠標、鍵盤、窗口、表單、自定義事件、初識函數(shù)、變量聲明、變量賦值、變量命名規(guī)則、關鍵字、保留字、window、元素基本屬性操作、?操作符和［］操作符、初識iffor語句、this關鍵字、getElementsByClassName兼容性、querySelector、querySelectorAII、自定義屬性之索弓I。JS數(shù)據(jù)類型JS的6大數(shù)據(jù)類型、類型檢測、數(shù)據(jù)類型轉換：強制類型轉換、隱式類型轉換、運算符：算術運算符、賦值運算符、關系運算符、邏輯運算符、位運算符，運算符優(yōu)先級、函數(shù)定義、函數(shù)表達式、形參、實參、不定參、類數(shù)組對象對象arguments.返回值、作用域、作用域鏈、流程控制：if、else、switch、case、for、while、break、continueJS中時間概念JS中的定時器、setlnterval()與setTimeout()區(qū)別、取消定時器、

5周定時器優(yōu)化方法。JS中時間日期對象、Date()相關方法、網(wǎng)頁時間制作、倒計時制作、圖片時鐘的制作。JS字符串與數(shù)組字符串：length、charAt、charCodeAt、indexOf...，字符編碼:ASCII、Unicode、UTF-8…，JSON:數(shù)據(jù)交換格式、規(guī)則、用途，JSON對象：parse、stringify，for…in，mTween+、數(shù)學對象：ceil、floor、round、abs、random、常用隨機值公式，數(shù)組：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-BrowserObjectModel、常用方法：open、close，常用屬性：用戶代理信息navigator.userAgent、地址欄信息：location,hash、search(queryString)，窗口尺寸、可視區(qū)尺寸、滾動距離、文檔內(nèi)容高度，常用事件：onscroll、onresize、返回頂部事件類型，事件對象：event、event.clientX、event.target、事件

事件基礎流(捕獲階段、目標階段、冒泡階段)、事件委托、阻止冒泡event.stopPropagation()、事件函數(shù)綁定：屬性綁定、addEventListener、事件函數(shù)注銷，鍵盤事件：keydown，event.which..?，事件默認行為，阻止默認行為：event.preventDefault()、上下文采單事件：contextmenu事件應用拖拽原理、限制范圍的拖拽、商品圖片放大鏡預覽效果、碰撞檢測、仿window桌面拖拽畫框選擇元素、拖拽改變大小、模擬滾動條、模擬自適應內(nèi)容的滾動條、滾輪事件：mousewheel/DOMMouseScroll、event.wheelDelta/event.detail、鼠標滾輪控制模擬滾動條、滾輪控制數(shù)字加減面向對象基礎對象的組成：成員屬性、成員方法，Object,{}，對象創(chuàng)建和初始化，工廠模式，構造函數(shù)，書寫規(guī)范，運算符new的執(zhí)行過程和原理分析，this的使用，原型和原型鏈，proto,prototype，通過prototype實現(xiàn)公有屬性和方法的復用和繼承,MixedConstructorFunction/PrototypeMethod，面向對象的選項卡分析及實現(xiàn)過程，抽象、封裝、繼承、多態(tài)，高級面向對象包裝對象：String、Number、Boolean,toString(),for...in/for..Q的使用及特點，constructor屬性的使用，instanceof運算符，繼承：繼承的特點、拷貝繼承、類式繼承、原型繼承，通過繼承實現(xiàn)

多種不同形態(tài)的兀素拖拽jQuery核心的理念，強大的選擇器、簡潔的API、優(yōu)雅的鏈式、便捷的操作JQuery整體架構分析，實現(xiàn)自己的jQuery,匿名函數(shù)自執(zhí)行，閉包，無new實例化，全局掛載，鏈式調(diào)用的原理和實現(xiàn)，Sizzle核心選擇器，$()中的多種參數(shù)說明，jQ的DOM/BOM操作，jQ中的event操作,jQuery動畫硏究，隊列,jQuery工具方法和靜態(tài)方法ECMAScript6let和const命令，變量的解構賦值，字符串/正則/數(shù)字/數(shù)組/函數(shù)/對象的擴展，Symbol、Proxy和Reflect,二進制數(shù)組，Set和Map數(shù)據(jù)結構，Iterator和for...of循環(huán)，Generator函數(shù)，Promise對象，異步操作和Async函數(shù)，Class,Decorator,Module,Babel轉碼器4、H5刖端咼級技術課程時長內(nèi)容HTML5高級1周音頻和視頻處理、表單處理、表單驗證、GeolocationAPI、FormsAPI、HTML5拖放、WebStorageAPI離線Web應用、Canvas、SVG、Chart.js框架、Two.js框架、項目實戰(zhàn)階段項目實戰(zhàn)京東購物頁面復雜訂單的實現(xiàn)Bootstrap1周響應式網(wǎng)頁、Bootstrap基礎、Buttons、CSS樣式、組件、插件、Forms、Inputs、LESS、Bootstrap定制

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