- 资源介绍

正如 React 改变了我们构建 Web 应用程序的方式一样,GraphQL 正在改变我们构建 API 来查询和改变数据的方式。
本课程侧重于现代 JavaScript和现实世界应用程序,是一种从头到尾学习全栈高级 React、Next.js、GraphQL、Node.js 的方式。
加入我,我将向您展示如何使用当今一些顶级 JavaScript 技术构建一个全栈在线商店。
我们将一起建立 “Sick Fits”,这是一个全栈式的在线服装店,具有真正的信用结帐功能。用户可以搜索、销售、添加到购物车和结账他们喜欢的物品。
该应用程序有六个主要模型–用户、物品、订单、购物车物品、订单物品和角色–所有这些都是关系型的,展示了关系型GraphQL查询的力量。
该应用程序还包括许多服务器端的部分,包括认证、权限、发送电子邮件、上传图片和信用卡收费。 除了建立应用程序的前端和后端之外,我们还用课程的最后一节来测试React应用程序。
课程目录:
01 - Tooling and Starter Files Setup.mp4
01 - Tooling and Starter Files Setup.srt
01 - Tooling and Starter Files Setup.vtt
02 - The Tech Stack Explained.mp4
02 - The Tech Stack Explained.srt
02 - The Tech Stack Explained.vtt
03 - An intro to Next.mp4
03 - An intro to Next.srt
03 - An intro to Next.vtt
04 - Creating a Page Layout Component.mp4
04 - Creating a Page Layout Component.srt
04 - Creating a Page Layout Component.vtt
05 - Creating our Header and Nav Components.mp4
05 - Creating our Header and Nav Components.srt
05 - Creating our Header and Nav Components.vtt
06 - An Intro to Styled Components and CSS.mp4
06 - An Intro to Styled Components and CSS.srt
06 - An Intro to Styled Components and CSS.vtt
07 - Global Styles, Typography and Layout Styles.mp4
07 - Global Styles, Typography and Layout Styles.srt
07 - Global Styles, Typography and Layout Styles.vtt
08 - Visualizing Route Changes.mp4
08 - Visualizing Route Changes.srt
08 - Visualizing Route Changes.vtt
09 - Fixing Styled Components Flicker on Server Render.mp4
09 - Fixing Styled Components Flicker on Server Render.srt
09 - Fixing Styled Components Flicker on Server Render.vtt
10 - Setting up MongoDB.mp4
10 - Setting up MongoDB.srt
10 - Setting up MongoDB.vtt
11 - An Intro to GraphQL.mp4
11 - An Intro to GraphQL.srt
11 - An Intro to GraphQL.vtt
12 - Setting up Keystone and Typescript.mp4
12 - Setting up Keystone and Typescript.srt
12 - Setting up Keystone and Typescript.vtt
13 - Creating our first User data type.mp4
13 - Creating our first User data type.srt
13 - Creating our first User data type.vtt
14 - Adding Auth to our Application.mp4
14 - Adding Auth to our Application.srt
14 - Adding Auth to our Application.vtt
15 - Creating our Products Data Type.mp4
15 - Creating our Products Data Type.srt
15 - Creating our Products Data Type.vtt
16 - Uploading Product Images.mp4
16 - Uploading Product Images.srt
16 - Uploading Product Images.vtt
17 - Creating two way data relationships in Keystone.mp4
17 - Creating two way data relationships in Keystone.srt
17 - Creating two way data relationships in Keystone.vtt
18 - Inserting Seed Data.mp4
18 - Inserting Seed Data.srt
18 - Inserting Seed Data.vtt
19 - Setting up Apollo Client.mp4
19 - Setting up Apollo Client.srt
19 - Setting up Apollo Client.vtt
20 - Fetching Data with hooks and Displaying it in our Front End.mp4
20 - Fetching Data with hooks and Displaying it in our Front End.srt
20 - Fetching Data with hooks and Displaying it in our Front End.vtt
21 - Fixing and Styling the Nav.mp4
21 - Fixing and Styling the Nav.srt
21 - Fixing and Styling the Nav.vtt
22 - A real good lesson in React Forms and Custom Hooks.mp4
22 - A real good lesson in React Forms and Custom Hooks.srt
22 - A real good lesson in React Forms and Custom Hooks.vtt
23 - Hooking up our File input and Form Styles.mp4
23 - Hooking up our File input and Form Styles.srt
23 - Hooking up our File input and Form Styles.vtt
24 - Creating Products via our Mutations.mp4
24 - Creating Products via our Mutations.srt
24 - Creating Products via our Mutations.vtt
25 - Refetching Queries after a Successful Mutation.mp4
25 - Refetching Queries after a Successful Mutation.srt
25 - Refetching Queries after a Successful Mutation.vtt
26 - Programmatically Changing the Page after product creation.mp4
26 - Programmatically Changing the Page after product creation.srt
26 - Programmatically Changing the Page after product creation.vtt
27 - Displaying Single Items, Routing and SEO.mp4
27 - Displaying Single Items, Routing and SEO.srt
27 - Displaying Single Items, Routing and SEO.vtt
28 - Updating Items.mp4
28 - Updating Items.srt
28 - Updating Items.vtt
29 - Using useEffect to deal with a tricking loading state issue.mp4
29 - Using useEffect to deal with a tricking loading state issue.srt
29 - Using useEffect to deal with a tricking loading state issue.vtt
30 - Deleting Products.mp4
30 - Deleting Products.srt
30 - Deleting Products.vtt
31 - Evicting Items from the Apollo Cache.mp4
31 - Evicting Items from the Apollo Cache.srt
31 - Evicting Items from the Apollo Cache.vtt
32 - Pagination Links.mp4
32 - Pagination Links.srt
32 - Pagination Links.vtt
33 - Pagination Dynamic Routing.mp4
33 - Pagination Dynamic Routing.srt
33 - Pagination Dynamic Routing.vtt
34 - Adjusting our Query for Pagination Values.mp4
34 - Adjusting our Query for Pagination Values.srt
34 - Adjusting our Query for Pagination Values.vtt
35 - Custom Type Policies and Control over the Apollo Cache.mp4
35 - Custom Type Policies and Control over the Apollo Cache.srt
35 - Custom Type Policies and Control over the Apollo Cache.vtt
36 - Querying The Current User.mp4
36 - Querying The Current User.srt
36 - Querying The Current User.vtt
37 - Creating a Sign In Component.mp4
37 - Creating a Sign In Component.srt
37 - Creating a Sign In Component.vtt
38 - Creating a Sign Out Component.mp4
38 - Creating a Sign Out Component.srt
38 - Creating a Sign Out Component.vtt
39 - Creating our Sign Up Flow.mp4
39 - Creating our Sign Up Flow.srt
39 - Creating our Sign Up Flow.vtt
40 - Password Reset - Requesting a Reset.mp4
40 - Password Reset - Requesting a Reset.srt
40 - Password Reset - Requesting a Reset.vtt
41 - Password Reset - Setting a new Password.mp4
41 - Password Reset - Setting a new Password.srt
41 - Password Reset - Setting a new Password.vtt
42 - Password Reset - sending the email.mp4
42 - Password Reset - sending the email.srt
42 - Password Reset - sending the email.vtt
43 - Cart - Creating the Data Type and Two Way Relationships.mp4
43 - Cart - Creating the Data Type and Two Way Relationships.srt
43 - Cart - Creating the Data Type and Two Way Relationships.vtt
44 - Cart - Displaying Items in a Custom Component.mp4
44 - Cart - Displaying Items in a Custom Component.srt
44 - Cart - Displaying Items in a Custom Component.vtt
45 - Cart - Using Recat Context for our Cart State.mp4
45 - Cart - Using Recat Context for our Cart State.srt
45 - Cart - Using Recat Context for our Cart State.vtt
46 - Cart - Adding Items to Cart.mp4
46 - Cart - Adding Items to Cart.srt
46 - Cart - Adding Items to Cart.vtt
47 - Cart - Adding Items To Cart in React.mp4
47 - Cart - Adding Items To Cart in React.srt
47 - Cart - Adding Items To Cart in React.vtt
48 - Cart - Animating the Cart Cart Value.mp4
48 - Cart - Animating the Cart Cart Value.srt
48 - Cart - Animating the Cart Cart Value.vtt
49 - Cart - Remove From Cart Button.mp4
49 - Cart - Remove From Cart Button.srt
49 - Cart - Remove From Cart Button.vtt
50 - Cart - Evicting Cart Items from the Cache.mp4
50 - Cart - Evicting Cart Items from the Cache.srt
50 - Cart - Evicting Cart Items from the Cache.vtt
51 - Search.mp4
51 - Search.srt
51 - Search.vtt
52 - Setting Up our Stripe Checkout.mp4
52 - Setting Up our Stripe Checkout.srt
52 - Setting Up our Stripe Checkout.vtt
53 - Writing our Client Side Checkout Handler Logic.mp4
53 - Writing our Client Side Checkout Handler Logic.srt
53 - Writing our Client Side Checkout Handler Logic.vtt
54 - Creating our Order and OrderItem Data Types.mp4
54 - Creating our Order and OrderItem Data Types.srt
54 - Creating our Order and OrderItem Data Types.vtt
55 - Custom Checkout Mutation with Stripe.mp4
55 - Custom Checkout Mutation with Stripe.srt
55 - Custom Checkout Mutation with Stripe.vtt
56 - Linking up our Frontend to the custom backend checkout mutation.mp4
56 - Linking up our Frontend to the custom backend checkout mutation.srt
56 - Linking up our Frontend to the custom backend checkout mutation.vtt
57 - Creating our Order and OrderItems in our Mutation.mp4
57 - Creating our Order and OrderItems in our Mutation.srt
57 - Creating our Order and OrderItems in our Mutation.vtt
58 - Finishing up the Checkout UI and Flow.mp4
58 - Finishing up the Checkout UI and Flow.srt
58 - Finishing up the Checkout UI and Flow.vtt
59 - Displaying a Single Order .mp4
59 - Displaying a Single Order .srt
59 - Displaying a Single Order .vtt
60 - Displaying All Orders.mp4
60 - Displaying All Orders.srt
60 - Displaying All Orders.vtt
61 - Roles and Permissions - A Primer.mp4
61 - Roles and Permissions - A Primer.srt
61 - Roles and Permissions - A Primer.vtt
62 - Creating the Roles and Permissions Schema + UI.mp4
62 - Creating the Roles and Permissions Schema + UI.srt
62 - Creating the Roles and Permissions Schema + UI.vtt
63 - Basic Access Control via Sessions.mp4
63 - Basic Access Control via Sessions.srt
63 - Basic Access Control via Sessions.vtt
64 - Permissions Access Functions.mp4
64 - Permissions Access Functions.srt
64 - Permissions Access Functions.vtt
65 - More Flexible Rule Based Functions.mp4
65 - More Flexible Rule Based Functions.srt
65 - More Flexible Rule Based Functions.vtt
66 - Getting Meta - Roles based Roles and Hiding UI.mp4
66 - Getting Meta - Roles based Roles and Hiding UI.srt
66 - Getting Meta - Roles based Roles and Hiding UI.vtt
67 - Cart and Order based Rules.mp4
67 - Cart and Order based Rules.srt
67 - Cart and Order based Rules.vtt
68 - User and Field Based Permissions.mp4
68 - User and Field Based Permissions.srt
68 - User and Field Based Permissions.vtt
69 - Product Image Permissions.mp4
69 - Product Image Permissions.srt
69 - Product Image Permissions.vtt
70 - Creating a Gated Sign In Component.mp4
70 - Creating a Gated Sign In Component.srt
70 - Creating a Gated Sign In Component.vtt
71 - Test Setup, Tooling and Methodology.mp4
71 - Test Setup, Tooling and Methodology.srt
71 - Test Setup, Tooling and Methodology.vtt
72 - Testing Basics.mp4
72 - Testing Basics.srt
72 - Testing Basics.vtt
73 - Testing our formatMoney function.mp4
73 - Testing our formatMoney function.srt
73 - Testing our formatMoney function.vtt
74 - React Testing Library.mp4
74 - React Testing Library.srt
74 - React Testing Library.vtt
75 - Snapshot Testing.mp4
75 - Snapshot Testing.srt
75 - Snapshot Testing.vtt
76 - More on Testing Library Queries.mp4
76 - More on Testing Library Queries.srt
76 - More on Testing Library Queries.vtt
77 - Mocking GraphQL Data Requests.mp4
77 - Mocking GraphQL Data Requests.srt
77 - Mocking GraphQL Data Requests.vtt
78 - Updating Props and re-rendering.mp4
78 - Updating Props and re-rendering.srt
78 - Updating Props and re-rendering.vtt
79 - Testing Signed in and Signed out Nav States.mp4
79 - Testing Signed in and Signed out Nav States.srt
79 - Testing Signed in and Signed out Nav States.vtt
80 - Pagination Testing.mp4
80 - Pagination Testing.srt
80 - Pagination Testing.vtt
81 - Testing User Events and Mutations.mp4
81 - Testing User Events and Mutations.srt
81 - Testing User Events and Mutations.vtt
82 - Testing Password Reset Component.mp4
82 - Testing Password Reset Component.srt
82 - Testing Password Reset Component.vtt
83 - Mocking 3rd Party Libraries.mp4
83 - Mocking 3rd Party Libraries.srt
83 - Mocking 3rd Party Libraries.vtt
code.txt
猜你喜欢
-
慕课前端共学会:学习|成长|工作|职业,综合服务社区
2024-06-06 -
Vue3+Typescript 前端两大火热技术 从理论到开发
2022-12-18 -
Flutter高级进阶实战 仿哔哩哔哩APP
2022-12-18 -
CSS架构系统精讲 理论+实战玩转蘑菇街
2022-12-20 -
React17+Hook+TS4 优质实践,仿 Jira 企业级项目
2022-12-18 -
黑马2025版HTML&JS+前端就业课
2025-08-12 -
小滴课堂-新版Vue3.4+ElementPlus全家桶开发视频项目实战
2024-09-08 -
Angular JS 仿拉勾网,WebApp 开发移动端单页应用
2022-11-12 -
朝夕web前端实战进阶2024|价值5299
2025-02-10 -
React 18 系统精讲 结合TS打造旅游电商平台
2022-12-17
-
TypeScript系统入门到项目实战
2022-12-03 -
Spring Cloud+Vue前后端分离开发企业级在线视频系统
2022-12-04 -
杨村长前端架构师-大厂直通车 前端进阶学习视频教程 价值12800
2024-04-25 -
Vue3源码解析打造自己的Vue3框架|17章齐全|完结无密
2023-02-28 -
Vite 从入门到精通,玩转新时代前端构建法则
2022-12-24 -
基于 Vue3 ,打造前台+中台通用开发提效解决方案
2023-01-02 -
React18+Next.js14+Nest.js全栈开发复杂低代码项目
2024-10-11 -
Vue3+ElementPlus+Koa2 全栈开发后台系统
2022-12-20 -
Vue3+Vite+Vant-UI 开发双端招聘APP|完整32章
2023-11-19 -
再学JavaScript ES(6-11)全版本语法大全
2022-12-12
猜你在找
常见问题FAQ
- 视频加密吗?
- 无密,本站视频全部为超清无密MP4格式
- 怎么发货?
- 课程没更新完怎么办?
- 有问题怎么解决?