本课程使用Next.js、Koa、Github API等搭建了一个全栈项目——第三方Github客户端。通过课程学习让同学们理解Next.js搭建全栈同构项目的过程以及其SSR原理,深度理解业界广泛使用的OAuth登录体系,提升竞争力。
项目搭建
创建Nextjs项目
Nextjs作为Koa的中间件使用
安装Redis数据库(Windows)
安装Redis数据库(MAC)
Next集成Antdesign
Next.js 基础讲解
路由介绍/动态路由
路由映射
共享组件
获取数据 / 添加样式
lazy loading
Nextjs配置讲解
OAuth API介绍
什么是OAuth
OAuth如何保证安全
OAuth字段详解
OAuth的不同认证方式
认证和授权
Github OAuth 接口介绍
引入Redux
引入redux,存取公共数据
dispatch的意义
breducer拆解数据修改粒度
store抽象
为Nextjs接入Redux
Hooks新特性
介绍Hooks的原理
State Hooks 解析
Effect Hooks 解析
Context Hooks 解析
Hooks 优化
项目总体设计
项目需求详细分解
布局组件开发
细分路由配置
公共组件开发
其他一些细节
登录流程
创建登录页面 / 创建登录完成页面
Github APP注册
添加Koa-Session
存储Session到Redis保存登录状态
联调前后端走通登录逻辑
服务端渲染同步登录状态数据
仓库搜索
搜索功能开发
切换各种不同的搜索条件
形成搜索记录
联调搜索接口
列表展示开发
仓库详情
详情展示页面开发
仓库详细数据联调
tab切换展示Readme/Issue
Readme/Issue数据联调
我的仓库
创建我的仓库页面
创建我关注的仓库页面
个人信息授权请求
联调数据
复用Repo组件提升效率
关于课程的问题都可在问答区随时提问,讲师会
进行集中答疑
课程案例代码完全开放给你,你可以根据所学知
识自行修改、优化
本课程主要针对前端开发人员。
学完之后能深度掌握Next.js、Koa、OAuth等技能。
Node端基础知识,对Koa框架有使用经验
对React至少有半年以上使用经验
有至少一个React项目的开发经验
亲,您好~Nextjs对于React的使用并没有太多定制化,所以有基础的React知识就可以进行Nextjs项目的开发。如果你已经有React基础,而且想要进阶,学习热门的技术点,这门课程会非常适合你。祝您学习愉快~
亲,您好~项目是从零开发的,我们会从搭建Nextjs项目,到安装数据库,开发自己的Koa服务,全程从零开始搭建项目。祝您学习愉快~
亲,您好~这门课的知识点都是最新的,不仅是nextjs、koa这些模块用的是最新的,React也是最新的16.8版本,并且会有非常多的Hooks新特性的实践。祝您学习愉快~
亲,您好~当然可以,Nextjs较为适合面向用户的网站开发,而OAuth则是市面上最常见的第三方登录接入协议,比如QQ、微信、微博这些都可以用课程中的知识进行接入。祝您学习愉快~
亲,您好~这个项目非常适合课程内容,首先他天然具有OAuth授权服务,我们可以挑战全球最大的程序员交友网站的第三方登录接入。第二我们可以使用真实数据接口,而不需要在本地模拟数据,你的成就感会很高。第三,Github的接口和数据繁多,在你学完课程内容之后,你有非常多的机会使用其他一些接口去实践你学到的知识,而不是学完课程内容就结束。最后,咱们学编程学的是技术,是框架怎么用,项目在课程里面的地位并不高,你在这里学了再好的一个项目,跟你去一家公司做的项目肯定完全不一样,但是技术核心却都是一样的。所以不要因为项目的种类而去拒绝学习新技术。祝您学习愉快~
亲,您好~服务端渲染可以解决纯webapp首屏渲染慢,无法seo等问题,并且还可以在渲染的时候携带初始数据,减少数据请求,可以说好处多多。祝您学习愉快~
如无法下载使用图片另存为
下载海报选课、学习遇到问题?
扫码添加指导老师 1V1 帮助你!
添加后老师会第一时间解决你的问题