青島前端開發培訓

苐一階段：PC端

Photoshop

photoshop切圖基礎

HTML/css

1.**ml基本標簽/塊級元素vs內聯元素

2.*SS基礎語法/選擇器/基礎屬性/有效寬度/浮動

3.盒模型/文字/背景/列表/

4.定位/顯示/偽類

5.優先級/頁面布局規范流程/分組繼承層疊/雪碧圖/表單樣式

JavaScript

1.基礎語法（變量/數據類型/運算符/typepf/類型轉換 )

2.對象/數組/函數/閉包/

3.條件語句/循環語句/

4.對象操作方法

5.*OM操作、綁定/移除事件

6.*OM、定時器

jQuery

1.**uery引用/基礎語法/選擇器/事件/事件委托

2.屬性樣式/DOM樹遍歷/DOM操作

3.**uery動畫原理/內置動畫/自定義動畫

4.表單操作/數據提交/表單驗證

5.常用插件layer/swiper等常用插件

CSS3

1.*SS3支持/文字/字體圖標/盒模型/背景/邊框/圓角

2.2D/3D變換 /CSS3動畫/過渡效果

項目實戰

PC大型商城項目

第二階段：移動端web開發

flex彈性布局

1.傳統布局的局限性、Flex布局優勢、父級容器常見屬性設置

2.子級項目常見屬性設置

移動端布局

1.移動端屏幕介紹、移動端介紹、移動端操作系統介紹、真機調試

2.**ewport 視口、rem/vw/vh單位的使用、媒體查詢

3.響應式適配解決方案、常見移動端樣式兼容方案

bootstrap

1.基礎使用、柵格系統、CSS基礎樣式、插件系統

小項目

1.基于媒體查詢的uemo響應式網站

HTML5 API

1.**ml5支持/新元素/新屬性/拖拽事件/自定義標簽

2.**nvas 基礎繪制語法/canvas動畫

3.**ML5多媒體相關（Video/Audio）

4.本地存儲/離線應用程序

5.**leReader對象/獲取地理位置坐標/百度地圖API

6.觸摸事件/hammer.js觸摸插件

項目實戰

1.移動端微商城/web APP

第三階段：Nodejs與AJAX

后端API開發

1.*****js 一天快速入門（安裝/common規范/npm常用指令）

2.**press開發框架--安裝與初始化、靜態資源處理

3.路由系統、調試 Express 應用、常用 API

4.前后端分離架構模式、API接口設計、接口測試工具

5.**SQL數據庫環境搭建、Navicate MySQL界面化工具

6.常用SQL語句、CRUD、關聯表查詢

7.**SQL包安裝以及使用

AJAX

1.**AX原理分析、同步與異步、GET/POST

2.**ON數據/AJAX操作/拓展的XMLHttpRequest API方法

3.**uery 的 AJAX 相關 API 使用

4.前端模板引擎artTemplate

5.跨域請求及解決方案

小項目

基于jQuery+bootstrap的員工、客戶管理系統

第四階段：MVVM框架

ECMAScript新語法

1.**MAScript標準、let/const、解構賦值

2.字符串、對象、函數、數組的擴展語法

3.面向對象思想、工廠模式、構造函數、原型以及原型鏈、原型繼承

4.**ass類、Module模塊

5.回調函數、Promise 對象、Async 函數

Vue

1.*ue 實例、Vue3.0新特性、文本與屬性綁定、Class 與 Style 綁定、條件渲染、列表渲染

2.事件處理、表單輸入綁定、計算屬性 computed

3.*ue 實例生命周期、Vue 過渡和動畫

4.模塊化開發、Vue組件系統

5.*ue-CLI安裝、創建項目、目錄解析、配置項

6.*SS預處理器SASS

7.*ue-router基礎路由、路由傳參、嵌套路由

8.編程式導航、路由組件傳參、導航守衛、路由元數據

9.**AX通信Vue-axios/Vue生命周期/路由跳轉獲取數據

10***ement UI框架構建商品管理后臺

11***eX倉庫管理，權限管理

12***eX倉庫管理，權限管理

項目實戰

1.基于vue+axios+vue-router+Element UI的商品后臺管理系統

React

1.**act 框架介紹、安裝與初始化、create-react-app 腳手架工具

2.**act 組件系統、JSX 語法、事件處理

3.條件渲染、列表渲染和 key、表單處理

4.**act Router 路由系統

5.**dux 狀態管理架構

6.**ios 請求庫、生命周期

7.*SS Modules

8.**act Hooks

項目實戰

基于react框架的移動端商城系統

第五階段：Hybrid APP 開發

微信小程序

1.微信4種平臺區別、注冊流程

2.創建基礎項目、目錄解析、配置文件

3.視圖層-頁面樣式布局、WXSS

4.邏輯層--數據渲染、綁定事件、事件傳參、獲取/修改data

5.調試面板，調試

6.網絡通信配置、封裝AJAX方法、數據交互

7.路由組件、路由傳參、編程式導航

8.小程序登錄流程、授權、獲取用戶信息

9.微信支付流程/打包、發布版本

項目實戰

1.基于小程序的購物商城