课程介绍:

正如 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

本站所发布的一切视频课程仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站所有课程来自网络,版权争议与本站无关。如有侵权请联系邮箱:[email protected] 或者QQ 3863518080 ,我们将第一时间处理!