大家好，我就是技術胖，2017年我在下班時間錄製了200集左右的視訊教程，現在貢獻155集免費觀看，希望可以幫助前端小夥伴學習（點選下面連結免費觀看）。需要說明的是本人還是一線奮戰的前端程式設計師，不是專業講師，所以教程難免有所紕漏和錯誤，還請多多理解和指正。這些視訊都是本人原創，希望前端愛好者喜歡。（如果你想和技術胖成為朋友，在文章下方有微信二維碼），錄課開源不易，如果文章對你有幫助，請點贊和打賞。
Vue2.x基礎視訊（27集）
- 技術胖Vue2.0基礎視訊01__HelloWord例項
- 技術胖Vue2.0基礎視訊02_v-if和v-show
- 技術胖Vue2.0基礎視訊03_v-for迴圈指令
- 技術胖Vue2.0基礎視訊04v-text和v-html指令
- 技術胖Vue2.0基礎視訊05v-on指令
- 技術胖Vue2.0基礎視訊06v-model資料來源繫結指令
- 技術胖Vue2.0基礎視訊07v-bind 標籤屬性繫結
- 技術胖Vue2.0基礎視訊08其它指令
- 技術胖Vue2.0基礎視訊09自定義指令
- 技術胖Vue2.0基礎視訊10extend擴充套件例項構造器
- 技術胖Vue2.0基礎視訊11vue.set全域性操作
- 技術胖Vue2.0基礎視訊12生命週期
- 技術胖Vue2.0基礎視訊13Template模板
- 技術胖Vue2.0基礎視訊14component初識元件
- 技術胖Vue2.0基礎視訊15component屬性
- 技術胖Vue2.0基礎視訊16component繼承
- 技術胖Vue2.0基礎視訊17component標籤
- 技術胖Vue2.0基礎視訊18propsData選項
- 技術胖Vue2.0基礎視訊19computed選項
- 技術胖Vue2.0基礎視訊20methods選項
- 技術胖Vue2.0基礎視訊21watch選項
- 技術胖Vue2.0基礎視訊22mixins選項
- 技術胖Vue2.0基礎視訊23extend選項
- 技術胖Vue2.0基礎視訊24例項入門
- 技術胖Vue2.0基礎視訊25例項方法
- 技術胖Vue2.0基礎視訊26例項事件
- 技術胖Vue2.0基礎視訊27自定義元件slot使用
Vue-cli視訊教程（3集）
Vue-router視訊教程（11集）
- 技術胖Vue2.0基礎視訊31vue-router入門
- 技術胖Vue2.0基礎視訊32vue-router子路由
- 技術胖Vue2.0基礎視訊33vue-router引數傳遞
- 技術胖Vue2.0基礎視訊34單頁面多路由區域操作
- 技術胖Vue2.0基礎視訊35通過Url傳遞引數
- 技術胖Vue2.0基礎視訊36redirect重定向
- 技術胖Vue2.0基礎視訊37alias別名的使用
- 技術胖Vue2.0基礎視訊38路由過渡動畫
- 技術胖Vue2.0基礎視訊39mode的作用和404頁面處理
- 技術胖Vue2.0基礎視訊40路由裡的鉤子函式
- 技術胖Vue2.0基礎視訊41程式設計式導航
vuex視訊教程（6集）
- 技術胖Vue2.0基礎視訊42初識vuex一個小Demo
- 技術胖Vue2.0基礎視訊43state訪問狀態物件
- 技術胖Vue2.0基礎視訊44Mutations修改狀態
- 技術胖Vue2.0基礎視訊45Getters計算過濾屬性
- 技術胖Vue2.0基礎視訊46Actions非同步狀態
- 技術胖Vue2.0基礎視訊47vuex模組組
Vue實戰-快餐店POS系統（12集）
- 技術胖Vue實戰-快餐店POS系統演示說明
- 技術胖Vue實戰-快餐店POS系統01節
- 技術胖Vue實戰-快餐店POS系統02節-專案架構搭建
- 技術胖Vue實戰-快餐店POS系統03節-iconfont
- 技術胖Vue實戰-快餐店POS系統04節-自建側邊欄元件
- 技術胖Vue實戰-快餐店POS系統05節-開啟Element
- 技術胖Vue實戰-快餐店POS系統06節-佈局1
- 技術胖Vue實戰-快餐店POS系統07節-佈局2
- 技術胖Vue實戰-快餐店POS系統08節-Axios獲取資料
- 技術胖Vue實戰-快餐店POS系統09節-訂單模組-1
- 技術胖Vue實戰-快餐店POS系統10節-訂單模組-2
- 技術胖Vue實戰-快餐店POS系統11節-打包上線
WEEX視訊教程（17集）
- WEEXS視訊教程-01WEEX介紹和學習難點講解
- WEEX視訊教程-02開發環境安裝(1)
- WEEX視訊教程-03開發環境安裝(2)
- WEEX視訊教程-04weex常用命令和熱更新預覽
- WEEX視訊教程-05AndroidStudio的配置
- WEEX視訊教程-06vue和weex的愛恨情仇
- WEEX視訊教程-07自定義元件和Text元件
- WEEX視訊教程-08Input元件和初識內建模組
- WEEX視訊教程-09Image和video元件
- WEEX視訊教程-10一起作個列表
- WEEX視訊教程-11從伺服器獲取遠端資料
- WEEX視訊教程-12作個輪播圖效果
- WEEX視訊教程-13a元件和web元件
- WEEX視訊教程-14通用事件和動畫模組
- WEEX視訊教程-15教會你自學weex
- WEEX視訊教程-16Navigator和webview模組
- WEEX-17Vue-router中的坑
ES6基礎視訊教程（18集）
- 技術胖帶你玩轉ES6-01開發環境搭建
- 技術胖帶你玩轉ES6-02新的宣告方式
- 技術胖帶你玩轉ES6-03變數的解構賦值
- 技術胖帶你玩轉ES6-04擴充套件運算子和rest運算子
- 技術胖帶你玩轉ES6-05字串模板
- 技術胖帶你玩轉ES6-06數字操作
- 技術胖帶你玩轉ES6-07陣列操作-1
- 技術胖帶你玩轉ES6-08陣列操作-2
- 技術胖帶你玩轉ES6-09箭頭函式和擴充套件
- 技術胖帶你玩轉ES6-10函式和陣列補漏
- 技術胖帶你玩轉ES6-11物件操作
- 技術胖帶你玩轉ES6-12Symbol在物件中的應用
- 技術胖帶你玩轉ES6-13Set和WeakSet
- 技術胖帶你玩轉ES6-14Map資料結構
- 技術胖帶你玩轉ES6-15Proxy函式和物件的增強
- 技術胖帶你玩轉ES6-16Promise多步驟操作
- 技術胖帶你玩轉ES6-17class類操作
- 技術胖帶你玩轉ES6-18模組化操作
React基礎視訊教程（15集）
- React基礎視訊01課程介紹
- React基礎視訊02環境搭建和HelloWorld程式
- React基礎視訊03初識JSX語法
- React基礎視訊04進階JSX語法
- React基礎視訊05元件的State成員
- React基礎視訊06元件的props和render
- React基礎視訊07-1元件的生命週期
- React基礎視訊08元件小例項
- React基礎視訊09元件的子節點
- React基礎視訊10元件的屬性驗證
- React基礎視訊11ref獲取真實DOM節點
- React基礎視訊12表單bind複用
- React基礎視訊13表單name複用
- React基礎視訊14表單可控元件
- React基礎視訊15表單不可控元件
React全家桶（10集）
- React全家桶03webpack構建開發環境1
- React全家桶02完美的腳手架
- React全家桶03webpack構建開發環境1
- React全家桶04webpack構建開發環境2
- React全家桶05Hello React路由
- React全家桶06路由NavLink中的選項
- React全家桶07路由404設定和跳轉設定
- React全家桶08路由引數傳值
- React全家桶09路由屬性和路由模式
- React全家桶10路由Prompt標籤講解
KOA2.x基礎視訊（13集）
- Koa2基礎教程01搭建開發環境
- Koa2基礎教程02async和await的使用
- Koa2基礎教程03GET資料的接收
- Koa2基礎教程04POST請求接收1
- Koa2基礎教程05POST請求接收2
- Koa2基礎教程06Koa-bodyparser中介軟體
- Koa2基礎教程07Koa2原生路由實現
- Koa2基礎教程08koa-router中介軟體1
- Koa2基礎教程09koa-router中介軟體2層級
- Koa2基礎教程10koa-router中介軟體3引數
- Koa2基礎教程11Cookie的使用
- Koa2基礎教程12ejs模板引起
- Koa2基礎教程13koa-static靜態資源中介軟體
Fabric.js視訊教程（13集）
- Fabric.js中文視訊教程：01簡介和第一個Demo製作
- Fabric.js中文視訊教程：02畫簡單的圖形
- Fabric.js中文視訊教程：03插入圖片
- Fabric.js中文視訊教程：04路徑的用法
- Fabric.js中文視訊教程：05讓你的圖片動起來
- Fabric.js中文視訊教程：06圖片過濾效果製作
- Fabric.js中文視訊教程：07顏色模式和相互轉換
- Fabric.js中文視訊教程：08給圖形填充漸變色
- Fabric.js中文視訊教程：09文字編輯和屬性設定
- Fabric.js中文視訊教程：10事件監聽
- Fabric.js中文視訊教程：11物件的組合顯示（1）
- Fabric.js中文視訊教程：12物件的組合顯示（2）
- Fabric.js中文視訊教程：13序列化和反序列化
CocosCreater實戰教程（10集）
非常感謝你的打賞，你可以根據以下步驟獲得特權。
1.掃描技術胖微信二維碼，加技術胖為好友。(二維碼在下方)
2.傳送你的打賞截圖給技術胖。
3.技術胖拉你進微信群，特權獲取方式在群公告裡。