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

技術胖發表於2018-12-13

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

在這歲末迎新的時候,把所有的視訊送給你,希望你可以在2019年,無論是學習還是工作都有所進步。

有很多人問我為什麼要錄製這麼多免費視訊,是不是有什麼大陰謀。

我以前上學的時候家裡很窮,我父親是一名軍人,在我12歲的時候就去世了,走在了工作一線,我們全家都沒見到最後一面。老媽是一名油漆工人,在我的記憶裡每次下班回家都是色彩斑斕,一身的油漆味。父親走後,老媽自己承擔起了姥姥、哥哥和我這一大家的負擔,所有收入只靠老媽一人。

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

現在我條件好過了一些,我只想幫助大家,讓大家學程式的時候容易點。

這裡是我錄製所有的免費課程,我很笨,每節課程我都要準備3-5個小時,因為會和講出來,真的是兩個不同的境界。

一共花了兩年時間,我並不是講師,我是每天敲8個小時以上程式碼的一執行緒序員,所有課程都是我下班回家和早上4:30起床錄製的。

我作的這一切,只想讓你在程式這條路上,走的更容易一些。

我不保證我以後不會變,但此時我是這樣想的,並且已經這樣想了兩年。祝所有小夥伴在新的一年裡心想事成,萬事如意。

2019年我還會每週出三節免費視訊教程,希望可以幫助更多的小夥伴學習前端技術。

技術胖祝君安!

https://user-gold-cdn.xitu.io/2018/12/13/167a553dc8fdd6c5?w=750&h=150&f=jpeg&s=56670

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-大結局

相關文章