1.1 教程简介

本节将对 从0搭建koa静态官网 这个教程做一 简单介绍。

为什么准备这个课程？

• 首先，静态网站是前端开发的常见需求之一，也是JS全栈开发的基础；
• 其次，想通过分析项目中 用到的koa-static中间件和koa 这个web框架的源码，来分享学习源码的一些经验；
• 最后，太多开发过于依赖开源库，造成基础不扎实，所以想通过在本项目中，尽量不依赖开源库，从0实现一些前端的基础需求，如响应式导航栏、轮播图等，以此打牢前端技术基础。

同时，本门课也是学习我后续 koa+vue全栈开发和JS全栈项目部署等教程的基础。

教程的内容有？

• 1 课程介绍：课程简介、最终效果和代码演示、学习建议；
• 2 环境搭建：node简介及安装、VS code 的安装、配置和使用；
• 3 搭建静态网站：Linux基础及常用命令、使用命令初始化项目、引入koa-static 处理静态资源；分析koa-static的源码；
• 4 koa从了解到深入：koa的由来、koa源码浅析、koa的中间件机制;
• 5 网站的完善：从0实现响应式导航栏、导航栏的吸顶、导航栏响应滚动；
• 6 上线部署：静态文件的打包压缩、基于koa部署静态网站、基于ngnix部署静态网站；
• 7 课程回顾：教程总结、后续学习建议。

教程的重难点？

• 重点：掌握分析 依赖库 源码的方法；
• 难点：理解koa的内部原理；

本课程虽然看似简单，但也有很深入的东西，比如核心依赖库的内部原理，不仅适合小白入门前端，也适合多数前端码农提升内功。

OK，介绍到此为止，我们开始吧