作者：技术胖
原文地址：https://juejin.im/post/5c11bf145188252704368b98
来源：掘金
2018还有十几天就要过完了，我觉的这一年我的成长并不是很快，有很多2018新年许的愿望都没有达成。这篇文章算我2018年的一个总结吧！
在这岁末迎新的时候，把所有的视频送给你，希望你可以在2019年，无论是学习还是工作都有所进步。
有很多人问我为什么要录制这么多免费视频，是不是有什么大阴谋。
我以前上学的时候家里很穷，我父亲是一名军人，在我12岁的时候就去世了，走在了工作一线，我们全家都没见到最后一面。老妈是一名油漆工人，在我的记忆里每次下班回家都是色彩斑斓，一身的油漆味。父亲走后，老妈自己承担起了姥姥、哥哥和我这一大家的负担，所有收入只靠老妈一人。
我学程序的时候连一本程序书籍都买不起，每天下课后，灌上一壶凉水，买两个馒头就去新华书店抄书（那时候我没有能照相的手机）。抄好一章后等着能上机练习的时候再看着笔记练习。当时过的很穷酸，遭到过很多富家子弟的白眼，我知道学程序的艰辛。
现在我条件好过了一些，我只想帮助大家，让大家学程序的时候容易点。
这里是我录制所有的免费课程，我很笨，每节课程我都要准备3-5个小时，因为会和讲出来，真的是两个不同的境界。
一共花了两年时间，我并不是讲师，我是每天敲8个小时以上代码的一线程序员，所有课程都是我下班回家和早上4:30起床录制的。
我作的这一切，只想让你在程序这条路上，走的更容易一些。
我不保证我以后不会变，但此时我是这样想的，并且已经这样想了两年。祝所有小伙伴在新的一年里心想事成，万事如意。
2019年我还会每周出三节免费视频教程，希望可以帮助更多的小伙伴学习前端技术。
技术胖祝君安！
Flutter免费视频教程
-
课程说明，有用的废话: jspang.com/post/flutte…
-
认识一下Flutter : jspang.com/post/flutte…
-
Flutter开发环境搭建Windows版: jspang.com/post/flutte…
-
安装AVD虚拟机 Flutter跑起来 :jspang.com/post/flutte…
-
VSCode下如何玩转Flutter :jspang.com/post/flutte…
-
写一个HelloWorld程序: jspang.com/post/flutte…
-
Text Widget 文本组件的使用:jspang.com/post/flutte…
-
Container容器组件的使用1:jspang.com/post/flutte…
-
Container容器组件的使用2:jspang.com/post/flutte…
-
Image图片组件的使用: jspang.com/post/flutte…
-
ListView 列表组件简介: jspang.com/post/flutte…
-
横向列表的使用：jspang.com/post/flutte…
-
动态列表的使用:jspang.com/post/flutte…
-
GridView网格列表组件: jspang.com/post/flutte…
-
水平布局Row的使用:jspang.com/post/flutte…
-
垂直布局Column组件：jspang.com/post/flutte…
-
Stack层叠布局: jspang.com/post/flutte…
-
Stack的Positioned属性:jspang.com/post/flutte…
-
卡片组件布局:jspang.com/post/flutte…
Nginx免费视频教程
-
初识Nginx和环境准备：jspang.com/post/nginx.…
-
Nginx的快速搭建：jspang.com/post/nginx.…
-
Nginx基本配置文件详讲:jspang.com/post/nginx.…
-
Nginx服务启动、停止、重启:jspang.com/post/nginx.…
-
自定义错误页和访问设置:jspang.com/post/nginx.…
-
Nginx访问权限详讲:jspang.com/post/nginx.…
-
Nginx设置虚拟主机:jspang.com/post/nginx.…
-
Nginx使用域名设置虚拟主机:jspang.com/post/nginx.…
-
Nginx反向代理的设置:jspang.com/post/nginx.…
-
Nginx适配PC或移动设备：jspang.com/post/nginx.…
-
Nginx的Gzip压缩配置：jspang.com/post/nginx.…
TypeScript免费视频教程
-
初识TypeScript:jspang.com/post/typesc…
-
开发环境的安装: jspang.com/post/typesc…
-
变量类型的那些事:jspang.com/post/typesc…
-
TypeScript的函数:jspang.com/post/typesc…
-
三种函数的定义方式:jspang.com/post/typesc…
-
函数中变量的作用域：jspang.com/post/typesc…
-
引用类型-数组:jspang.com/post/typesc…
-
引用类型-字符串：jspang.com/post/typesc…
-
引用类型-日期对象:jspang.com/post/typesc…
-
引用类型-正则表达式:jspang.com/post/typesc…
-
面向对象编程-类的声明和使用:jspang.com/post/typesc…
-
面向对象编程-修饰符:jspang.com/post/typesc…
-
面向对象编程-继承和重写:jspang.com/post/typesc…
-
面向对象编程-接口:jspang.com/post/typesc…
-
面向对象编程-命名空间:jspang.com/post/typesc…
Vue2.x免费视频教程
-
走起我的Vue2.0：jspang.com/post/vue2-1…
-
v-if v-else v-show 指令:jspang.com/post/vue2-1…
-
v-for指令 ：解决模板循环问题:jspang.com/post/vue2-1…
-
v-text & v-html:jspang.com/post/vue2-1…
-
v-on：绑定事件监听器:jspang.com/post/vue2-1…
-
v-model指令:jspang.com/post/vue2-1…
-
v-bind 指令:jspang.com/post/vue2-1…
-
其他内部指令(v-pre & v-cloak & v-once):jspang.com/post/vue2-1…
-
Vue.directive 自定义指令:jspang.com/post/vue2-2…
-
Vue.extend构造器的延伸:jspang.com/post/vue2-2…
-
Vue.set全局操作：jspang.com/post/vue2-2…
-
Vue的生命周期（钩子函数）:jspang.com/post/vue2-2…
-
Template 制作模版:jspang.com/post/vue2-2…
-
Component 初识组件:jspang.com/post/vue2-2…
-
Component 组件props 属性设置:jspang.com/post/vue2-2…
-
Component 父子组件关系:jspang.com/post/vue2-2…
-
Component 标签:jspang.com/post/vue2-2…
-
propsData Option 全局扩展的数据传递:jspang.com/post/vue2-3…
-
computed Option 计算选项:jspang.com/post/vue2-3…
-
Methods Option 方法选项:jspang.com/post/vue2-3…
-
Watch 选项 监控数据:jspang.com/post/vue2-3…
-
Mixins 混入选项操作:jspang.com/post/vue2-3…
-
Extends Option 扩展选项:jspang.com/post/vue2-3…
-
实例入门-实例属性: jspang.com/post/vue2-4…
-
实例方法:jspang.com/post/vue2-4…
-
实例事件:jspang.com/post/vue2-4…
-
内置组件 -slot讲解:jspang.com/post/vue2-4…
Vue-cli 免费视频教程
-
Vue-cli，开始吧骚年：jspang.com/post/vue-cl…
-
Vue-cli项目结构讲解：jspang.com/post/vue-cl…
-
解读Vue-cli的模板： jspang.com/post/vue-cl…
Vue-router免费视频教程
-
Vue-router入门:jspang.com/post/vue-ro…
-
vue-router配置子路由：jspang.com/post/vue-ro…
-
vue-router如何参数传递：jspang.com/post/vue-ro…
-
单页面多路由区域操作：jspang.com/post/vue-ro…
-
vue-router 利用url传递参数：jspang.com/post/vue-ro…
-
vue-router 的重定向-redirect:jspang.com/post/vue-ro…
-
alias别名的使用: jspang.com/post/vue-ro…
-
路由的过渡动画:jspang.com/post/vue-ro…
-
mode的设置和404页面的处理:jspang.com/post/vue-ro…
-
路由中的钩子:jspang.com/post/vue-ro…
vuex免费视频教程
-
初出茅庐 来个小Demo：jspang.com/post/vuex.h…
-
state访问状态对象：jspang.com/post/vuex.h…
-
Mutations修改状态:jspang.com/post/vuex.h…
-
getters计算过滤操作:jspang.com/post/vuex.h…
-
actions异步修改状态:jspang.com/post/vuex.h…
-
module模块组:jspang.com/post/vuex.h…
Vue免费实战视频-快餐店收银系统
-
Mockplus把我们的想法画出来：jspang.com/post/vuedem…
-
Vue-cli搭建开发环境:jspang.com/post/vuedem…
-
搞定项目图标Iconfont：jspang.com/post/vuedem…
-
编写独立的侧边栏导航组件 : jspang.com/post/vuedem…
-
开启Element封印:jspang.com/post/vuedem…
-
利用Element快速布局（1）:jspang.com/post/vuedem…
-
利用Element快速布局（2）:jspang.com/post/vuedem…
-
Axios从远程读取数据: jspang.com/post/vuedem…
-
订单模块制作 核心功能-1:jspang.com/post/vuedem…
-
订单模块制作 核心功能-2:jspang.com/post/vuedem…
-
项目打包和上线:jspang.com/post/vuedem…
WEEX免费视频教程
-
课程介绍： jspang.com/post/weex.h…
-
开发环境安装(1)：jspang.com/post/weex.h…
-
开发环境安装(2):jspang.com/post/weex.h…
-
weex常用命令和热更新:jspang.com/post/weex.h…
-
Android Studio 开发设置:jspang.com/post/weex.h…
-
weex和vue的爱恨情仇:jspang.com/post/weex.h…
-
自定义组件和Text组件:jspang.com/post/weex.h…
-
Input组件和初识内建模块:jspang.com/post/weex.h…
-
Image和video组件：jspang.com/post/weex.h…
-
一起作个列表出来:jspang.com/post/weex.h…
-
从后端服务器上获取数据:jspang.com/post/weex.h…
-
作轮播图片效果:jspang.com/post/weex.h…
-
a组件和web组件：jspang.com/post/weex.h…
-
通用事件和动画: jspang.com/post/weex.h…
-
教会你自学weex：jspang.com/post/weex.h…
-
Navigator和webview模块:jspang.com/post/weex.h…
-
vue-router的使用: jspang.com/post/weex.h…
Nuxt.js免费视频教程 开启SSR渲染
-
课程介绍：jspang.com/post/Nuxt.j…
-
Nuxt环境搭建和Hello World:jspang.com/post/Nuxt.j…
-
Nuxt目录结构详讲:jspang.com/post/Nuxt.j…
-
Nuxt常用配置项: jspang.com/post/Nuxt.j…
-
Nuxt的路由配置和参数传递:jspang.com/post/Nuxt.j…
-
Nuxt的动态路由和参数校验:jspang.com/post/Nuxt.j…
-
Nuxt的路由动画效果:jspang.com/post/Nuxt.j…
-
Nuxt的默认模版和默认布局:jspang.com/post/Nuxt.j…
-
Nuxt的错误页面和个性meta设置:jspang.com/post/Nuxt.j…
-
asyncData方法获取数据:jspang.com/post/Nuxt.j…
-
Nuxt的路由动画效果:jspang.com/post/Nuxt.j…
React免费视频教程-入门和组件
-
React课程介绍:jspang.com/post/react.…
-
环境搭建和HelloWorld程序:jspang.com/post/react.…
-
初识JSX语法:jspang.com/post/react.…
-
进阶JSX语法:jspang.com/post/react.…
-
React组件：state成员:jspang.com/post/react.…
-
React组件：props和render成员:jspang.com/post/react.…
-
React组件：生命周期：jspang.com/post/react.…
-
React组件小实例-必做练习:jspang.com/post/react.…
-
React组件：this.props.children:jspang.com/post/react.…
-
React组件：props属性验证:jspang.com/post/react.…
-
React组件：获取真实DOM节点:jspang.com/post/react.…
React免费视频教程-表单的应用
-
表单的事件响应和bind复用 : jspang.com/post/react-…
-
React表单name复用:jspang.com/post/react-…
-
React表单-可控组件:jspang.com/post/react-…
-
React表单-不可控组件:jspang.com/post/react-…
React项目构建和路由 免费视频教程
-
构建：create-react-app 快速脚手架 : jspang.com/post/react-…
-
构建：generator-react-webpack: jspang.com/post/react-…
-
构建：webpack一步一步构建01:jspang.com/post/react-…
-
构建：webpack一步一步构建02:jspang.com/post/react-…
-
路由：Hello React路由:jspang.com/post/react-…
-
路由：NavLink中常用选项:jspang.com/post/react-…
-
路由：404设置和跳转设置:jspang.com/post/react-…
-
路由：通过路由传值的方法:jspang.com/post/react-…
-
路由：Router中的属性和路由模式:jspang.com/post/react-…
-
路由：prompt用法讲解:jspang.com/post/react-…
Koa2免费视频教程
-
Koa开发环境搭建:jspang.com/post/koa2.h…
-
async/await的使用方法：jspang.com/post/koa2.h…
-
Get请求的接收:jspang.com/post/koa2.h…
-
POST请求如何接收（1）:jspang.com/post/koa2.h…
-
POST请求如何接收（2）:jspang.com/post/koa2.h…
-
koa-bodyparser中间件：jspang.com/post/koa2.h…
-
Koa2原生路由实现：jspang.com/post/koa2.h…
-
Koa-router中间件（1）入门:jspang.com/post/koa2.h…
-
Koa-router中间件（2）层级:jspang.com/post/koa2.h…
-
Koa-router中间件（3）参数:jspang.com/post/koa2.h…
-
Koa2中使用cookie :jspang.com/post/koa2.h…
-
Koa2的模板初识（ejs）:jspang.com/post/koa2.h…
-
koa-static静态资源中间件：jspang.com/post/koa2.h…
MongoDB免费视频教程
-
认识和安装MongoDB：jspang.com/post/mongod…
-
Mongo基本命令-1:jspang.com/post/mongod…
-
Mongo基本命令-2:jspang.com/post/mongod…
-
用js文件写mongo命令：jspang.com/post/mongod…
-
批量插入的正确方法:jspang.com/post/mongod…
-
修改：Update常见错误:jspang.com/post/mongod…
-
修改：初识update修改器:jspang.com/post/mongod…
-
修改：update数组修改器jspang.com/post/mongod…
-
修改：状态返回与安全:jspang.com/post/mongod…
-
查询：find的不等修饰符:jspang.com/post/mongod…
-
查询：find的多条件查询:jspang.com/post/mongod…
-
查询：find的数组查询:jspang.com/post/mongod…
-
查询：find的参数使用方法:jspang.com/post/mongod…
-
查询：find如何在js文本中使用:jspang.com/post/mongod…
-
索引:构造百万级数据:jspang.com/post/mongod…
-
索引：索引入门：jspang.com/post/mongod…
-
索引：复合索引:jspang.com/post/mongod…
-
索引：全文索引:jspang.com/post/mongod…
-
管理:用户的创建、删除与修改:jspang.com/post/mongod…
-
管理：备份和还原:jspang.com/post/mongod…
-
管理：图形界面管理（完结）:jspang.com/post/mongod…
ES6免费视频教程
-
ES6的开发环境搭建：jspang.com/post/es6.ht…
-
新的声明方式:jspang.com/post/es6.ht…
-
变量的解构赋值:jspang.com/post/es6.ht…
-
扩展运算符和rest运算符:jspang.com/post/es6.ht…
-
字符串模版:jspang.com/post/es6.ht…
-
ES6数字操作:jspang.com/post/es6.ht…
-
ES6中新增的数组知识（1）:jspang.com/post/es6.ht…
-
ES6中新增的数组知识（2）:jspang.com/post/es6.ht…
-
ES6中的箭头函数和扩展:jspang.com/post/es6.ht…
-
ES6中的函数和数组补漏:jspang.com/post/es6.ht…
-
ES6中对象:jspang.com/post/es6.ht…
-
Symbol在对象中的作用:jspang.com/post/es6.ht…
-
Set和WeakSet数据结构:jspang.com/post/es6.ht…
-
map数据结构:jspang.com/post/es6.ht…
-
用Proxy进行预处理:jspang.com/post/es6.ht…
-
promise对象的使用:jspang.com/post/es6.ht…
-
class类的使用:jspang.com/post/es6.ht…
-
模块化操作:jspang.com/post/es6.ht…
CocosCreator从基础到实战
-
简介和HelloWorld:jspang.com/post/cocosC…
-
软件界面介绍和跳动的小球:jspang.com/post/cocosC…
-
Scene介绍和基本操作:jspang.com/post/cocosC…
-
玩家输入事件监听: jspang.com/post/cocosC…
-
Prefab和计时器:jspang.com/post/cocosC…
-
实战-游戏简介和项目分析:jspang.com/post/cocosC…
-
实战-UI界面布局:jspang.com/post/cocosC…
-
实战-主角的动作监听和跳动:jspang.com/post/cocosC…
-
实战-随机生成地刺:jspang.com/post/cocosC…
-
实战-点击生成地刺和移动:jspang.com/post/cocosC…
-
实战-碰撞检测:jspang.com/post/cocosC…
-
实战-倒计时和分数增加:jspang.com/post/cocosC…
-
实战-欢迎界面代码编写:jspang.com/post/cocosC…
-
实战-添加音效:jspang.com/post/cocosC…
-
实战-发布游戏:jspang.com/post/cocosC…
Fabricjs 免费视频教程
-
初识简单而且强大的Fabric.js库： http://jspang.com/post/fabricjs.html#toc-e13
-
在Canvas上画简单的图形:jspang.com/post/fabric…
-
在Canvas上插入图片并设置旋转属性:jspang.com/post/fabric…
-
Fabric.js用路径画不规则图形:jspang.com/post/fabric…
-
Fabric.js的动画设置：jspang.com/post/fabric…
-
Fabric.js的图像过滤器:jspang.com/post/fabric…
-
Fabric.js的颜色模式和相互转换:jspang.com/post/fabric…
-
Fabric.js的渐变填充:jspang.com/post/fabric…
-
Fabric.js的文本设置:jspang.com/post/fabric…
-
Fabric.js的事件系统:jspang.com/post/fabric…
CSS3免费视频
-
嫁汉嫁汉穿衣吃饭：jspang.com/post/CSS3.h…
-
CSS3新特性简介和浏览器支持情况:jspang.com/post/CSS3.h…
-
CSS3伪类选择器1:jspang.com/post/CSS3.h…
-
CSS3伪类选择器2结构伪类选择器:jspang.com/post/CSS3.h…
-
CSS3伪元素:jspang.com/post/CSS3.h…
-
CSS3用border-radius画圆形:jspang.com/post/CSS3.h…
-
CSS3画三角形和对话框:jspang.com/post/CSS3.h…
-
CSS3画菱形和平行四边形:jspang.com/post/CSS3.h…
-
CSS3画菱形和平行四边形:jspang.com/post/CSS3.h…
-
CSS3 画五角星和六角星：jspang.com/post/CSS3.h…
-
CSS3画心形和蛋形:jspang.com/post/CSS3.h…
-
CSS3画太极阴阳图:jspang.com/post/CSS3.h…
-
CSS3制作透明背景层:jspang.com/post/CSS3.h…
-
CSS3的颜色模式(1)：jspang.com/post/CSS3.h…
-
CSS3的颜色模式（2）-实例仿天猫商品展示效果:jspang.com/post/CSS3.h…
-
CSS3线性渐变:jspang.com/post/CSS3.h…
-
CSS3径向渐变 radial-gradient:jspang.com/post/CSS3.h…
-
CSS3重复性渐变:jspang.com/post/CSS3.h…
-
CSS3盒子阴影效果box-shadow:jspang.com/post/CSS3.h…
-
CSS3制作缓慢变长的方形（transition特效）：jspang.com/post/CSS3.h…
-
CSS3过渡的timing-function属性详解:jspang.com/post/CSS3.h…
-
CSS3仿天猫专题过渡效果实例:jspang.com/post/CSS3.h…
-
CSS3仿天猫类别过渡效果制作:jspang.com/post/CSS3.h…
-
CSS3动画中的@keyframes关键帧讲解:jspang.com/post/CSS3.h…
-
CSS3动画animation复合属性讲解:jspang.com/post/CSS3.h…
-
CSS3动画综合实例制作-内容加载loading动画实现:jspang.com/post/CSS3.h…
-
CSS3 Loading动画效果实例2:jspang.com/post/CSS3.h…
-
CSS3制作发光字，立体字，苹果字体:jspang.com/post/CSS3.h…
-
CSS3 用text-overflow解决文字排版问题:jspang.com/post/CSS3.h…
-
CSS3 新的字体单位rem-大结局:jspang.com/post/CSS3.h…