本节将对 从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,介绍到此为止,我们开始吧