作者介绍
杨村长,2005 年参加工作,作为全栈工程师,在一线工作 10 年以上,积累了大量项目架构和开发经验。2015 年开始投身编程教育领域,先后出品了《Web全栈架构师》、《前端进阶训练营》等课程。目前是一名自由讲师和视频博主,专注前端进阶,在B站(前端杨村长)、公众号(村长学前端)有不少关注者。热爱开源和知识分享,是 Vue3、Element3 代码贡献者,Github China Top500,掘金年度人气作者。
小册介绍
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 框架的同时,还能全方位提升自己的知识深度和架构水平。
你会学到什么?
本课程同时具备如下优势:
- 案例驱动教学,核心知识点讲解将会用个人博客案例贯穿,学习基础知识同时掌握实战应用方法;
- 全视频项目演示,每节内容均有配套代码,实战项目从设计到代码实现都有细致视频演示,同时搭配文字稿,满足各种学习需求;
- TS 全栈开发,前后端完全使用 TypeScript 开发,补充后端知识的同时,也是一次 TS 学习实践;
- 工程化实践,Nuxt 项目工程化搭建,多种扩展方法应用实践,自动生成数据库表数据,从开发到自动化部署全流程实战
- 前沿技术栈,Nuxt3 + TS + Vite + Vue3 + NaiveUI + TailwindCSS + Nitro + Node.js + Prisma,给你现代化的开发流程和体验;
你将获得:
- 搞清 SSR、SSG、SPA、hybrid 等渲染模式差异和选择;
- 掌握 Nuxt3 核心用法和项目开发技巧;
- 能够在 Nuxt 全栈开发中熟练运用 TypeScript;
- 能完成 Nuxt 项目构建、开发和自动化部署等工程化任务;
- 学会设计和实现接口,学会数据库设计和开发。
适宜人群
- 欠缺前端项目经验,想要学习如何快速、高效构建真实完整前端实战项目;
- 没有全栈开发经验,想要对前后端知识加深理解和实战的小伙伴;
- 对前端框架理解不够深入,想要通过项目的实战加以巩固提升;
- 对 TS 掌握不够熟练,希望通过实际开发强化水平的小伙伴们;
- 对于 SSR/SSG 等架构感兴趣,苦于学习资料少、理解门槛较高;
- 对项目性能优化、SEO 等缺乏实践经验的小伙伴
学习本课程需要哪些基础?
- Vue 基本语法;
- TypeScript 基础语法;
- Node.js 基础语法。