【課程內容】

階段前端頁面重構

一、PC端網站布局

前端開發環境介紹（DreamWeaver、Sublime)

HTML基礎，CSS基礎

CSS盒模型,選擇器，繼承

切圖工具（PS、FW）

溢出即元素類型，浮動

瀏覽器兼容與寬高自適應

定位，錨點與透明

圖片整合，雪碧圖處理，CSSHack

表格，表單

整站規劃，CSS優化，Flash動畫

二、HTML5+CSS3基礎

HTML5新增的元素與屬性

表單域增強元素

CSS3選擇器

文字字體相關樣式

CSS3位移與變形處理

CSS3動畫，過度動畫，關鍵幀動畫

彈性盒模型

媒體查詢

響應式設計

三、WebAPP頁面布局

移動端頁面設計規范

移動端切圖

響應式布局，彈性盒子模型

等比縮放布局

viewport/meta

rem的使用，字體選擇

flexbox詳解

移動web特別樣式處理

第二階段JS程序設計

一、原生JavaScript交互效果開發

基本語法

判斷語句，循環語句

函數，函數傳參，函數封裝

String，Array，Date

BOM與DOM

事件

拖拽效果

cookie存儲

正則表達式

JSON和JSON解析

Ajax

面向對象基礎

運動與游戲開發

二、面向對象進階

設計模式（觀察者模式等）

原型鏈

作用域鏈

繼承

構造函數

變量對象與活動對象

作用域鏈

閉包

this

三、JQuery經典交互效果開發

jQuery框架介紹

tab切換效果

美化多選框和單選按鈕

滑動門

焦點圖輪播

下拉菜單及導航條效果

瀑布流

彈出層效果

倒計時效果

自定義滾動條

第三階段PC端全棧項目開發

一、HTTP協議、Ajax進階與后端

HTTP(s)協議詳解

Ajax進階及動態調取數據

PHP基礎語法、PHP表單、PHP文件操作

MySQL基礎及增刪改查

前后端聯調

前端安全(XSS,CSRF,JSON注入)

Git/SVN

二、PC端網站開發

首頁、列表頁與詳情頁

搜索

登錄與注冊

三、AngularJS

Angular的解析過程分析

基礎指令，表達式，模型

控制器，過濾器

雙向綁定

安全的依賴注入方法

服務和自定義服務

表單驗證

路由Router配置

事件處理器

四、PC端管理信息系統前端開發

jQueryUI與jQueryEasyUI

Bootstrap框架

Charts/Echarts

第四階段移動端項目開發

一、Touch端

Canvas基礎知識

繪制矩形、圓弧、線段、曲線、漸變與圖像

Canvas圖表繪制案例

localStorage、sessionStorage與離線緩存

animate.css

前后端聯調

touch.js

zepto.js

swiper

iScroll

二、微信場景

WeUI

Swiperanimate在微信場景項目中的使用

常見的頁面布局

常見的交互與動畫

實戰項目

三、應用Vue.js開發WebApp

Vue.js基礎

模塊化

單文件組件

路由

與服務器通信

狀態管理

單元測試

生產發布

四、應用Ionic開發WebApp

csscomponents

ionic基于angularJS擴展的交互指令介紹

頭部與尾部、內容區域、列表、區域滾動

下拉刷新與上拉加載、頁簽導航

背景層與旋轉SVG圖標

loading效果、actionsheet效果

彈出窗口、彈出浮動層

底部滿屏滑動窗口

ionic自帶的swiper滑動

基于swiper組件的swiper滑動

五、應用React.js開發WebApp

ReactJS基礎

JSX語法

組件

flux架構

配置模塊化開發環境

動畫效果

數據雙向綁定

六、微信小程序開發

csscomponents

微信小程序簡介及從技術上和產品上的分析

構建個應用：創建項目、創建小程序實例與創建頁面

框架、組件、API及工具詳解

微信小程序項目開發

第五階段WebApp后端系統開發

一、NodeJS基礎與NodeJS核心模塊

NodeJS介紹

NodeJS環境搭建與入門

ES6在NodeJS中的應用

CommonJS模塊

fs與path模塊

stream

socket.io

http模塊API

URL模塊

數據的本地存儲

二、Express

expressapi

express中間件

ejs/jade

三、noSQL數據庫

mongodb與mongoose

框架中間件

項目實戰導入

第六階段就業指導

一、面試指導

簡歷制作

面試禮儀

模擬面試

二、專業指導

項目作品整理

職業規劃

面試常見問題

【行業前景】

互聯網行業風起云涌，IT工程師如果僅憑傳統開發思維，無法突破固有知識體系，終將會被社會所淘汰。會跨平臺手機應用開發、微信小程序、網絡應用、pc以及手機炫酷網頁的全棧設計師應運而生…目前Web前端全棧開發工程師緊俏，企業高薪求才，薪資一漲再漲！

【教學環境】

【學校簡介】

優就業貼合學生的親身利益需求，以理念的不斷升級為導向，為學員提供優質的學習環境。同時優就業在全國各分校均設置了學習體驗中心，并且擁有自己的培訓教學基地。多媒體教學設施先進完備，有著優質的硬件資源。每一位老師、每一位員工都始終堅持企業的核心教學理念，在各個崗位上為每一個學員提供優質的服務。