新年獻禮 技術胖262集前端免費視頻 讓您走的更容易些

2018還有十幾天就要過完了，我覺的這一年個人成長並非很快，有不少2018新年許的願望都沒有達成。這篇文章算我2018年的一個總結吧！

在這歲末迎新的時候，把全部的視頻送給你，但願你能夠在2019年，不管是學習仍是工做都有所進步。

有不少人問我爲何要錄製這麼多免費視頻，是否是有什麼大陰謀。

我之前上學的時候家裏很窮，我父親是一名軍人，在我12歲的時候就去世了，走在了工做一線，咱們全家都沒見到最後一面。老媽是一名油漆工人，在個人記憶裏每次下班回家都是色彩斑斕，一身的油漆味。父親走後，老媽本身承擔起了姥姥、哥哥和我這一你們的負擔，全部收入只靠老媽一人。

我學程序的時候連一本程序書籍都買不起，天天下課後，灌上一壺涼水，買兩個饅頭就去新華書店抄書（那時候我沒有能照相的手機）。抄好一章後等着能上機練習的時候再看着筆記練習。當時過的很窮酸，遭到過不少富家子弟的白眼，我知道學程序的艱辛。

如今我條件好過了一些，我只想幫助你們，讓你們學程序的時候容易點。

這裏是我錄製全部的免費課程，我很笨，每節課程我都要準備3-5個小時，由於會和講出來，真的是兩個不一樣的境界。

一共花了兩年時間，我並非講師，我是天天敲8個小時以上代碼的一線程序員，全部課程都是我下班回家和早上4:30起牀錄製的。

我做的這一切，只想讓你在程序這條路上，走的更容易一些。

我不保證我之後不會變，但此時我是這樣想的，而且已經這樣想了兩年。祝全部小夥伴在新的一年裏心想事成，萬事如意。

2019年我還會每週出三節免費視頻教程，但願能夠幫助更多的小夥伴學習前端技術。

技術胖祝君安！

1-Flutter基礎視頻教程

1. 認識一下Flutter

2. Flutter開發環境搭建Windows版

3. Flutter開發環境搭建Mac版

4. 安裝AVD虛擬機 Flutter跑起來

5. VSCode下如何玩轉Flutter

6. 寫一個HelloWorld程序

7. Text Widget 文本組件的使用

8. Container容器組件的使用1

9. Container容器組件的使用2

10. Image圖片組件的使用

11. ListView 列表組件簡介

12. ListView 橫向列表的使用

13. ListView 動態列表的使用

14. GridView網格列表組件

15. Flutter-水平佈局Row的使用

16. Flutter-垂直佈局Column組件

17. Flutter-Stack層疊佈局

18. Stack的Positioned屬性

19. 卡片組件佈局

20. 通常頁面導航和返回

21. 導航參數的傳遞和接收（1）

22. 導航參數的傳遞和接收（2）

23. 頁面跳轉並返回數據

24. 靜態資源和項目圖片的處理

25. Flutter客戶端打包

2-Flutter 20課小實例練習

1. 底部導航欄製做-1

2. 底部導航欄製做-2

3. 不規則底部工具欄製做-1

4. 不規則底部工具欄製做-2

5. 酷炫的路由動畫-1

6. 酷炫的路由動畫-2

7. 毛玻璃效果製做

8. 保持頁面狀態

9. 保持頁面狀態-2

10. 一個不簡單的搜索條-1

11. 一個不簡單的搜索條-2

12. 流式佈局 模擬添加照片效果

13. 展開閉合案例

14. 展開閉合列表案例

15. 貝塞爾曲線切割

16. 波浪形式的貝塞爾曲線

17. 打開應用的閃屏動畫案例

18. 右滑返回上一頁案例

19. ToolTip控件實例

20. Draggable控件實例

3-ES6免費視頻教程（18集）

1. ES6的開發環境搭建

2. 新的聲明方式

3. 變量的解構賦值

4. 擴展運算符和rest運算符

5. 字符串模版

6. ES6數字操做

7. ES6中新增的數組知識（1）

8. ES6中新增的數組知識（2）

9. ES6中的箭頭函數和擴展

10. ES6中的函數和數組補漏

11. ES6中對象

12. Symbol在對象中的做用

13. Set和WeakSet數據結構

14. map數據結構

15. 用Proxy進行預處理

16. promise對象的使用

17. class類的使用

18. 模塊化操做

4-前端必會的 Nginx免費教程 (共11集)

1. 初識Nginx和環境準備

2. Nginx的快速搭建

3. Nginx基本配置文件詳講

4. Nginx服務啓動、中止、重啓

5. 自定義錯誤頁和訪問設置

6. Nginx訪問權限詳講

7. Nginx設置虛擬主機

8. Nginx使用域名設置虛擬主機

9. Nginx反向代理的設置

10. Nginx適配PC或移動設備

11. Nginx的Gzip壓縮配置

5-TypeScript免費視頻教程 ，Deno前置知識 (共15集)

1. 初識TypeScript

2. 開發環境的安裝

3. 變量類型的那些事

4. TypeScript的函數

5. 三種函數的定義方式

6. 函數中變量的做用域

7. 引用類型-數組

8. 引用類型-字符串啊

9. 引用類型-日期對象

10. 引用類型-正則表達式

11. 面向對象編程-類的聲明和使用

12. 面向對象編程-修飾符

13. 面向對象編程-繼承和重寫

14. 面向對象編程-接口

15. 面向對象編程-命名空間

6-Nuxt.js免費視頻教程 開啓SSR渲染 ( 共11集)

1. NuxtJS課程介紹

2. Nuxt環境搭建和Hello World

3. Nuxt經常使用配置項

4. Nuxt的路由配置和參數傳遞

5. Nuxt的動態路由和參數校驗

6. Nuxt的路由動畫效果

7. Nuxt的默認模版和默認佈局

8. Nuxt的錯誤頁面和個性meta設置

9. asyncData方法獲取數據

10. 靜態資源和打包

7-CocosCreator 從基礎到實戰免費視頻

1. CocosCreator簡介和HelloWorld

2. 軟件界面介紹和跳動的小球

3. Scene介紹和基本操做

4. 玩家輸入事件監聽

5. Prefab和計時器

6. 實戰-遊戲簡介和項目分析

7. 實戰-UI界面佈局

8. 實戰-主角的動做監聽和跳動

9. 實戰-隨機生成地刺

10. 實戰-點擊生成地刺和移動

11. 實戰-碰撞檢測

12. 實戰-倒計時和分數增長

13. 實戰-歡迎界面代碼編寫

14. 實戰-添加音效

15. 實戰-發佈遊戲

8-挑戰全棧 MongoDB基礎視頻教程 (共21集)

1. 認識和安裝MongoDB

2. Mongo基本命令-1

3. Mongo基本命令-2

4. 用js文件寫mongo命令

5. 批量插入的正確方法

6. 修改：Update常見錯誤

7. 修改：初識update修改器

8. 修改：update數組修改器

9. 修改：狀態返回與安全

10. 查詢：find的不等修飾符

11. 查詢：find的多條件查詢

12. 查詢：find的數組查詢

13. 查詢：find的參數使用方法

14. 查詢：find如何在js文本中使用

15. 索引:構造百萬級數據

16. 索引：索引入門

17. 索引：複合索引

18. 索引：全文索引

19. 管理:用戶的建立、刪除與修改

20. 管理：備份和還原

21. 管理：圖形界面管理（完結）

9-挑戰全棧 Koa2免費視頻教程 (共13集)

1. Koa開發環境搭建

2. async/await的使用方法

3. Get請求的接收

4. POST請求如何接收（1）

5. POST請求如何接收（2）

6. koa-bodyparser中間件

7. Koa2原生路由實現

8. Koa-router中間件（1）入門

9. Koa-router中間件（2）層級

10. Koa-router中間件（3）參數

11. Koa2中使用cookie

12. Koa2的模板初識（ejs）

13. koa-static靜態資源中間件

10-React免費視頻教程-入門和組件 (共11集)

1. React課程介紹

2. 環境搭建和HelloWorld程序

3. 初識JSX語法

4. 進階JSX語法

5. React組件：state成員

6. React組件：props和render成員

7. React組件：生命週期

8. React組件小實例-必作練習

9. React組件：this.props.children

10. React組件：props屬性驗證

11. React組件：獲取真實DOM節點

11-React免費視頻教程-表單的應用 (共4集)

1. 表單的事件響應和bind複用

2. React表單name複用

3. React表單-可控組件

4. React表單-不可控組件

12-React項目構建和路由 免費視頻教程 (共10集)

1. 構建：create-react-app 快速腳手架

2. 構建：generator-react-webpack

3. 構建：webpack一步一步構建01

4. 構建：webpack一步一步構建02

5. 路由：Hello React路由

6. 路由：NavLink中經常使用選項

7. 路由：404設置和跳轉設置

8. 路由：經過路由傳值的方法

9. 路由：Router中的屬性和路由模式

10. 路由：prompt用法講解

13-Vue2.0視頻教程-內部指令(共8集)

1. 走起個人Vue2.0

2. v-if v-else v-show 指令

3. v-for指令 ：解決模板循環問題

4. v-text & v-html

5. v-on：綁定事件監聽器

6. v-model指令

7. v-bind 指令

8. 其餘內部指令(v-pre & v-cloak & v-once)

14-【第二季】Vue2.0視頻教程-全局API(共9集)

1. Vue.directive 自定義指令

2. Vue.extend構造器的延伸

3. Vue.set全局操做

4. Vue的生命週期（鉤子函數）

5. Template 製做模版

6. Component 初識組件

7. Component 組件props 屬性設置

8. Component 父子組件關係

9. Component 標籤

15-【第三季】Vue2.0視頻教程-選項（共6集）

1. propsData Option 全局擴展的數據傳遞

2. computed Option 計算選項

3. Methods Option 方法選項

4. Watch 選項 監控數據

5. Extends Option 擴展選項

---

16-【第四季】Vue2.0視頻教程-實例和內置組件（共4集）

1. 實例入門-實例屬性

2. 實例方法

3. 實例事件

4. 內置組件 -slot講解

17-Vue-cli 免費視頻教程(共3集)

1. Vue-cli，開始吧騷年

2. Vue-cli項目結構講解

3. 解讀Vue-cli的模板

18-Vue-router免費視頻教程(共11集)

1. Vue-router入門

2. vue-router配置子路由

3. vue-router如何參數傳遞

4. 單頁面多路由區域操做

5. vue-router 利用url傳遞參數

6. vue-router 的重定向-redirect

7. alias別名的使用

8. 路由的過渡動畫

9. mode的設置和404頁面的處理

10. 路由中的鉤子

11. 編程式導航

19-vuex免費視頻教程(共6集)

1. 初出茅廬 來個小Demo

2. state訪問狀態對象

3. Mutations修改狀態

4. getters計算過濾操做

5. actions異步修改狀態

6. module模塊組

20- Vue實戰視頻-快餐店收銀系統 (共11集)

1. Mockplus把咱們的想法畫出來

2. Vue-cli搭建開發環境

3. 搞定項目圖標Iconfont

4. 編寫獨立的側邊欄導航組件

5. 開啓Element封印

6. 利用Element快速佈局（1）

7. 利用Element快速佈局（2）

8. Axios從遠程讀取數據

9. 訂單模塊製做 核心功能-1

10. 訂單模塊製做 核心功能-2

11. 項目打包和上線

21-WEEX免費視頻教程-從入門到放肆 (共17集)

1. 課程介紹

2. 開發環境安裝(1)

3. 開發環境安裝(2)

4. weex經常使用命令和熱更新

5. Android Studio 開發設置

6. weex和vue的愛恨情仇

7. 自定義組件和Text組件

8. Input組件和初識內建模塊

9. Image和video組件

10. 一塊兒做個列表出來

11. 從後端服務器上獲取數據

12. 做輪播圖片效果

13. a組件和web組件

14. 通用事件和動畫

15. 教會你自學weex

16. Navigator和webview模塊

17. vue-router的使用

22-Fabric.js 免費視頻教程(共13集)

1. 初識簡單並且強大的Fabric.js庫

2. 在Canvas上畫簡單的圖形

3. 在Canvas上插入圖片並設置旋轉屬性

4. Fabric.js用路徑畫不規則圖形

5. Fabric.js的動畫設置

6. Fabric.js的圖像過濾器

7. Fabric.js的顏色模式和相互轉換

8. Fabric.js的漸變填充

9. Fabric.js的文本設置

10. Fabric.js的事件系統

11. Fabric.js的分組繪製（一）

12. Fabric.js的分組繪製（二）

13. Fabric.js的序列化和反序列化

23-CSS3免費視頻教程(共31集)

1. 嫁漢嫁漢穿衣吃飯

2. CSS3新特性簡介和瀏覽器支持狀況

3. CSS3僞類選擇器1

4. CSS3僞類選擇器2結構僞類選擇器

5. CSS3僞元素

6. CSS3用border-radius畫圓形

7. CSS3畫三角形和對話框

8. CSS3畫菱形和平行四邊形

9. 畫五角星和六角星

10. CSS3 畫五角星和六角星

11. CSS3畫心形和蛋形

12. CSS3畫太極陰陽圖

13. CSS3製做透明背景層

14. CSS3的顏色模式(1)

15. CSS3的顏色模式（2）-實例仿天貓商品展現效果

16. CSS3線性漸變

17. CSS3徑向漸變 radial-gradient

18. CSS3重複性漸變

19. CSS3盒子陰影效果box-shadow

20. CSS3製做緩慢變長的方形（transition特效）

21. CSS3製做緩慢變長的方形（transition特效）

22. CSS3過渡的timing-function屬性詳解

23. CSS3仿天貓專題過渡效果實例

24. SS3仿天貓類別過渡效果製做

25. CSS3動畫中的@keyframes關鍵幀講解

26. CSS3動畫animation複合屬性講解

27. CSS3動畫綜合實例製做-內容加載loading動畫實現

28. CSS3 Loading動畫效果實例2

29. CSS3製做發光字，立體字，蘋果字體

30. CSS3 用text-overflow解決文字排版問題

31. CSS3 新的字體單位rem-大結局