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