Web前端基本功

1.HTML

Windows概述、w3c標準、瀏覽器描述、html簡介、html標簽詳解。

前端開發工具概述、HTML基本語法。

文本標題、物理字體、特殊字符、列表、超鏈接和圖片。

表格、 表單、常用元素、標簽語義化、SEO。

可掌握的核心能力：

(1)熟練掌握html/css可以制作網頁、能對頁面布局排版、樣式美化，能夠獨立設計出精美的網。

可解決的現實問題：

(2)能夠根據ui提供的設計圖實現html的靜態頁面。

可擁有的市場價值：

(3)熟練掌握和學習后，可滿足市場靜態頁面布局需求，但是市場就業工資相對較低且且難以找到工作，還需繼續進行學習，向高級工程師靠近。

2.css

css概述、css屬性、css樣式的類型、css選擇器、css字體屬性、css文本屬性、css背景屬性、css列表屬性、css邊框屬性、css浮動屬性、元素的顯示模式、css偽類、三大特性、盒子模型的相關部分、margin、padding、css溢出設置、元素類型及轉換、常見的瀏覽器兼容及解決方法、ps軟件學習、定位設置、滾動字幕、寬高自適應等css相關內容

3.項目實戰

Div+css、項目開發流程、多種經典的實戰案例，京東、天貓等等。

前端高級程序設計

1.JavaScript基礎、核心、高級

JavaScript概述、Javascript注意點、直接量、數據類型、流程控制\數組、函數、字符串、bom、dom\面向對象、遞歸與預解析、正則表達式

可掌握的核心能力:

(1)具備解決復雜問題和技術難點的能力;

(2)豐富的調試技能和組件開發能力;

(3)能夠獨立設計開發復雜的功能模塊。

可解決的現實問題:

(1)能夠實現功能的同時，考慮代碼的優雅性，注重代碼的性能和重用性;

(2)針對項目中的bug和技術難點，能夠提供解決辦法;

(3)深入理解前端框架實現原理，能夠開發和重構通用的前端組件。

2.JQuery

jQuery的優勢、jQuery選擇器、jQuery中的動畫、jQuery插件、jQueryUI、jQuery編程思想、編寫jQuery插件、基本元素操作、事件處理

3.Ajax

同步與異步概念、原生Ajax、jQuery的Ajax相關API使用、低層原理分析、實用案例

4.AngularJS

單頁應用；MVC；常用指令；雙向綁定和單向綁定；模塊；控制器controller；$watch；自定義指令；jqLite；過濾器；格式化過濾；數據過濾；服務$http、$location；前端路由；http攔截器

5.VueJS

Vue概述、Vue指令、Vue屬性、方法、事件、過濾器、事件處理、鉤子函數、組件、動畫、路由、API請求、Vue項目實戰

6.Bootstrap

環境安裝、網格系統、排版、表格、表單、按鈕、圖片、布局組件、導航元素、導航欄、面包屑導航、分頁、 標簽、徽章、超大屏幕、附加導航

7.UEditor

開發的所見即所得富文本web編輯器，具有輕量，可定制，注重用戶體驗等特點，開源基于MIT協議

8.百度地圖

坐標轉換說明、控件、覆蓋物、事件、地圖圖層、工具、服務、用戶數據圖層、全景圖展現、定制個性地圖

9.ECharts

常規的折線圖，柱狀圖，散點圖，餅圖，K線圖，用于統計的盒形圖，用于地

移動端App開發

1.HTML5/CSS3

HTML5概述、新增語義標簽和屬性、拖拽列表、拖拽異步上傳、多媒體組件、自定義多媒體播放控件、表單新功能解析、地理位置功能解析、桌面提醒功能。CSS3概述、新增選擇器、新的顏色表示、盒子模型、邊框、漸變、圓角、陰影的應用、2D、3D動畫的繪制。HTML5/CSS3響應式設計流程。

可掌握的核心能力:

(1)初步掌握HTML5和CSS3的基礎知識，并且掌握H5/CSS3的響應式設計。

(2)了解移動App的開發模式。掌握canvas的繪圖技巧，做出漂亮的圖標。

(3)了解一些在線的繪圖工具，并熟悉該工具。掌握移動App開發的核心知識點。

可解決的現實問題:

(1)能夠針對不同的移動設備開發出相關適應的界面。

(2)掌握相關開發過程中用到的框架，并且精通其中幾個框架，從而熟練開發。

(3)當這一階段的相關內容掌握之后基本可以做出符合企業要求的移動App界面。

2.Canvas

canvas基礎、canvas繪圖操作、圖形事件實例、模擬三維動畫。 canvas在線繪圖工具（主講各個功能）、svg、svg圖標的使用。

3.移動端核心開發

rem適配、主流適配方案、主流設備尺寸劃分、Tween算法、Viewport深入分析。 Chrome模擬調試、真機調試。無縫滑屏、像素分析、自定義豎向滑屏、自定義滾動條。Meta標簽解析。使用移動平臺中特有的事件處理（手勢觸摸touchstart、touchmove、touchend、touchcancel）tap和taphold事件，橫豎切換事件（orientationchange）主流響應式布局框架。iScroll、zepto、framework7、Sass、Less。

4.階段項目

在線相冊。

團購類移動App系統。

o2o訂餐系統。

全棧開發

1.前端模塊化

AMD CMD RequireJS 淘寶SeaJS

可掌握的核心能力:

（1）掌握前端模塊化

（2）掌握nodeJs全棧式解決方案，通過案例實現js在服務器實現高效開發的新模式

（3）熟練使用express框架搭建Web或移動端應用

（4）掌握ReactJS技術

可解決的實際問題:

（1）能夠熟練使用nodejs編寫服務器程序

（2）能夠熟練的使用express框架進行項目開發

（3）能夠熟練使用ReatJS技術搭建移動端項目

2.Express

Express 對象、安裝、請求和響應、路由、靜態文件、文件上傳、Cookie管理

3.ReactJS

快速入門；數據渲染、虛擬DOM；交互和動態UI；JSX語法；React 狀態；React 組件；組件復用；React AJAX；flux;redux;集成工具；附加模塊；生命周期；state props context等

4.項目安排

大型門戶網站構建

熱門電商網站