你会学到什么?
本课程同时具备如下优势:
- 案例驱动教学,核心知识点讲解将会用个人博客案例贯穿,学习基础知识同时掌握实战应用方法;
- 全视频项目演示,每节内容均有配套代码,实战项目从设计到代码实现都有细致视频演示,同时搭配文字稿,满足各种学习需求;
- TS 全栈开发,前后端完全使用 TypeScript 开发,补充后端知识的同时,也是一次 TS 学习实践;
- 工程化实践,Nuxt 项目工程化搭建,多种扩展方法应用实践,自动生成数据库表数据,从开发到自动化部署全流程实战
- 前沿技术栈,Nuxt3 + TS + Vite + Vue3 + NaiveUI + TailwindCSS + Nitro + Node.js + Prisma,给你现代化的开发流程和体验;
课程简介
Nuxt3 稳定版去年底刚刚发布不久,这是我们上手 Nuxt3 的最佳时刻,不管是 API 还是框架稳定性,亦或生态繁荣程度都不需要担心。Vue.js 作者尤雨溪多次在各大前端会议力荐 Nuxt3,其核心代码贡献者多是 Vue、Vite 核心团队成员,短短 1 年时间 Nuxt3 在 Github 上标星已达 12k 以上,足见其优秀程度。
Nuxt3 和 Vue3、Vite 深度集成,具备很多优秀特性,可以在全栈开发、服务端渲染、静态网站生成等开发场景发挥巨大作用。在 Vue 生态中,Nuxt 是最具代表性的上层框架。 相比使用 create-vue 创建的项目来说,它让前端开发者在应用场景、可扩展可维护性、开发效率和体验上有了质的提升。
Nuxt3 整合 Vue3 和 Nitro 引擎,给用户提供了全栈能力。同时提供多种渲染模式:SSR、SSG、SPA、Hybrid 等,使用户可以灵活地根据需求决定渲染模式,开发出最佳性能的 Web 应用。
目前,官方文档还只有英文版,我之前组织社群小伙伴翻译过文档,发现很多地方写的不完善,举例不够贴近实战,导致项目开发中遇到很多坑过不去。另外很多前端小伙伴不了解服务端开发,导致不能很好地驾驭 Nuxt 提供的服务端能力,使得 Nuxt 威力大减。
而且部分前端同学形成固有思维,对服务端渲染、静态生成等渲染模式了解不足,导致开发过程中出现很多奇怪的错误和 Bug 解决不了。因此,全面深入地学习 Nuxt,对于提升开发能力、拓宽技术视野、增强职场竞争力来说都是一个非常好的选择。
这门课程共分五个模块:
- 模块一,将从渲染模式等基础概念出发,先扭转一些同学的固有思维,补充缺失知识;
- 模块二,结合个人博客案例,深入学习 Nuxt3 核心特性;
- 模块三,解决项目工程化问题,从扩展性、复用性等角度深入了解模块等框架进阶知识;
- 模块四,将为项目实战做准备,给大家讲解全栈知识,包括数据库设计、接口设计和开发,大家会接触并掌握 Apifox、Prisma 等前端比较时髦的新工具;
- 模块五,项目实战,我会带大家开发一个知识分享社区主题的全栈项目,包括了从接口开发,到前端开发,再到优化、部署和持续集成的全流程实战。
相信学习完本小册,会让你深入掌握 Nuxt3 框架的同时,还能全方位提升自己的知识深度和架构水平。
课程目录
开篇:课程介绍和安排
上层框架最佳选择:全面了解 Nuxt3 特性和架构
五种渲染模式的差异和使用场景全解析
5分钟快速创建并完成首个 Nuxt3 项目
基于文件路由和布局特性快速构建应用视图
如何使用静态资源及整合 TailwindCSS?
丝滑的自动导入特性及 NaiveUI 整合
基于API 路由开发接口,全栈之路从此启航
五种数据获取 API 选择和应用最佳实践
内置状态管理方法 useState 及 Pinia 整合
Nuxt 应用三种错误类型的异常处理方式
项目开发常用配置演示及 SEO 优化
Nuxt 项目多种打包方式与部署详解
Nuxt 生命周期钩子的作用和应用实践
Route 中间件和 Server 中间件的概念和使用
如何使用插件扩展 Nuxt 能力
Nuxt 最强大的扩展方法:模块
利用 layers 全面提升 Nuxt 应用复用性
Nuxt 项目工程化搭建指南
基于 Docker 搭建 MySQL 数据库开发环境
MySQL 数据库设计和开发基础
基于 APIFox 的接口设计最佳实践
10分钟速通下一代 ORM 解决方案:Prisma
《羊村学堂》项目需求分析
项目快速搭建
服务端接口设计与开发
项目主体布局实现
用户注册与登录
首页设计与实现
课程列表页实现
专栏列表页实现
详情页设计与实现
项目部署上线
讲师介绍
杨村长,2005 年参加工作,作为全栈工程师,在一线工作 10 年以上,积累了大量项目架构和开发经验。2015 年开始投身编程教育领域,先后出品了《Web全栈架构师》、《前端进阶训练营》等课程。目前是一名自由讲师和视频博主,专注前端进阶,在B站(前端杨村长)、公众号(村长学前端)有不少关注者。热爱开源和知识分享,是 Vue3、Element3 代码贡献者,Github China Top500,掘金年度人气作者。