2019年技术胖的总结一分钟轻松拿走你的赞| 掘金年度征文

小伙伴们大家好，我是技术胖。

2019年人在光阴似箭流。作为一个工作12年的程序员，今年过的尤其的快，就好像时间是在做着加速运动，在整个人生的旅途中变的越来越快。有时候我想让时间慢下来，发现已无力为之。

在这一年里，身边有很多大事发生，它们姹紫嫣红，百花齐放。作为一个技术人，我时刻提醒自己要把精力放在技术本身，心中默念“凡桃俗李争芬芳只有老梅心自常”。

我已经36岁，这对于一个没有走向管理岗位，仍然每天写代码的程序员是一个尴尬的年龄。也有过担心，也有过彷徨，忧虑程序发展的车轮无情碾压我这200多斤的身体，也为五斗米向世界低头违心做事。但我有一个目标从来没变，就是十年完成1000集免费视频的录制。这个目标我已经坚持了4年，录制了400多集免费视频教程。

这个文章我会总结今年已录制的视频和明年的一些录制计划，你也可以在文章下方留言，给出建议。

我之初心去年总结已写，不在这里赘述，没必要特意留下“不要人夸颜色好，只留清气满乾坤”的脱俗形象。既然是出来参加征文并发表的，不应该是自己提升的简单罗列，而是能给别人带来帮助的总结，所以就直接总结一下我今年的视频录制情况，希望这些视频可以帮助更多程序员，如果你觉的文章里的视频对你有所帮助，请留下你的赞和一句鼓励的评论。

文章参加掘金年度征文，所以只要你10秒钟的赞和留言，将是我接下来一年下班后无数小时奋斗录制的动力。

今年我一共录制免费视频132集，视频列表如下：

大胖逼逼叨-程序员软技能视频【10集】

这个系列算是我自己的一个突破，让自己学会面向镜头说一些事情。主要讲的是一些除了代码之外程序员应该知道的知识。由于刚开始录，今年只录了10集。

001、大胖逼逼叨01-如何高效学习新编程技术:www.bilibili.com/video/av711…
002、大胖逼逼叨02-三招提高代码质量:www.bilibili.com/video/av718…
003、大胖逼逼叨03-程序员到底学什么语言好:www.bilibili.com/video/av735…
004、大胖逼逼叨04-程序员如何避免从入门到入狱:www.bilibili.com/video/av743…
005、大胖逼逼叨05-前端三大框架到底学哪个好:www.bilibili.com/video/av751…
006、大胖逼逼叨06-12年程序员感悟编程的意义:www.bilibili.com/video/av760…
007、大胖逼逼叨07-大胆预测明年软件开发趋势:www.bilibili.com/video/av768…
008、大胖逼逼叨08-如何布置桌面提高编码效率:www.bilibili.com/video/av776…
009、大胖逼逼叨09-程序员通关阿里面试全攻略:www.bilibili.com/video/av785…
010、大胖逼逼叨10-2019年前端大事回顾:www.bilibili.com/video/av793…

每周更新一集，2020年我会继续努力完成更新。

React16版基础视频【28集】

文字+视频版，可以直接到我博客中查看，博客地址：jspang.com

011、React课程前言:jspang.com/detailed?id…
012、React简介和Vue对比:jspang.com/detailed?id…
013、React开发环境搭建:jspang.com/detailed?id…
014、脚手架生成的项目目录介绍:jspang.com/detailed?id…
015、HelloWorld和组件的讲解:jspang.com/detailed?id…
016、React中JSX语法简介:jspang.com/detailed?id…
017、React实例-小姐姐服务菜单:jspang.com/detailed?id…
018、React实例-宝剑磨的好,理论不能少:jspang.com/detailed?id…
019、React实例-老板我要加个钟:jspang.com/detailed?id…
020、React实例-宝剑虽然好老腰受不了:jspang.com/detailed?id…
021、React进阶-JSX防踩坑的几个地方:jspang.com/detailed?id…
022、React进阶-Simple React Snippets:jspang.com/detailed?id…
023、React进阶-组件的拆分:jspang.com/detailed?id…
024、React进阶-父子组件的传值:jspang.com/detailed?id…
025、React进阶-单项数据流和其他:jspang.com/detailed?id…
026、React高级-调试工具的安装及使用:jspang.com/detailed?id…
027、React高级-PropTypes校验传递值:jspang.com/detailed?id…
028、React高级-ref的使用方法:jspang.com/detailed?id…
029、React高级-生命周期讲解-1:jspang.com/detailed?id…
030、React高级-生命周期讲解-2:jspang.com/detailed?id…
031、React高级-生命周期讲解-3:jspang.com/detailed?id…
032、React高级-生命周期改善程序性能:jspang.com/detailed?id…
033、React高级-axios数据请求:jspang.com/detailed?id…
034、React高级-Axios请求EasyMock:jspang.com/detailed?id…
035、React高级-用CSS3实现react动画:jspang.com/detailed?id…
036、React高级-CSS3的keyframes动画:jspang.com/detailed?id…
037、React高级-react-transition-group:jspang.com/detailed?id…
038、React高级-多DOM动画制作和编写:jspang.com/detailed?id…

Redux免费视频教程【24集】

039、基础-认识Redux和文章介绍:jspang.com/detailed?id…
040、基础-Redux工作流程:jspang.com/detailed?id…
041、基础-Ant Design介绍和环境初始化:jspang.com/detailed?id…
042、基础-用Ant Design制作UI界面:jspang.com/detailed?id…
043、基础-创建Redux中的仓库-store和reducer:jspang.com/detailed?id…
044、基础-Redux Dev Tools的安装:jspang.com/detailed?id…
045、基础-通过Input体验Redux的流程:jspang.com/detailed?id…
046、基础-Redux制作ToDoList列表:jspang.com/detailed?id…
047、基础-用Redux实现ToDoList的删除功能:jspang.com/detailed?id…
048、基础-工作中写Redux的小技巧-1:jspang.com/detailed?id…
049、基础-工作中写Redux的小技巧-2:jspang.com/detailed?id…
050、加餐-Redux填三个小坑:jspang.com/detailed?id…
051、进阶-组件UI和业务逻辑的拆分方法:jspang.com/detailed?id…
052、进阶-填坑和Redux中的无状态组件:jspang.com/detailed?id…
053、进阶-Axios异步获取数据并和Redux结合:jspang.com/detailed?id…
054、进阶-Redux-thunk中间件的安装和配置:jspang.com/detailed?id…
055、进阶-Redux-thunk中间件的安装和配置:jspang.com/detailed?id…
056、进阶-Redux-saga的安装和配置:jspang.com/detailed?id…
057、进阶-用Redux-saga获取TodoList列表:jspang.com/detailed?id…
058、进阶-React-Redux介绍和安装:jspang.com/detailed?id…
059、进阶-React-redux中的Provider和connect:jspang.com/detailed?id…
060、进阶-React-redux的数据修改:jspang.com/detailed?id…
061、进阶-React-redux增加List数据:jspang.com/detailed?id…
062、加餐-React-redux程序优化(完结):jspang.com/detailed?id…

React Router免费视频教程【9集】

063、React Router 安装和基础环境搭建:jspang.com/detailed?id…
064、像制作普通网页一样使用ReactRouter:jspang.com/detailed?id…
065、ReactRouter动态传值-1:jspang.com/detailed?id…
066、ReactRouter动态传值-2:jspang.com/detailed?id…
067、ReactRouter重定向-Redirect使用:jspang.com/detailed?id…
068、实例-ReactRouter嵌套路由-1:jspang.com/detailed?id…
069、实例-ReactRouter嵌套路由-2:jspang.com/detailed?id…
070、实例-ReactRouter嵌套路由-3:jspang.com/detailed?id…
071、后台动态获取路由进行配置:jspang.com/detailed?id…

React Hooks 免费视频教程【共11集】

072、React Hooks介绍和环境搭建:jspang.com/detailed?id…
073、useState 的介绍和多状态声明:jspang.com/detailed?id…
074、useEffect代替常用生命周期函数:jspang.com/detailed?id…
075、useEffect 实现 componentWillUnmount生命周期函数:jspang.com/detailed?id…
076、useContext 让父子组件传值更简单:jspang.com/detailed?id…
077、useReducer介绍和简单使用:jspang.com/detailed?id…
078、useReducer代替Redux小案例-1:jspang.com/detailed?id…
079、useReducer代替Redux小案例-2:jspang.com/detailed?id…
080、useMemo优化React Hooks程序性能:jspang.com/detailed?id…
081、useRef获取DOM元素和保存变量:jspang.com/detailed?id…
082、自定义Hooks函数获取窗口大小:jspang.com/detailed?id…

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

083、Next.js简介和创建项目:jspang.com/detailed?id…
084、creact-next-app快速创建Next.js项目:jspang.com/detailed?id…
085、Next.js的Page和Component的使用:jspang.com/detailed?id…
086、路由-基础和基本跳转:jspang.com/detailed?id…
087、路由-跳转时用query传递和接受参数:jspang.com/detailed?id…
088、路由-六个钩子事件的讲解:jspang.com/detailed?id…
089、在getInitialProps中用Axios获取远端数据:jspang.com/detailed?id…
090、使用Style JSX编写页面的CSS样式:jspang.com/detailed?id…
091、Lazy Loading实现模块懒加载:jspang.com/detailed?id…
092、自定义Head 更加友好的SEO操作:jspang.com/detailed?id…
093、Next.js框架下使用Ant Design UI:jspang.com/detailed?id…
094、Next.js生产环境打包（完结）:jspang.com/detailed?id…

React Hooks+Egg.js博客实战视频教程(更新39集)

这个预计在12月月底就会更新完成，每周更新3集，目前更新到39集。

目前我的博客就是用的这个程序,预览页面

095、博客实战的课程介绍:jspang.com/detailed?id…
096、项目前端基础开发环境搭建:jspang.com/detailed?id…
097、制作博客公用头部并形成组件:jspang.com/detailed?id…
098、完成首页主体的两栏布局:jspang.com/detailed?id…
099、利用List组件制作博客列表:jspang.com/detailed?id…
100、编写“博主介绍”组件:jspang.com/detailed?id…
101、编写“通用广告”组件:jspang.com/detailed?id…
102、博客列表页面快速制作:jspang.com/detailed?id…
103、博客详细页面制作1-编写基本页面结构:jspang.com/detailed?id…
104、博客详细页面制作2-解析Markdown语法:jspang.com/detailed?id…
105、博客详细页面制作3-Markdown导航制作:jspang.com/detailed?id…
106、中台搭建1-安装egg.js开发环境:jspang.com/detailed?id…
107、中台搭建2-egg.js目录结构和约定规范:jspang.com/detailed?id…
108、中台搭建3-RESTful API设计简介和路由配置:jspang.com/detailed?id…
109、中台搭建4-Egg.js中连接mysql数据库:jspang.com/detailed?id…
110、中台搭建5-数据库设计和首页接口制作:jspang.com/detailed?id…
111、前中台结合1-前台读取首页文章列表接口:jspang.com/detailed?id…
112、前中台结合2-文章详细页面接口制作展示:jspang.com/detailed?id…
113、解决egg.js的跨域问题:jspang.com/detailed?id…
114、重构前台博客详细页面1-marked+highlight:jspang.com/detailed?id…
115、重构前台博客详细页面2-实现文章导航:jspang.com/detailed?id…
116、前台文章列表页的制作1-接口模块化和读取文章分类:jspang.com/detailed?id…
117、前台文章列表页的制作2-根据类别读取文章列表:jspang.com/detailed?id…
118、让前台所有页面支持Markdown解析:jspang.com/detailed?id…
119、后台开发01-开发环境搭建:jspang.com/detailed?id…
120、后台开发02-页面路由配置:jspang.com/detailed?id…
121、后台开发03-编写登录界面:jspang.com/detailed?id…
121、后台开发04-UI框架搭建:jspang.com/detailed?id…
122、后台开发05-添加文章页面制作1:jspang.com/detailed?id…
123、后台开发06-添加文章页面制作2:jspang.com/detailed?id…
124、后台开发07-Markdown编辑器制作:jspang.com/detailed?id…
125、后台开发08-编写service登录接口:jspang.com/detailed?id…
126、后台开发09-实现前台登录操作:jspang.com/detailed?id…
127、后台开发10-中台路由守卫制作:jspang.com/detailed?id…
128、后台开发11-读取添加文章页面的类别信息:jspang.com/detailed?id…
129、后台开发12-添加文章的方法(上):jspang.com/detailed?id…
130、后台开发13-添加文章的方法(中):jspang.com/detailed?id…
131、后台开发14-添加文章的方法(下):jspang.com/detailed?id…
132、后台开发15-文章列表制作(上):jspang.com/detailed?id…
未完，每周三集更新中

上面这些都是我今年录制的视频，如过你能认真学下来，应该可以完全上手React的工作项目，最主要的是你不需要花费一分钱就可以完成从基础到实战的全部学习内容。

我已经这样录制视频三年多了，还有300多集关于Vue、Flutter、CSS3的相关免费视频，都在我的博客里，如果你需要，可以到我的博客中学习，我就不一一罗列到这里了。

2020年的计划

2020年我希望保持一个平常心度过，能继续每周出3集视频教程。我不是一个专业的讲师，这些视频只能在下班后录制，为此我也牺牲了很多时间，少陪了很多朋友，少喝了很多酒，少玩了很多游戏。但我知道有小伙伴在等着看视频学习，他们陪伴着我。虽然牺牲了一些社交时间，但是我相信“ 莫愁前路无知己，天下谁人不识君。” 这个世界漂亮的脸蛋太多太多，有趣的灵魂却太少太少。我虽是魔鬼的脸庞，但我希望用我的努力，至少给灵魂一个升华。愿我心爱的编程技术界中少一些套路，多一些真诚。

感谢2020年，依然有你陪我度过。

在明年我计划出下面的视频：

如果Vue3.x版本发布，我会第一时间开始更新视频教程。
Nest.js视频教程，让前端程序员快速进入全栈开发行列。
大胖逼逼叨会保持每周更新一集。
如果再有富裕的时间出一个面向前端的全栈视频。

你的点赞、留言就是对我最好的支持，我相信这将是你人生中最值得的一次点赞和留言。100集视频足以让你升职加薪，为此我已经坚持了4年，我希望10年能完成我1000集免费视频的目标。

技术胖祝冬安 2019年12月16日

活动文章

掘金年度征文 | 2019 与我的技术之路征文活动正在进行中......

2019年技术胖的总结 一分钟轻松拿走你的赞| 掘金年度征文