2019年技術胖的總結一分鐘輕鬆拿走你的贊| 掘金年度徵文

時間 2019-12-17

標籤 2019年技術胖的總結一分鐘輕鬆拿走年度徵文简体版

原文原文鏈接

2019年技術胖的總結一分鐘輕鬆拿走你的贊| 掘金年度徵文

小夥伴們你們好，我是技術胖。前端

2019年人在光陰似箭流。做爲一個工做12年的程序員，今年過的尤爲的快，就好像時間是在作着加速運動，在整我的生的旅途中變的愈來愈快。有時候我想讓時間慢下來，發現已無力爲之。mysql

在這一年裏，身邊有不少大事發生，它們奼紫嫣紅，百花齊放。做爲一個技術人，我時刻提醒本身要把精力放在技術自己，心中默唸「凡桃俗李爭芬芳只有老梅心自常」。react

我已經36歲，這對於一個沒有走向管理崗位，仍然天天寫代碼的程序員是一個尷尬的年齡。也有過擔憂，也有過彷徨，憂慮程序發展的車輪無情碾壓我這200多斤的身體，也爲五斗米向世界低頭違心作事。但我有一個目標歷來沒變，就是十年完成1000集免費視頻的錄製。這個目標我已經堅持了4年，錄製了400多集免費視頻教程。ios

這個文章我會總結今年已錄製的視頻和明年的一些錄製計劃，你也能夠在文章下方留言，給出建議。程序員

我之初心去年總結已寫，不在這裏贅述，不必特地留下「不要人誇顏色好，只留清氣滿乾坤」的脫俗形象。既然是出來參加徵文並發表的，不該該是本身提高的簡單羅列，而是能給別人帶來幫助的總結，因此就直接總結一下我今年的視頻錄製狀況，但願這些視頻能夠幫助更多程序員，若是你覺的文章裏的視頻對你有所幫助，請留下你的贊和一句鼓勵的評論。面試

文章參加掘金年度徵文，因此只要你10秒鐘的贊和留言，將是我接下來一年下班後無數小時奮鬥錄製的動力。sql

今年我一共錄製免費視頻132集，視頻列表以下：數據庫

大胖逼逼叨-程序員軟技能視頻【10集】

這個系列算是我本身的一個突破，讓本身學會面向鏡頭說一些事情。主要講的是一些除了代碼以外程序員應該知道的知識。因爲剛開始錄，今年只錄了10集。編程

00一、大胖逼逼叨01-如何高效學習新編程技術:www.bilibili.com/video/av711…
00二、大胖逼逼叨02-三招提升代碼質量:www.bilibili.com/video/av718…
00三、大胖逼逼叨03-程序員到底學什麼語言好:www.bilibili.com/video/av735…
00四、大胖逼逼叨04-程序員如何避免從入門到入獄:www.bilibili.com/video/av743…
00五、大胖逼逼叨05-前端三大框架到底學哪一個好:www.bilibili.com/video/av751…
00六、大胖逼逼叨06-12年程序員感悟編程的意義:www.bilibili.com/video/av760…
00七、大胖逼逼叨07-大膽預測明年軟件開發趨勢:www.bilibili.com/video/av768…
00八、大胖逼逼叨08-如何佈置桌面提升編碼效率:www.bilibili.com/video/av776…
00九、大胖逼逼叨09-程序員通關阿里面試全攻略:www.bilibili.com/video/av785…
0十、大胖逼逼叨10-2019年前端大事回顧:www.bilibili.com/video/av793…

每週更新一集，2020年我會繼續努力完成更新。redux

React16版基礎視頻【28集】

文字+視頻版，能夠直接到我博客中查看，博客地址：jspang.com

0十一、React課程前言:jspang.com/detailed?id…
0十二、React簡介和Vue對比:jspang.com/detailed?id…
01三、React開發環境搭建:jspang.com/detailed?id…
01四、腳手架生成的項目目錄介紹:jspang.com/detailed?id…
01五、HelloWorld和組件的講解:jspang.com/detailed?id…
01六、React中JSX語法簡介:jspang.com/detailed?id…
01七、React實例-小姐姐服務菜單:jspang.com/detailed?id…
01八、React實例-寶劍磨的好,理論不能少:jspang.com/detailed?id…
01九、React實例-老闆我要加個鍾:jspang.com/detailed?id…
020、React實例-寶劍雖然好老腰受不了:jspang.com/detailed?id…
02一、React進階-JSX防踩坑的幾個地方:jspang.com/detailed?id…
02二、React進階-Simple React Snippets:jspang.com/detailed?id…
02三、React進階-組件的拆分:jspang.com/detailed?id…
02四、React進階-父子組件的傳值:jspang.com/detailed?id…
02五、React進階-單項數據流和其餘:jspang.com/detailed?id…
02六、React高級-調試工具的安裝及使用:jspang.com/detailed?id…
02七、React高級-PropTypes校驗傳遞值:jspang.com/detailed?id…
02八、React高級-ref的使用方法:jspang.com/detailed?id…
02九、React高級-生命週期講解-1:jspang.com/detailed?id…
030、React高級-生命週期講解-2:jspang.com/detailed?id…
03一、React高級-生命週期講解-3:jspang.com/detailed?id…
03二、React高級-生命週期改善程序性能:jspang.com/detailed?id…
03三、React高級-axios數據請求:jspang.com/detailed?id…
03四、React高級-Axios請求EasyMock:jspang.com/detailed?id…
03五、React高級-用CSS3實現react動畫:jspang.com/detailed?id…
03六、React高級-CSS3的keyframes動畫:jspang.com/detailed?id…
03七、React高級-react-transition-group:jspang.com/detailed?id…
03八、React高級-多DOM動畫製做和編寫:jspang.com/detailed?id…

Redux免費視頻教程【24集】

03九、基礎-認識Redux和文章介紹:jspang.com/detailed?id…
040、基礎-Redux工做流程:jspang.com/detailed?id…
04一、基礎-Ant Design介紹和環境初始化:jspang.com/detailed?id…
04二、基礎-用Ant Design製做UI界面:jspang.com/detailed?id…
04三、基礎-建立Redux中的倉庫-store和reducer:jspang.com/detailed?id…
04四、基礎-Redux Dev Tools的安裝:jspang.com/detailed?id…
04五、基礎-經過Input體驗Redux的流程:jspang.com/detailed?id…
04六、基礎-Redux製做ToDoList列表:jspang.com/detailed?id…
04七、基礎-用Redux實現ToDoList的刪除功能:jspang.com/detailed?id…
04八、基礎-工做中寫Redux的小技巧-1:jspang.com/detailed?id…
04九、基礎-工做中寫Redux的小技巧-2:jspang.com/detailed?id…
050、加餐-Redux填三個小坑:jspang.com/detailed?id…
05一、進階-組件UI和業務邏輯的拆分方法:jspang.com/detailed?id…
05二、進階-填坑和Redux中的無狀態組件:jspang.com/detailed?id…
05三、進階-Axios異步獲取數據並和Redux結合:jspang.com/detailed?id…
05四、進階-Redux-thunk中間件的安裝和配置:jspang.com/detailed?id…
05五、進階-Redux-thunk中間件的安裝和配置:jspang.com/detailed?id…
05六、進階-Redux-saga的安裝和配置:jspang.com/detailed?id…
05七、進階-用Redux-saga獲取TodoList列表:jspang.com/detailed?id…
05八、進階-React-Redux介紹和安裝:jspang.com/detailed?id…
05九、進階-React-redux中的Provider和connect:jspang.com/detailed?id…
060、進階-React-redux的數據修改:jspang.com/detailed?id…
06一、進階-React-redux增長List數據:jspang.com/detailed?id…
06二、加餐-React-redux程序優化(完結):jspang.com/detailed?id…

React Router免費視頻教程【9集】

06三、React Router 安裝和基礎環境搭建:jspang.com/detailed?id…
06四、像製做普通網頁同樣使用ReactRouter:jspang.com/detailed?id…
06五、ReactRouter動態傳值-1:jspang.com/detailed?id…
06六、ReactRouter動態傳值-2:jspang.com/detailed?id…
06七、ReactRouter重定向-Redirect使用:jspang.com/detailed?id…
06八、實例-ReactRouter嵌套路由-1:jspang.com/detailed?id…
06九、實例-ReactRouter嵌套路由-2:jspang.com/detailed?id…
070、實例-ReactRouter嵌套路由-3:jspang.com/detailed?id…
07一、後臺動態獲取路由進行配置:jspang.com/detailed?id…

React Hooks 免費視頻教程【共11集】

07二、React Hooks介紹和環境搭建:jspang.com/detailed?id…
07三、useState 的介紹和多狀態聲明:jspang.com/detailed?id…
07四、useEffect代替經常使用生命週期函數:jspang.com/detailed?id…
07五、useEffect 實現 componentWillUnmount生命週期函數:jspang.com/detailed?id…
07六、useContext 讓父子組件傳值更簡單:jspang.com/detailed?id…
07七、useReducer介紹和簡單使用:jspang.com/detailed?id…
07八、useReducer代替Redux小案例-1:jspang.com/detailed?id…
07九、useReducer代替Redux小案例-2:jspang.com/detailed?id…
080、useMemo優化React Hooks程序性能:jspang.com/detailed?id…
08一、useRef獲取DOM元素和保存變量:jspang.com/detailed?id…
08二、自定義Hooks函數獲取窗口大小:jspang.com/detailed?id…

React服務端渲染框架Next.js入門(共12集)

08三、Next.js簡介和建立項目:jspang.com/detailed?id…
08四、creact-next-app快速建立Next.js項目:jspang.com/detailed?id…
08五、Next.js的Page和Component的使用:jspang.com/detailed?id…
08六、路由-基礎和基本跳轉:jspang.com/detailed?id…
08七、路由-跳轉時用query傳遞和接受參數:jspang.com/detailed?id…
08八、路由-六個鉤子事件的講解:jspang.com/detailed?id…
08九、在getInitialProps中用Axios獲取遠端數據:jspang.com/detailed?id…
090、使用Style JSX編寫頁面的CSS樣式:jspang.com/detailed?id…
09一、Lazy Loading實現模塊懶加載:jspang.com/detailed?id…
09二、自定義Head 更加友好的SEO操做:jspang.com/detailed?id…
09三、Next.js框架下使用Ant Design UI:jspang.com/detailed?id…
09四、Next.js生產環境打包（完結）:jspang.com/detailed?id…

React Hooks+Egg.js博客實戰視頻教程(更新39集)

這個預計在12月月底就會更新完成，每週更新3集，目前更新到39集。

目前個人博客就是用的這個程序,預覽頁面

09五、博客實戰的課程介紹:jspang.com/detailed?id…
09六、項目前端基礎開發環境搭建:jspang.com/detailed?id…
09七、製做博客公用頭部並造成組件:jspang.com/detailed?id…
09八、完成首頁主體的兩欄佈局:jspang.com/detailed?id…
09九、利用List組件製做博客列表:jspang.com/detailed?id…
100、編寫「博主介紹」組件:jspang.com/detailed?id…
10一、編寫「通用廣告」組件:jspang.com/detailed?id…
10二、博客列表頁面快速製做:jspang.com/detailed?id…
10三、博客詳細頁面製做1-編寫基本頁面結構:jspang.com/detailed?id…
10四、博客詳細頁面製做2-解析Markdown語法:jspang.com/detailed?id…
10五、博客詳細頁面製做3-Markdown導航製做:jspang.com/detailed?id…
10六、中臺搭建1-安裝egg.js開發環境:jspang.com/detailed?id…
10七、中臺搭建2-egg.js目錄結構和約定規範:jspang.com/detailed?id…
10八、中臺搭建3-RESTful API設計簡介和路由配置:jspang.com/detailed?id…
10九、中臺搭建4-Egg.js中鏈接mysql數據庫:jspang.com/detailed?id…
1十、中臺搭建5-數據庫設計和首頁接口製做:jspang.com/detailed?id…
1十一、前中臺結合1-前臺讀取首頁文章列表接口:jspang.com/detailed?id…
1十二、前中臺結合2-文章詳細頁面接口製做展現:jspang.com/detailed?id…
11三、解決egg.js的跨域問題:jspang.com/detailed?id…
11四、重構前臺博客詳細頁面1-marked+highlight:jspang.com/detailed?id…
11五、重構前臺博客詳細頁面2-實現文章導航:jspang.com/detailed?id…
11六、前臺文章列表頁的製做1-接口模塊化和讀取文章分類:jspang.com/detailed?id…
11七、前臺文章列表頁的製做2-根據類別讀取文章列表:jspang.com/detailed?id…
11八、讓前臺全部頁面支持Markdown解析:jspang.com/detailed?id…
11九、後臺開發01-開發環境搭建:jspang.com/detailed?id…
120、後臺開發02-頁面路由配置:jspang.com/detailed?id…
12一、後臺開發03-編寫登陸界面:jspang.com/detailed?id…
12一、後臺開發04-UI框架搭建:jspang.com/detailed?id…
12二、後臺開發05-添加文章頁面製做1:jspang.com/detailed?id…
12三、後臺開發06-添加文章頁面製做2:jspang.com/detailed?id…
12四、後臺開發07-Markdown編輯器製做:jspang.com/detailed?id…
12五、後臺開發08-編寫service登陸接口:jspang.com/detailed?id…
12六、後臺開發09-實現前臺登陸操做:jspang.com/detailed?id…
12七、後臺開發10-中臺路由守衛製做:jspang.com/detailed?id…
12八、後臺開發11-讀取添加文章頁面的類別信息:jspang.com/detailed?id…
12九、後臺開發12-添加文章的方法(上):jspang.com/detailed?id…
130、後臺開發13-添加文章的方法(中):jspang.com/detailed?id…
13一、後臺開發14-添加文章的方法(下):jspang.com/detailed?id…
13二、後臺開發15-文章列表製做(上):jspang.com/detailed?id…
未完，每週三集更新中

上面這些都是我今年錄製的視頻，如過你能認真學下來，應該能夠徹底上手React的工做項目，最主要的是你不須要花費一分錢就能夠完成從基礎到實戰的所有學習內容。

我已經這樣錄製視頻三年多了，還有300多集關於Vue、Flutter、CSS3的相關免費視頻，都在個人博客裏，若是你須要，能夠到個人博客中學習，我就不一一羅列到這裏了。

2020年的計劃

2020年我但願保持一個日常心度過，能繼續每週出3集視頻教程。我不是一個專業的講師，這些視頻只能在下班後錄製，爲此我也犧牲了不少時間，少陪了不少朋友，少喝了不少酒，少玩了不少遊戲。但我知道有小夥伴在等着看視頻學習，他們陪伴着我。雖然犧牲了一些社交時間，可是我相信「莫愁前路無知己，天下誰人不識君。」這個世界漂亮的臉蛋太多太多，有趣的靈魂卻太少太少。我雖是魔鬼的臉龐，但我但願用個人努力，至少給靈魂一個昇華。願我心愛的編程技術界中少一些套路，多一些真誠。

感謝2020年，依然有你陪我度過。

在明年我計劃出下面的視頻：