| 01 Introduction | |||
| 001 Course Overview.en.srt | 12.63 KB | ||
| 001 Course Overview.mp4 | 55.18 MB | ||
| 002 E-Commerce Application Architecture.en.srt | 8.58 KB | ||
| 002 E-Commerce Application Architecture.mp4 | 36.58 MB | ||
| 003 What is the JAMstack_.en.srt | 16.04 KB | ||
| 003 What is the JAMstack_.mp4 | 62.28 MB | ||
| 004 Our JAMstack.en.srt | 10.72 KB | ||
| 004 Our JAMstack.mp4 | 38.25 MB | ||
| 005 Project Overview.en.srt | 17.48 KB | ||
| 005 Project Overview.mp4 | 196.99 MB | ||
| 006 Project Overview Part 2.en.srt | 17.89 KB | ||
| 006 Project Overview Part 2.mp4 | 68.34 MB | ||
| 007 Environment Setup.en.srt | 3.49 KB | ||
| 007 Environment Setup.mp4 | 14.94 MB | ||
| 008 How To Get Help.en.srt | 3.22 KB | ||
| 008 How To Get Help.mp4 | 30.46 MB | ||
| 009 Project Files & GitHub Repository.html | 2 KB | ||
| 009 Project Files.zip | 45.98 MB | ||
| external-assets-links.txt | 496 B | ||
| 02 Headless CMS_ Strapi | |||
| 001 Section 2 Intro.en.srt | 2.01 KB | ||
| 001 Section 2 Intro.mp4 | 8.02 MB | ||
| 002 Traditional vs Headless CMS.en.srt | 6.55 KB | ||
| 002 Traditional vs Headless CMS.mp4 | 38.36 MB | ||
| 003 IMPORTANT -- STRAPI DOCS.html | 1.48 KB | ||
| 004 Strapi Overview.en.srt | 12.41 KB | ||
| 004 Strapi Overview.mp4 | 49.4 MB | ||
| 005 IMPORTANT - PACKAGE VERSIONS.html | 1.88 KB | ||
| 006 Creating a Strapi Project.en.srt | 19.79 KB | ||
| 006 Creating a Strapi Project.mp4 | 178.01 MB | ||
| 007 Content-Types + Collections.en.srt | 24.98 KB | ||
| 007 Content-Types + Collections.mp4 | 111.09 MB | ||
| 008 Models.en.srt | 12.08 KB | ||
| 008 Models.mp4 | 52.96 MB | ||
| 009 Endpoints.en.srt | 12.29 KB | ||
| 009 Endpoints.mp4 | 48.05 MB | ||
| 010 Roles and Permissions.en.srt | 14.92 KB | ||
| 010 Roles and Permissions.mp4 | 43.48 MB | ||
| 011 Controllers.en.srt | 15.75 KB | ||
| 011 Controllers.mp4 | 95.84 MB | ||
| 012 Policies.en.srt | 7.66 KB | ||
| 012 Policies.mp4 | 53.41 MB | ||
| 013 Services.en.srt | 7.38 KB | ||
| 013 Services.mp4 | 60.55 MB | ||
| 014 Webhooks.en.srt | 8.06 KB | ||
| 014 Webhooks.mp4 | 33.68 MB | ||
| 015 MongoDB Retail Architecture.en.srt | 11.25 KB | ||
| 015 MongoDB Retail Architecture.mp4 | 95.99 MB | ||
| 016 Creating Our Content-Types.en.srt | 16.84 KB | ||
| 016 Creating Our Content-Types.mp4 | 64.09 MB | ||
| 017 Creating Our Collections.en.srt | 11.71 KB | ||
| 017 Creating Our Collections.mp4 | 38.59 MB | ||
| 018 IMPORTANT FIX.html | 1.19 KB | ||
| 019 Creating Our Collections Part 2.en.srt | 13.72 KB | ||
| 019 Creating Our Collections Part 2.mp4 | 104.11 MB | ||
| external-assets-links.txt | 330 B | ||
| 03 Gatsby and GraphQL | |||
| 001 Section 3 Intro.en.srt | 1.76 KB | ||
| 001 Section 3 Intro.mp4 | 7.78 MB | ||
| 002 GraphQL vs REST.en.srt | 8.21 KB | ||
| 002 GraphQL vs REST.mp4 | 42.76 MB | ||
| 003 GraphQL Overview.en.srt | 14.87 KB | ||
| 003 GraphQL Overview.mp4 | 92.73 MB | ||
| 004 Schemas.en.srt | 6.91 KB | ||
| 004 Schemas.mp4 | 44.26 MB | ||
| 005 Static Site Generators.en.srt | 13.02 KB | ||
| 005 Static Site Generators.mp4 | 75.14 MB | ||
| 006 Gatsby Overview.en.srt | 16.29 KB | ||
| 006 Gatsby Overview.mp4 | 80.39 MB | ||
| 007 IMPORTANT - PACKAGE VERSIONS.html | 1.87 KB | ||
| 008 Creating A Gatsby Project.en.srt | 8.79 KB | ||
| 008 Creating A Gatsby Project.mp4 | 102.2 MB | ||
| 009 Creating A Gatsby Project Part 2.en.srt | 15.89 KB | ||
| 009 Creating A Gatsby Project Part 2.mp4 | 101.33 MB | ||
| 04 Layout, Styles, Theming, and Responsive Design | |||
| 001 Section 4 Intro.en.srt | 4.15 KB | ||
| 001 Section 4 Intro.mp4 | 17.71 MB | ||
| 002 Material-UI + The Default Theme.en.srt | 19.49 KB | ||
| 002 Material-UI + The Default Theme.mp4 | 146.63 MB | ||
| 003 Creating A Custom Theme.en.srt | 11.98 KB | ||
| 003 Creating A Custom Theme.mp4 | 35.14 MB | ||
| 004 Creating A Custom Theme Part 2.en.srt | 13.73 KB | ||
| 004 Creating A Custom Theme Part 2.mp4 | 31.66 MB | ||
| 005 Creating A Custom Theme Part 3.en.srt | 14.38 KB | ||
| 005 Creating A Custom Theme Part 3.mp4 | 100.72 MB | ||
| 006 Creating A Custom Theme Part 4.en.srt | 17.69 KB | ||
| 006 Creating A Custom Theme Part 4.mp4 | 152.97 MB | ||
| 007 Creating A Header.en.srt | 10.99 KB | ||
| 007 Creating A Header.mp4 | 66.26 MB | ||
| 008 Creating A Header Part 2.en.srt | 10.28 KB | ||
| 008 Creating A Header Part 2.mp4 | 28.77 MB | ||
| 009 Creating A Header Part 3.en.srt | 10.26 KB | ||
| 009 Creating A Header Part 3.mp4 | 39.12 MB | ||
| 010 Adding Fonts.en.srt | 16.79 KB | ||
| 010 Adding Fonts.mp4 | 75.6 MB | ||
| 011 Customizing Material-UI Components.en.srt | 18.25 KB | ||
| 011 Customizing Material-UI Components.mp4 | 133.61 MB | ||
| 012 Customizing Material-UI Components Part 2.en.srt | 15.37 KB | ||
| 012 Customizing Material-UI Components Part 2.mp4 | 105.77 MB | ||
| 013 Querying Backend Data In Gatsby.en.srt | 16.68 KB | ||
| 013 Querying Backend Data In Gatsby.mp4 | 112.06 MB | ||
| 014 Responsive Design Overview.en.srt | 10.16 KB | ||
| 014 Responsive Design Overview.mp4 | 47.11 MB | ||
| 015 Responsive Design Overview Part 2.en.srt | 11.8 KB | ||
| 015 Responsive Design Overview Part 2.mp4 | 48.26 MB | ||
| 016 Responsive Design With Material-UI.en.srt | 9.11 KB | ||
| 016 Responsive Design With Material-UI.mp4 | 72.76 MB | ||
| 017 Using Responsive Design.en.srt | 15.92 KB | ||
| 017 Using Responsive Design.mp4 | 105.74 MB | ||
| 018 Using Responsive Design Part 2.en.srt | 15.73 KB | ||
| 018 Using Responsive Design Part 2.mp4 | 70.57 MB | ||
| 019 Navigation In Gatsby.en.srt | 18.64 KB | ||
| 019 Navigation In Gatsby.mp4 | 165.27 MB | ||
| 020 Navigation In Gatsby Part 2.en.srt | 13.46 KB | ||
| 020 Navigation In Gatsby Part 2.mp4 | 66.17 MB | ||
| 021 Set The Active Tab.en.srt | 11.21 KB | ||
| 021 Set The Active Tab.mp4 | 103.99 MB | ||
| 022 Set The Active Tab Part 2.en.srt | 10.96 KB | ||
| 022 Set The Active Tab Part 2.mp4 | 53.82 MB | ||
| 023 Grid System Overview.en.srt | 13.38 KB | ||
| 023 Grid System Overview.mp4 | 90.52 MB | ||
| 024 Grid System Overview Part 2.en.srt | 12.06 KB | ||
| 024 Grid System Overview Part 2.mp4 | 55.73 MB | ||
| 025 Creating A Footer.en.srt | 16.05 KB | ||
| 025 Creating A Footer.mp4 | 59.25 MB | ||
| 026 Styling The Footer.en.srt | 21.35 KB | ||
| 026 Styling The Footer.mp4 | 149.29 MB | ||
| 027 Footer Refactor.en.srt | 13.05 KB | ||
| 027 Footer Refactor.mp4 | 81.28 MB | ||
| 028 Footer Refactor Part 2.en.srt | 16.09 KB | ||
| 028 Footer Refactor Part 2.mp4 | 74.55 MB | ||
| 029 Hero Block.en.srt | 18.81 KB | ||
| 029 Hero Block.mp4 | 117.06 MB | ||
| 030 Promotional Products Block.en.srt | 16.29 KB | ||
| 030 Promotional Products Block.mp4 | 58.86 MB | ||
| 031 Create Promo Carousel.en.srt | 16.95 KB | ||
| 031 Create Promo Carousel.mp4 | 158.84 MB | ||
| 032 Create Promo Carousel Part 2.en.srt | 14.29 KB | ||
| 032 Create Promo Carousel Part 2.mp4 | 93.26 MB | ||
| 033 Create Promo Carousel Part 3.en.srt | 19.76 KB | ||
| 033 Create Promo Carousel Part 3.mp4 | 179.31 MB | ||
| 034 Featured Products Block.en.srt | 11.89 KB | ||
| 034 Featured Products Block.mp4 | 58.25 MB | ||
| 035 Create Featured Product Slide.en.srt | 13.81 KB | ||
| 035 Create Featured Product Slide.mp4 | 138.67 MB | ||
| 036 Create Featured Product Slide Part 2.en.srt | 18.9 KB | ||
| 036 Create Featured Product Slide Part 2.mp4 | 144.06 MB | ||
| 037 Create Featured Product Slide Part 3.en.srt | 11.56 KB | ||
| 037 Create Featured Product Slide Part 3.mp4 | 57.21 MB | ||
| 038 Displaying A Star Rating.en.srt | 17.12 KB | ||
| 038 Displaying A Star Rating.mp4 | 73.02 MB | ||
| 039 Displaying A Star Rating Part 2.en.srt | 13.6 KB | ||
| 039 Displaying A Star Rating Part 2.mp4 | 49.61 MB | ||
| 040 Marketing Buttons.en.srt | 10.51 KB | ||
| 040 Marketing Buttons.mp4 | 44.96 MB | ||
| 041 Marketing Buttons Part 2.en.srt | 11.65 KB | ||
| 041 Marketing Buttons Part 2.mp4 | 109.45 MB | ||
| 042 Call To Action.en.srt | 17.32 KB | ||
| 042 Call To Action.mp4 | 126.76 MB | ||
| 043 Hero Block Responsive Design.en.srt | 14.56 KB | ||
| 043 Hero Block Responsive Design.mp4 | 72.52 MB | ||
| 044 Promotional Products Responsive Design.en.srt | 14.4 KB | ||
| 044 Promotional Products Responsive Design.mp4 | 108.15 MB | ||
| 045 Featured Products Responsive Design.en.srt | 13.77 KB | ||
| 045 Featured Products Responsive Design.mp4 | 113.09 MB | ||
| 046 Marketing Buttons Responsive Design.en.srt | 13.64 KB | ||
| 046 Marketing Buttons Responsive Design.mp4 | 115.29 MB | ||
| 047 Call To Action Responsive Design.en.srt | 7.72 KB | ||
| 047 Call To Action Responsive Design.mp4 | 44.23 MB | ||
| 048 Using Mobile Simulator.en.srt | 20.96 KB | ||
| 048 Using Mobile Simulator.mp4 | 145.85 MB | ||
| 049 Building A Contact Page.en.srt | 14.73 KB | ||
| 049 Building A Contact Page.mp4 | 71.52 MB | ||
| 050 Customizable SVG Icons.en.srt | 20.54 KB | ||
| 050 Customizable SVG Icons.mp4 | 142.25 MB | ||
| 051 Finishing Contact Info.en.srt | 17.33 KB | ||
| 051 Finishing Contact Info.mp4 | 155.19 MB | ||
| 052 Using TextFields.en.srt | 12.5 KB | ||
| 052 Using TextFields.mp4 | 78.22 MB | ||
| 053 Using Text Fields Part 2.en.srt | 13.87 KB | ||
| 053 Using Text Fields Part 2.mp4 | 61.74 MB | ||
| 054 Input Adornments.en.srt | 20.56 KB | ||
| 054 Input Adornments.mp4 | 163.21 MB | ||
| 055 Form Validation.en.srt | 19.74 KB | ||
| 055 Form Validation.mp4 | 129.17 MB | ||
| 056 Form Validation Part 2.en.srt | 14.13 KB | ||
| 056 Form Validation Part 2.mp4 | 102.9 MB | ||
| 057 Form Validation Part 3.en.srt | 16.55 KB | ||
| 057 Form Validation Part 3.mp4 | 107.3 MB | ||
| 058 Contact Page Responsive Design.en.srt | 10.73 KB | ||
| 058 Contact Page Responsive Design.mp4 | 83.79 MB | ||
| 059 Contact Page Responsive Design Part 2.en.srt | 11.38 KB | ||
| 059 Contact Page Responsive Design Part 2.mp4 | 89.18 MB | ||
| 060 Contact Form Refactor.en.srt | 12.65 KB | ||
| 060 Contact Form Refactor.mp4 | 126.18 MB | ||
| 061 Contact Form Refactor Part 2.en.srt | 15.58 KB | ||
| 061 Contact Form Refactor Part 2.mp4 | 131.13 MB | ||
| 062 Contact Info Refactor.en.srt | 17.69 KB | ||
| 062 Contact Info Refactor.mp4 | 137.58 MB | ||
| 05 Categories, Products, and Apollo | |||
| 001 Section 5 Intro.en.srt | 5.48 KB | ||
| 001 Section 5 Intro.mp4 | 23.07 MB | ||
| 002 Page Queries Overview.en.srt | 12.65 KB | ||
| 002 Page Queries Overview.mp4 | 73.1 MB | ||
| 003 Using Page Queries.en.srt | 15 KB | ||
| 003 Using Page Queries.mp4 | 49.06 MB | ||
| 004 Using Page Queries Part 2.en.srt | 15.31 KB | ||
| 004 Using Page Queries Part 2.mp4 | 146.3 MB | ||
| 005 Dynamic Toolbar Overview.en.srt | 9.74 KB | ||
| 005 Dynamic Toolbar Overview.mp4 | 55.44 MB | ||
| 006 Starting The Dynamic Toolbar.en.srt | 10.49 KB | ||
| 006 Starting The Dynamic Toolbar.mp4 | 48.37 MB | ||
| 007 Adding The Filter_Sort Buttons.en.srt | 13.94 KB | ||
| 007 Adding The Filter_Sort Buttons.mp4 | 59.92 MB | ||
| 008 Switching To Sort.en.srt | 9.07 KB | ||
| 008 Switching To Sort.mp4 | 56.49 MB | ||
| 009 Switching To Sort Part 2.en.srt | 11.21 KB | ||
| 009 Switching To Sort Part 2.mp4 | 71.6 MB | ||
| 010 Adding Filter Options.en.srt | 11.66 KB | ||
| 010 Adding Filter Options.mp4 | 34.4 MB | ||
| 011 Switching To Filter.en.srt | 12.41 KB | ||
| 011 Switching To Filter.mp4 | 97.1 MB | ||
| 012 Switching To Filter Part 2.en.srt | 11.24 KB | ||
| 012 Switching To Filter Part 2.mp4 | 83.47 MB | ||
| 013 FunctionContainer Clean Up.en.srt | 8.99 KB | ||
| 013 FunctionContainer Clean Up.mp4 | 68.23 MB | ||
| 014 Adding Category Description.en.srt | 18.16 KB | ||
| 014 Adding Category Description.mp4 | 88.59 MB | ||
| 015 Adding Layout Button.en.srt | 13.59 KB | ||
| 015 Adding Layout Button.mp4 | 130.55 MB | ||
| 016 Adding Layout Button Part 2.en.srt | 9.87 KB | ||
| 016 Adding Layout Button Part 2.mp4 | 93.55 MB | ||
| 017 Dynamic Toolbar UI Wrap Up.en.srt | 10.69 KB | ||
| 017 Dynamic Toolbar UI Wrap Up.mp4 | 98.64 MB | ||
| 018 Dynamic Toolbar UI Wrap Up Part 2.en.srt | 11.29 KB | ||
| 018 Dynamic Toolbar UI Wrap Up Part 2.mp4 | 86.82 MB | ||
| 019 Category Products Page Query.en.srt | 10.9 KB | ||
| 019 Category Products Page Query.mp4 | 85.01 MB | ||
| 020 Product Frame Grid.en.srt | 16.24 KB | ||
| 020 Product Frame Grid.mp4 | 90.19 MB | ||
| 021 Product Frame Grid 2.en.srt | 12.81 KB | ||
| 021 Product Frame Grid 2.mp4 | 134.05 MB | ||
| 022 Product Frame Grid 3.en.srt | 9.86 KB | ||
| 022 Product Frame Grid 3.mp4 | 115.36 MB | ||
| 023 Grid Quick View.en.srt | 12.06 KB | ||
| 023 Grid Quick View.mp4 | 103.54 MB | ||
| 024 Grid Quick View Part 2.en.srt | 11.24 KB | ||
| 024 Grid Quick View Part 2.mp4 | 131.43 MB | ||
| 025 Quick View Info.en.srt | 16.08 KB | ||
| 025 Quick View Info.mp4 | 143.56 MB | ||
| 026 Quick View Price.en.srt | 14.32 KB | ||
| 026 Quick View Price.mp4 | 121.7 MB | ||
| 027 Sizes.en.srt | 12.15 KB | ||
| 027 Sizes.mp4 | 93.01 MB | ||
| 028 Sizes Part 2.en.srt | 13.39 KB | ||
| 028 Sizes Part 2.mp4 | 125.67 MB | ||
| 029 Selecting A Size.en.srt | 6.08 KB | ||
| 029 Selecting A Size.mp4 | 37.55 MB | ||
| 030 Swatches.en.srt | 18.65 KB | ||
| 030 Swatches.mp4 | 130.2 MB | ||
| 031 Selecting A Color Swatch.en.srt | 4.89 KB | ||
| 031 Selecting A Color Swatch.mp4 | 40.8 MB | ||
| 032 Add To Cart Button.en.srt | 16.13 KB | ||
| 032 Add To Cart Button.mp4 | 117.24 MB | ||
| 033 Styling Add To Cart Button.en.srt | 9.73 KB | ||
| 033 Styling Add To Cart Button.mp4 | 91.66 MB | ||
| 034 Styling Add To Cart Button Part 2.en.srt | 12.85 KB | ||
| 034 Styling Add To Cart Button Part 2.mp4 | 143.61 MB | ||
| 035 Product Frame List.en.srt | 10.93 KB | ||
| 035 Product Frame List.mp4 | 66.53 MB | ||
| 036 Product Frame List 2.en.srt | 11.45 KB | ||
| 036 Product Frame List 2.mp4 | 91.43 MB | ||
| 037 Product Frame List Continued.en.srt | 16.86 KB | ||
| 037 Product Frame List Continued.mp4 | 159.19 MB | ||
| 038 Product Frame List Continued Part 2.en.srt | 12.03 KB | ||
| 038 Product Frame List Continued Part 2.mp4 | 113.8 MB | ||
| 039 Go To Top Button.en.srt | 13.63 KB | ||
| 039 Go To Top Button.mp4 | 133.1 MB | ||
| 040 Paginate Products.en.srt | 19.15 KB | ||
| 040 Paginate Products.mp4 | 194.46 MB | ||
| 041 Paginate Products Part 2.en.srt | 17.8 KB | ||
| 041 Paginate Products Part 2.mp4 | 186.99 MB | ||
| 042 Product List Page Clean Up.en.srt | 16.16 KB | ||
| 042 Product List Page Clean Up.mp4 | 217.84 MB | ||
| 043 Product List Page Clean Up Part 2.en.srt | 12.75 KB | ||
| 043 Product List Page Clean Up Part 2.mp4 | 139.68 MB | ||
| 044 Product List Page Clean Up Part 3.en.srt | 10.46 KB | ||
| 044 Product List Page Clean Up Part 3.mp4 | 142.02 MB | ||
| 045 Fixing Shirts Bug.en.srt | 7.43 KB | ||
| 045 Fixing Shirts Bug.mp4 | 67.11 MB | ||
| 046 Dynamic Toolbar Responsive Design.en.srt | 20.84 KB | ||
| 046 Dynamic Toolbar Responsive Design.mp4 | 214.63 MB | ||
| 047 Grid View Responsive Design.en.srt | 13.38 KB | ||
| 047 Grid View Responsive Design.mp4 | 148.05 MB | ||
| 048 Grid View Responsive Design Part 2.en.srt | 10 KB | ||
| 048 Grid View Responsive Design Part 2.mp4 | 57.22 MB | ||
| 049 List View Responsive Design.en.srt | 8.91 KB | ||
| 049 List View Responsive Design.mp4 | 47.79 MB | ||
| 050 Finalizing Responsive Design.en.srt | 18.12 KB | ||
| 050 Finalizing Responsive Design.mp4 | 137.3 MB | ||
| 051 Selecting Product Filters.en.srt | 18.2 KB | ||
| 051 Selecting Product Filters.mp4 | 154.78 MB | ||
| 052 Filtering Products.en.srt | 12.74 KB | ||
| 052 Filtering Products.mp4 | 68.58 MB | ||
| 053 Filtering Products Part 2.en.srt | 10.16 KB | ||
| 053 Filtering Products Part 2.mp4 | 123.8 MB | ||
| 054 Multiple Filters Fix.en.srt | 15.67 KB | ||
| 054 Multiple Filters Fix.mp4 | 148.79 MB | ||
| 055 Multiple Filters Fix Part 2.en.srt | 8.91 KB | ||
| 055 Multiple Filters Fix Part 2.mp4 | 53.12 MB | ||
| 056 Multiple Filters Fix Part 3.en.srt | 12.92 KB | ||
| 056 Multiple Filters Fix Part 3.mp4 | 149.81 MB | ||
| 057 useEffect Introduction.en.srt | 13.97 KB | ||
| 057 useEffect Introduction.mp4 | 154.1 MB | ||
| 058 Fixing Pagination.en.srt | 13.32 KB | ||
| 058 Fixing Pagination.mp4 | 133.33 MB | ||
| 059 Sort Functions.en.srt | 11.47 KB | ||
| 059 Sort Functions.mp4 | 67.43 MB | ||
| 060 Sort Functions Part 2.en.srt | 11.95 KB | ||
| 060 Sort Functions Part 2.mp4 | 51.51 MB | ||
| 061 Selecting Sort Option.en.srt | 19.36 KB | ||
| 061 Selecting Sort Option.mp4 | 177.39 MB | ||
| 062 Sorting Products.en.srt | 12.36 KB | ||
| 062 Sorting Products.mp4 | 147.35 MB | ||
| 063 Product Detail Page Overview.en.srt | 11.16 KB | ||
| 063 Product Detail Page Overview.mp4 | 59.3 MB | ||
| 064 Product Detail Query.en.srt | 14.06 KB | ||
| 064 Product Detail Query.mp4 | 59.68 MB | ||
| 065 Product Detail Images.en.srt | 19.82 KB | ||
| 065 Product Detail Images.mp4 | 192.07 MB | ||
| 066 Product Info Container.en.srt | 9.44 KB | ||
| 066 Product Info Container.mp4 | 74.41 MB | ||
| 067 Product Details And Description.en.srt | 14.57 KB | ||
| 067 Product Details And Description.mp4 | 141.4 MB | ||
| 068 Product Details And Description Part 2.en.srt | 10.36 KB | ||
| 068 Product Details And Description Part 2.mp4 | 79.25 MB | ||
| 069 Product Detail Actions.en.srt | 9.68 KB | ||
| 069 Product Detail Actions.mp4 | 89.53 MB | ||
| 070 Product Detail Actions Part 2.en.srt | 11.18 KB | ||
| 070 Product Detail Actions Part 2.mp4 | 61.11 MB | ||
| 071 Product Images Shirts Fix.en.srt | 12 KB | ||
| 071 Product Images Shirts Fix.mp4 | 117.89 MB | ||
| 072 Product Images Shirts Fix Part 2.en.srt | 12.59 KB | ||
| 072 Product Images Shirts Fix Part 2.mp4 | 126.71 MB | ||
| 073 Active Tab Product Detail Fix.en.srt | 7.11 KB | ||
| 073 Active Tab Product Detail Fix.mp4 | 62.59 MB | ||
| 074 LocalStorage Overview.en.srt | 7.72 KB | ||
| 074 LocalStorage Overview.mp4 | 35.17 MB | ||
| 075 Store Recently Viewed Products.en.srt | 15.85 KB | ||
| 075 Store Recently Viewed Products.mp4 | 132.33 MB | ||
| 076 Display Recently Viewed Products.en.srt | 13.23 KB | ||
| 076 Display Recently Viewed Products.mp4 | 124.61 MB | ||
| 077 Display Recently Viewed Products Part 2.en.srt | 18.21 KB | ||
| 077 Display Recently Viewed Products Part 2.mp4 | 170.16 MB | ||
| 078 Recently Viewed Navigation Setup.en.srt | 11.72 KB | ||
| 078 Recently Viewed Navigation Setup.mp4 | 106.38 MB | ||
| 079 Scrolling Through Recently Viewed.en.srt | 11.3 KB | ||
| 079 Scrolling Through Recently Viewed.mp4 | 58.54 MB | ||
| 080 Scrolling Through Recently Viewed Part 2.en.srt | 11.31 KB | ||
| 080 Scrolling Through Recently Viewed Part 2.mp4 | 99.02 MB | ||
| 081 Product Detail Responsive Design.en.srt | 11.91 KB | ||
| 081 Product Detail Responsive Design.mp4 | 103 MB | ||
| 082 Product Detail Responsive Design Part 2.en.srt | 15.49 KB | ||
| 082 Product Detail Responsive Design Part 2.mp4 | 114.26 MB | ||
| 083 Apollo Overview.en.srt | 6.47 KB | ||
| 083 Apollo Overview.mp4 | 27.24 MB | ||
| 084 Apollo Setup.en.srt | 10.68 KB | ||
| 084 Apollo Setup.mp4 | 30.53 MB | ||
| 085 Run-Time Inventory Query.en.srt | 8.64 KB | ||
| 085 Run-Time Inventory Query.mp4 | 84.45 MB | ||
| 086 Display Run-Time Inventory.en.srt | 12.2 KB | ||
| 086 Display Run-Time Inventory.mp4 | 106.45 MB | ||
| 087 Adding Inventory To ProductList.en.srt | 17.15 KB | ||
| 087 Adding Inventory To ProductList.mp4 | 238.04 MB | ||
| 088 Connect QtyButton To Inventory.en.srt | 12.97 KB | ||
| 088 Connect QtyButton To Inventory.mp4 | 100.26 MB | ||
| 089 Only Show Colors Of A Size.en.srt | 13.21 KB | ||
| 089 Only Show Colors Of A Size.mp4 | 103 MB | ||
| 090 Only Show Colors Of A Size Part 2.en.srt | 12.71 KB | ||
| 090 Only Show Colors Of A Size Part 2.mp4 | 131.39 MB | ||
| 091 Colors Of A Size Fix.en.srt | 8.22 KB | ||
| 091 Colors Of A Size Fix.mp4 | 75.79 MB | ||
| external-assets-links.txt | 196 B | ||
| 06 Authentication + React Context | |||
| 001 Section 6 Intro.en.srt | 5.5 KB | ||
| 001 Section 6 Intro.mp4 | 24.12 MB | ||
| 002 Authentication UI Walkthrough.en.srt | 10.2 KB | ||
| 002 Authentication UI Walkthrough.mp4 | 29.57 MB | ||
| 003 Building AuthPortal.en.srt | 17.71 KB | ||
| 003 Building AuthPortal.mp4 | 120.04 MB | ||
| 004 Building Login Page.en.srt | 9.83 KB | ||
| 004 Building Login Page.mp4 | 120.34 MB | ||
| 005 Building Login Page Part 2.en.srt | 10.09 KB | ||
| 005 Building Login Page Part 2.mp4 | 50.4 MB | ||
| 006 Styling Login Page.en.srt | 11.47 KB | ||
| 006 Styling Login Page.mp4 | 89.11 MB | ||
| 007 Adding Login Validation.en.srt | 9.78 KB | ||
| 007 Adding Login Validation.mp4 | 87.46 MB | ||
| 008 Adding Login Validation Part 2.en.srt | 9.79 KB | ||
| 008 Adding Login Validation Part 2.mp4 | 79.28 MB | ||
| 009 Build Forgot Password Page.en.srt | 16.32 KB | ||
| 009 Build Forgot Password Page.mp4 | 136.62 MB | ||
| 010 Build Sign Up Page.en.srt | 14.15 KB | ||
| 010 Build Sign Up Page.mp4 | 126.65 MB | ||
| 011 Styling Sign Up Page.en.srt | 13.61 KB | ||
| 011 Styling Sign Up Page.mp4 | 133.38 MB | ||
| 012 Reusable Email And Password.en.srt | 13.06 KB | ||
| 012 Reusable Email And Password.mp4 | 149.8 MB | ||
| 013 Reusable Email And Password Part 2.en.srt | 16.99 KB | ||
| 013 Reusable Email And Password Part 2.mp4 | 215.56 MB | ||
| 014 Building Sign Up Complete.en.srt | 11.47 KB | ||
| 014 Building Sign Up Complete.mp4 | 123.39 MB | ||
| 015 Google Fonts Fix.en.srt | 6.77 KB | ||
| 015 Google Fonts Fix.mp4 | 33.78 MB | ||
| 016 Strapi Authentication.en.srt | 17.78 KB | ||
| 016 Strapi Authentication.mp4 | 46.44 MB | ||
| 017 JSON Web Tokens.en.srt | 16.57 KB | ||
| 017 JSON Web Tokens.mp4 | 74.25 MB | ||
| 018 Sign Up New User.en.srt | 15.36 KB | ||
| 018 Sign Up New User.mp4 | 133.51 MB | ||
| 019 Sign Up New User Part 2.en.srt | 16.69 KB | ||
| 019 Sign Up New User Part 2.mp4 | 140.76 MB | ||
| 020 Login Returning Users.en.srt | 7.79 KB | ||
| 020 Login Returning Users.mp4 | 70.81 MB | ||
| 021 React Context Overview.en.srt | 18.41 KB | ||
| 021 React Context Overview.mp4 | 127.66 MB | ||
| 022 React Context Structure Setup.en.srt | 19.49 KB | ||
| 022 React Context Structure Setup.mp4 | 50.96 MB | ||
| 023 Using React Context.en.srt | 13.85 KB | ||
| 023 Using React Context.mp4 | 44.43 MB | ||
| 024 Using React Context Part 2.en.srt | 9.23 KB | ||
| 024 Using React Context Part 2.mp4 | 70.1 MB | ||
| 025 Managing Stored User.en.srt | 16.13 KB | ||
| 025 Managing Stored User.mp4 | 148.48 MB | ||
| 026 Handling Token Expiration.en.srt | 18.23 KB | ||
| 026 Handling Token Expiration.mp4 | 159.03 MB | ||
| 027 User Feedback Overview.en.srt | 12.8 KB | ||
| 027 User Feedback Overview.mp4 | 82.71 MB | ||
| 028 Loading Spinner.en.srt | 9.18 KB | ||
| 028 Loading Spinner.mp4 | 66.93 MB | ||
| 029 Feedback Context Setup.en.srt | 16.19 KB | ||
| 029 Feedback Context Setup.mp4 | 64.69 MB | ||
| 030 Using Feedback Context.en.srt | 11.37 KB | ||
| 030 Using Feedback Context.mp4 | 64.44 MB | ||
| 031 Using Feedback Context Part 2.en.srt | 9.58 KB | ||
| 031 Using Feedback Context Part 2.mp4 | 82.44 MB | ||
| 032 Logout User.en.srt | 9.82 KB | ||
| 032 Logout User.mp4 | 88.23 MB | ||
| 033 Logout User Part 2.en.srt | 11.52 KB | ||
| 033 Logout User Part 2.mp4 | 52.18 MB | ||
| 034 Handle Forgot Password.en.srt | 12.05 KB | ||
| 034 Handle Forgot Password.mp4 | 114.97 MB | ||
| 035 Configuring Strapi Email.en.srt | 12.35 KB | ||
| 035 Configuring Strapi Email.mp4 | 48.9 MB | ||
| 036 Configuring Strapi Email Part 2.en.srt | 10.9 KB | ||
| 036 Configuring Strapi Email Part 2.mp4 | 41.13 MB | ||
| 037 Reset Password Fields.en.srt | 10.82 KB | ||
| 037 Reset Password Fields.mp4 | 80.34 MB | ||
| 038 Reset Password Fields Part 2.en.srt | 9.8 KB | ||
| 038 Reset Password Fields Part 2.mp4 | 84.18 MB | ||
| 039 Reset User Password.en.srt | 9.8 KB | ||
| 039 Reset User Password.mp4 | 99.84 MB | ||
| 040 Reset User Password Part 2.en.srt | 11.97 KB | ||
| 040 Reset User Password Part 2.mp4 | 143.5 MB | ||
| 041 setTimeout Gotcha.en.srt | 17.38 KB | ||
| 041 setTimeout Gotcha.mp4 | 150.39 MB | ||
| 042 Social Auth Flow.en.srt | 9.66 KB | ||
| 042 Social Auth Flow.mp4 | 42.63 MB | ||
| 043 Facebook Auth Config.en.srt | 16.66 KB | ||
| 043 Facebook Auth Config.mp4 | 67.86 MB | ||
| 044 Facebook Authentication.en.srt | 13.12 KB | ||
| 044 Facebook Authentication.mp4 | 124.44 MB | ||
| 045 Facebook Authentication Part 2.en.srt | 11.69 KB | ||
| 045 Facebook Authentication Part 2.mp4 | 81.25 MB | ||
| 046 Auth Responsive Design.en.srt | 13.29 KB | ||
| 046 Auth Responsive Design.mp4 | 103.11 MB | ||
| 047 Auth Responsive Design Part 2.en.srt | 10.84 KB | ||
| 047 Auth Responsive Design Part 2.mp4 | 116.58 MB | ||
| 048 User Settings Overview.en.srt | 11.35 KB | ||
| 048 User Settings Overview.mp4 | 52.2 MB | ||
| 049 Build Settings Portal.en.srt | 17.15 KB | ||
| 049 Build Settings Portal.mp4 | 167.75 MB | ||
| 050 Animating Components Intro.en.srt | 14.35 KB | ||
| 050 Animating Components Intro.mp4 | 156.92 MB | ||
| 051 Animating Components Intro Part 2.en.srt | 12.03 KB | ||
| 051 Animating Components Intro Part 2.mp4 | 69.62 MB | ||
| 052 Animate SettingsPortal.en.srt | 11.57 KB | ||
| 052 Animate SettingsPortal.mp4 | 116.73 MB | ||
| 053 Animate SettingsPortal Part 2.en.srt | 13.01 KB | ||
| 053 Animate SettingsPortal Part 2.mp4 | 98 MB | ||
| 054 Animate SettingsPortal Part 3.en.srt | 12.66 KB | ||
| 054 Animate SettingsPortal Part 3.mp4 | 75.02 MB | ||
| 055 Better Repeating Background.en.srt | 11.23 KB | ||
| 055 Better Repeating Background.mp4 | 129.7 MB | ||
| 056 Animate Between Settings.en.srt | 13.71 KB | ||
| 056 Animate Between Settings.mp4 | 131.08 MB | ||
| 057 Animate Between Settings Part 2.en.srt | 12.36 KB | ||
| 057 Animate Between Settings Part 2.mp4 | 105.11 MB | ||
| 058 Build User Settings.en.srt | 18.69 KB | ||
| 058 Build User Settings.mp4 | 145.67 MB | ||
| 059 Styling User Settings.en.srt | 10.04 KB | ||
| 059 Styling User Settings.mp4 | 110.94 MB | ||
| 060 Styling User Settings Part 2.en.srt | 11.29 KB | ||
| 060 Styling User Settings Part 2.mp4 | 77.37 MB | ||
| 061 Change Field Color.en.srt | 14.66 KB | ||
| 061 Change Field Color.mp4 | 165.98 MB | ||
| 062 Build Payment Settings.en.srt | 17.56 KB | ||
| 062 Build Payment Settings.mp4 | 170.81 MB | ||
| 063 Build Location Settings.en.srt | 19.37 KB | ||
| 063 Build Location Settings.mp4 | 140.76 MB | ||
| 064 Finish Settings UI.en.srt | 13.01 KB | ||
| 064 Finish Settings UI.mp4 | 71.83 MB | ||
| 065 Finish Settings UI Part 2.en.srt | 17.49 KB | ||
| 065 Finish Settings UI Part 2.mp4 | 138.71 MB | ||
| 066 Strapi Lifecycle Hooks.en.srt | 10.81 KB | ||
| 066 Strapi Lifecycle Hooks.mp4 | 39.57 MB | ||
| 067 Strapi Lifecycle Hooks Part 2.en.srt | 10.41 KB | ||
| 067 Strapi Lifecycle Hooks Part 2.mp4 | 41.29 MB | ||
| 068 Load Existing Settings.en.srt | 12.53 KB | ||
| 068 Load Existing Settings.mp4 | 113.61 MB | ||
| 069 Load Existing Settings Part 2.en.srt | 13.5 KB | ||
| 069 Load Existing Settings Part 2.mp4 | 158.84 MB | ||
| 070 Track Changes.en.srt | 11.38 KB | ||
| 070 Track Changes.mp4 | 97.78 MB | ||
| 071 Track Changes Part 2.en.srt | 8.66 KB | ||
| 071 Track Changes Part 2.mp4 | 76.79 MB | ||
| 072 Consolidate Settings State.en.srt | 11.8 KB | ||
| 072 Consolidate Settings State.mp4 | 123.12 MB | ||
| 073 Custom Controllers.en.srt | 18.72 KB | ||
| 073 Custom Controllers.mp4 | 89.62 MB | ||
| 074 Custom Controllers Part 2.en.srt | 16.32 KB | ||
| 074 Custom Controllers Part 2.mp4 | 75.48 MB | ||
| 075 Save Changed Settings.en.srt | 18.5 KB | ||
| 075 Save Changed Settings.mp4 | 172.03 MB | ||
| 076 Confirmation Dialog.en.srt | 15.31 KB | ||
| 076 Confirmation Dialog.mp4 | 136.94 MB | ||
| 077 Confirmation Fields.en.srt | 9.92 KB | ||
| 077 Confirmation Fields.mp4 | 96.13 MB | ||
| 078 Confirmation Fields Part 2.en.srt | 10.49 KB | ||
| 078 Confirmation Fields Part 2.mp4 | 104.4 MB | ||
| 079 Change User Password.en.srt | 9.84 KB | ||
| 079 Change User Password.mp4 | 59.43 MB | ||
| 080 Change User Password Part 2.en.srt | 10.36 KB | ||
| 080 Change User Password Part 2.mp4 | 106.7 MB | ||
| 081 Settings Validation.en.srt | 8.75 KB | ||
| 081 Settings Validation.mp4 | 90.28 MB | ||
| 082 Settings Validation Part 2.en.srt | 10.32 KB | ||
| 082 Settings Validation Part 2.mp4 | 98.36 MB | ||
| 083 Zip Code API.en.srt | 12.84 KB | ||
| 083 Zip Code API.mp4 | 125.01 MB | ||
| 084 Get City From Zip Code.en.srt | 15.45 KB | ||
| 084 Get City From Zip Code.mp4 | 131.2 MB | ||
| 085 SettingsPortal Responsive Design.en.srt | 18.49 KB | ||
| 085 SettingsPortal Responsive Design.mp4 | 190.34 MB | ||
| 086 User Settings Responsive Design.en.srt | 13.73 KB | ||
| 086 User Settings Responsive Design.mp4 | 137.63 MB | ||
| 087 User Settings Responsive Design Part 2.en.srt | 14.35 KB | ||
| 087 User Settings Responsive Design Part 2.mp4 | 135.73 MB | ||
| external-assets-links.txt | 320 B | ||
| 07 Cart + Checkout | |||
| 001 Section 7 Intro.en.srt | 3.82 KB | ||
| 001 Section 7 Intro.mp4 | 21.59 MB | ||
| 002 Cart Design Overview.en.srt | 6.45 KB | ||
| 002 Cart Design Overview.mp4 | 35.3 MB | ||
| 003 Cart Context Actions.en.srt | 7.56 KB | ||
| 003 Cart Context Actions.mp4 | 25.33 MB | ||
| 004 Cart Context Reducer.en.srt | 9.43 KB | ||
| 004 Cart Context Reducer.mp4 | 39.11 MB | ||
| 005 Cart Context Reducer Part 2.en.srt | 9.08 KB | ||
| 005 Cart Context Reducer Part 2.mp4 | 45.76 MB | ||
| 006 Connect The Cart.en.srt | 18.95 KB | ||
| 006 Connect The Cart.mp4 | 154.99 MB | ||
| 007 Add Items To The Cart.en.srt | 14.37 KB | ||
| 007 Add Items To The Cart.mp4 | 135.42 MB | ||
| 008 Cart Feedback.en.srt | 16.85 KB | ||
| 008 Cart Feedback.mp4 | 135.48 MB | ||
| 009 Create Cart Page.en.srt | 7.41 KB | ||
| 009 Create Cart Page.mp4 | 36.26 MB | ||
| 010 Display Cart Items.en.srt | 11.86 KB | ||
| 010 Display Cart Items.mp4 | 89.3 MB | ||
| 011 Display Cart Items Part 2.en.srt | 11.1 KB | ||
| 011 Display Cart Items Part 2.mp4 | 93.97 MB | ||
| 012 Styling Cart Items.en.srt | 13.89 KB | ||
| 012 Styling Cart Items.mp4 | 169.08 MB | ||
| 013 Styling Cart Items Part 2.en.srt | 15.13 KB | ||
| 013 Styling Cart Items Part 2.mp4 | 144.22 MB | ||
| 014 QtyButton For The Cart.en.srt | 19.38 KB | ||
| 014 QtyButton For The Cart.mp4 | 190.29 MB | ||
| 015 Remove Items From Cart.en.srt | 7.07 KB | ||
| 015 Remove Items From Cart.mp4 | 61.18 MB | ||
| 016 Checkout Design Overview.en.srt | 8.96 KB | ||
| 016 Checkout Design Overview.mp4 | 32.42 MB | ||
| 017 Build CheckoutPortal.en.srt | 9.04 KB | ||
| 017 Build CheckoutPortal.mp4 | 68.24 MB | ||
| 018 CheckoutPortal Navigation.en.srt | 8.21 KB | ||
| 018 CheckoutPortal Navigation.mp4 | 82.19 MB | ||
| 019 CheckoutPortal Navigation Part 2.en.srt | 11.66 KB | ||
| 019 CheckoutPortal Navigation Part 2.mp4 | 95.82 MB | ||
| 020 Checkout Contact Info.en.srt | 13.26 KB | ||
| 020 Checkout Contact Info.mp4 | 109.48 MB | ||
| 021 Styling Contact Info.en.srt | 12.99 KB | ||
| 021 Styling Contact Info.mp4 | 97.41 MB | ||
| 022 Styling Contact Info Part 2.en.srt | 12.89 KB | ||
| 022 Styling Contact Info Part 2.mp4 | 147.94 MB | ||
| 023 Checkout Address.en.srt | 15.46 KB | ||
| 023 Checkout Address.mp4 | 173.57 MB | ||
| 024 Checkout Shipping Options.en.srt | 10.55 KB | ||
| 024 Checkout Shipping Options.mp4 | 89.71 MB | ||
| 025 Styling Shipping Options.en.srt | 12.46 KB | ||
| 025 Styling Shipping Options.mp4 | 132.5 MB | ||
| 026 Checkout Payment Methods.en.srt | 14.92 KB | ||
| 026 Checkout Payment Methods.mp4 | 121.23 MB | ||
| 027 Checkout Confirmation.en.srt | 10.47 KB | ||
| 027 Checkout Confirmation.mp4 | 54.03 MB | ||
| 028 Confirmation Fields.en.srt | 15.29 KB | ||
| 028 Confirmation Fields.mp4 | 131.09 MB | ||
| 029 Confirmation Fields Continued.en.srt | 20.15 KB | ||
| 029 Confirmation Fields Continued.mp4 | 162.46 MB | ||
| 030 Styling Confirmation Fields.en.srt | 15.48 KB | ||
| 030 Styling Confirmation Fields.mp4 | 101.32 MB | ||
| 031 Styling Confirmation Fields Part 2.en.srt | 11.36 KB | ||
| 031 Styling Confirmation Fields Part 2.mp4 | 127.9 MB | ||
| 032 Confirmation Button.en.srt | 10.35 KB | ||
| 032 Confirmation Button.mp4 | 75.07 MB | ||
| 033 Checkout Validation.en.srt | 19.45 KB | ||
| 033 Checkout Validation.mp4 | 205.29 MB | ||
| 034 Billing Info.en.srt | 17.66 KB | ||
| 034 Billing Info.mp4 | 134.18 MB | ||
| 035 Connect Confirmation Values.en.srt | 18.73 KB | ||
| 035 Connect Confirmation Values.mp4 | 148 MB | ||
| 036 Preserving Billing Info.en.srt | 14.72 KB | ||
| 036 Preserving Billing Info.mp4 | 103.73 MB | ||
| 037 Preserving Billing Info Part 2.en.srt | 11 KB | ||
| 037 Preserving Billing Info Part 2.mp4 | 86.36 MB | ||
| 038 Billing Info Validation.en.srt | 9.83 KB | ||
| 038 Billing Info Validation.mp4 | 83.61 MB | ||
| 039 Billing Info Validation Part 2.en.srt | 9.34 KB | ||
| 039 Billing Info Validation Part 2.mp4 | 82.29 MB | ||
| 040 Billing Validation Fix.en.srt | 5.33 KB | ||
| 040 Billing Validation Fix.mp4 | 41.79 MB | ||
| 041 Billing Info Confirmation.en.srt | 10.04 KB | ||
| 041 Billing Info Confirmation.mp4 | 86.1 MB | ||
| 042 Billing Info Confirmation Part 2.en.srt | 9.36 KB | ||
| 042 Billing Info Confirmation Part 2.mp4 | 44.15 MB | ||
| 043 Save And Delete Icons.en.srt | 13.85 KB | ||
| 043 Save And Delete Icons.mp4 | 143.41 MB | ||
| 044 Save Info At Checkout.en.srt | 15.25 KB | ||
| 044 Save Info At Checkout.mp4 | 148 MB | ||
| 045 Delete Info At Checkout.en.srt | 12.13 KB | ||
| 045 Delete Info At Checkout.mp4 | 133.97 MB | ||
| 046 Create Order Content-Type.en.srt | 9.7 KB | ||
| 046 Create Order Content-Type.mp4 | 31.96 MB | ||
| 047 Create Order Controller.en.srt | 15.04 KB | ||
| 047 Create Order Controller.mp4 | 69.06 MB | ||
| 048 Server-Side Cart Validation.en.srt | 12.16 KB | ||
| 048 Server-Side Cart Validation.mp4 | 101.07 MB | ||
| 049 Server-Side Cart Validation Part 2.en.srt | 11.13 KB | ||
| 049 Server-Side Cart Validation Part 2.mp4 | 86.81 MB | ||
| 050 Place An Order.en.srt | 11.61 KB | ||
| 050 Place An Order.mp4 | 112.79 MB | ||
| 051 Place An Order Part 2.en.srt | 10.4 KB | ||
| 051 Place An Order Part 2.mp4 | 109.47 MB | ||
| 052 Order Feedback.en.srt | 8.7 KB | ||
| 052 Order Feedback.mp4 | 93.48 MB | ||
| 053 Order Feedback Part 2.en.srt | 13.11 KB | ||
| 053 Order Feedback Part 2.mp4 | 98.84 MB | ||
| 054 Show Expected By Date.en.srt | 13.68 KB | ||
| 054 Show Expected By Date.mp4 | 117.73 MB | ||
| 055 Show Order ID.en.srt | 10.2 KB | ||
| 055 Show Order ID.mp4 | 128.41 MB | ||
| 056 Show Order ID Part 2.en.srt | 13.13 KB | ||
| 056 Show Order ID Part 2.mp4 | 113.51 MB | ||
| 057 Cart Responsive Design.en.srt | 16.22 KB | ||
| 057 Cart Responsive Design.mp4 | 75.89 MB | ||
| 058 Checkout Responsive Design.en.srt | 14.75 KB | ||
| 058 Checkout Responsive Design.mp4 | 172.64 MB | ||
| 059 Checkout Responsive Design Part 2.en.srt | 12.51 KB | ||
| 059 Checkout Responsive Design Part 2.mp4 | 153.24 MB | ||
| 060 Checkout Responsive Design Part 3.en.srt | 15.31 KB | ||
| 060 Checkout Responsive Design Part 3.mp4 | 109.86 MB | ||
| 08 Stripe Payment Processing | |||
| 001 Section 8 Intro.en.srt | 3.92 KB | ||
| 001 Section 8 Intro.mp4 | 16.5 MB | ||
| 002 Stripe Payment Flow.en.srt | 2.86 KB | ||
| 002 Stripe Payment Flow.mp4 | 16.8 MB | ||
| 003 Stripe Account Setup.en.srt | 8.04 KB | ||
| 003 Stripe Account Setup.mp4 | 44.57 MB | ||
| 004 Stripe Elements Overview.en.srt | 8.36 KB | ||
| 004 Stripe Elements Overview.mp4 | 41.37 MB | ||
| 005 Using Stripe Elements.en.srt | 17.75 KB | ||
| 005 Using Stripe Elements.mp4 | 174.08 MB | ||
| 006 Styling Stripe Input.en.srt | 13.98 KB | ||
| 006 Styling Stripe Input.mp4 | 139.38 MB | ||
| 007 PaymentIntent API Overview.en.srt | 11.72 KB | ||
| 007 PaymentIntent API Overview.mp4 | 94.39 MB | ||
| 008 Generate Stripe Customer ID.en.srt | 12.14 KB | ||
| 008 Generate Stripe Customer ID.mp4 | 57.2 MB | ||
| 009 PaymentIntent Setup.en.srt | 14.91 KB | ||
| 009 PaymentIntent Setup.mp4 | 62.48 MB | ||
| 010 Generate PaymentIntent.en.srt | 14.26 KB | ||
| 010 Generate PaymentIntent.mp4 | 115.7 MB | ||
| 011 Generate PaymentIntent Part 2.en.srt | 8.78 KB | ||
| 011 Generate PaymentIntent Part 2.mp4 | 103.67 MB | ||
| 012 Confirm Payment.en.srt | 10.7 KB | ||
| 012 Confirm Payment.mp4 | 128.32 MB | ||
| 013 Prevent Card Unmount.en.srt | 15.99 KB | ||
| 013 Prevent Card Unmount.mp4 | 183.93 MB | ||
| 014 New Approach Fixes.en.srt | 10.76 KB | ||
| 014 New Approach Fixes.mp4 | 117.87 MB | ||
| 015 Finalize Order.en.srt | 18.76 KB | ||
| 015 Finalize Order.mp4 | 153.02 MB | ||
| 016 Saving Payment Methods.en.srt | 11.59 KB | ||
| 016 Saving Payment Methods.mp4 | 110.88 MB | ||
| 017 Saving Payment Methods Part 2.en.srt | 11.1 KB | ||
| 017 Saving Payment Methods Part 2.mp4 | 113.8 MB | ||
| 018 Fix Payment Settings.en.srt | 3.46 KB | ||
| 018 Fix Payment Settings.mp4 | 32.13 MB | ||
| 019 Using Saved Payment Methods.en.srt | 9.77 KB | ||
| 019 Using Saved Payment Methods.mp4 | 55.77 MB | ||
| 020 Using Saved Payment Methods Part 2.en.srt | 12.36 KB | ||
| 020 Using Saved Payment Methods Part 2.mp4 | 98.55 MB | ||
| 021 Remove Cards Controller.en.srt | 10.26 KB | ||
| 021 Remove Cards Controller.mp4 | 84.37 MB | ||
| 022 Removing Saved Cards.en.srt | 17.59 KB | ||
| 022 Removing Saved Cards.mp4 | 175.51 MB | ||
| 023 Sending Email Receipts.en.srt | 15.43 KB | ||
| 023 Sending Email Receipts.mp4 | 145.99 MB | ||
| 024 Sending Email Receipts Part 2.en.srt | 15.36 KB | ||
| 024 Sending Email Receipts Part 2.mp4 | 154.22 MB | ||
| 025 Payment Responsive Design.en.srt | 15.21 KB | ||
| 025 Payment Responsive Design.mp4 | 116.54 MB | ||
| 026 Display Order History.en.srt | 12.18 KB | ||
| 026 Display Order History.mp4 | 104.62 MB | ||
| 027 Data Grid Overview.en.srt | 10.83 KB | ||
| 027 Data Grid Overview.mp4 | 76.63 MB | ||
| 028 Data Grid Columns.en.srt | 12.66 KB | ||
| 028 Data Grid Columns.mp4 | 107.6 MB | ||
| 029 Data Grid Columns Part 2.en.srt | 11.9 KB | ||
| 029 Data Grid Columns Part 2.mp4 | 89.37 MB | ||
| 030 Data Grid Rows.en.srt | 11.05 KB | ||
| 030 Data Grid Rows.mp4 | 96.32 MB | ||
| 031 Data Grid Rows Part 2.en.srt | 9.52 KB | ||
| 031 Data Grid Rows Part 2.mp4 | 91.06 MB | ||
| 032 Styling Rows.en.srt | 17.08 KB | ||
| 032 Styling Rows.mp4 | 188.43 MB | ||
| 033 Order History Navigation.en.srt | 11.97 KB | ||
| 033 Order History Navigation.mp4 | 138.75 MB | ||
| 034 Order Details Drawer.en.srt | 16.83 KB | ||
| 034 Order Details Drawer.mp4 | 186.89 MB | ||
| 035 Order Details Info.en.srt | 11.63 KB | ||
| 035 Order Details Info.mp4 | 106.75 MB | ||
| 036 Order Details Info Continued.en.srt | 15.3 KB | ||
| 036 Order Details Info Continued.mp4 | 181.5 MB | ||
| 037 Order Details Prices.en.srt | 9.59 KB | ||
| 037 Order Details Prices.mp4 | 124.11 MB | ||
| 038 Order Details Items.en.srt | 17.22 KB | ||
| 038 Order Details Items.mp4 | 193.22 MB | ||
| 039 Order History Responsive Design.en.srt | 17.36 KB | ||
| 039 Order History Responsive Design.mp4 | 200.8 MB | ||
| 040 Order Details Responsive Design.en.srt | 9.9 KB | ||
| 040 Order Details Responsive Design.mp4 | 84.96 MB | ||
| 041 Order Details Responsive Design Part 2.en.srt | 11.46 KB | ||
| 041 Order Details Responsive Design Part 2.mp4 | 70.85 MB | ||
| 09 Reviews, Favorites, and Subscriptions | |||
| 001 Section 9 Intro.en.srt | 2.33 KB | ||
| 001 Section 9 Intro.mp4 | 10.54 MB | ||
| 002 Product Reviews.en.srt | 9.45 KB | ||
| 002 Product Reviews.mp4 | 38.56 MB | ||
| 003 Build Review UI.en.srt | 16.78 KB | ||
| 003 Build Review UI.mp4 | 171.16 MB | ||
| 004 Build Review UI Continued.en.srt | 15.63 KB | ||
| 004 Build Review UI Continued.mp4 | 131.63 MB | ||
| 005 Rating Hover Effect.en.srt | 11.62 KB | ||
| 005 Rating Hover Effect.mp4 | 81.15 MB | ||
| 006 Rating Hover Effect Part 2.en.srt | 9.68 KB | ||
| 006 Rating Hover Effect Part 2.mp4 | 63.61 MB | ||
| 007 Select A Rating.en.srt | 11.98 KB | ||
| 007 Select A Rating.mp4 | 71.45 MB | ||
| 008 Review Controllers.en.srt | 19.33 KB | ||
| 008 Review Controllers.mp4 | 167.01 MB | ||
| 009 Product Average Rating.en.srt | 12.96 KB | ||
| 009 Product Average Rating.mp4 | 95.45 MB | ||
| 010 Leave Reviews.en.srt | 12.88 KB | ||
| 010 Leave Reviews.mp4 | 102.5 MB | ||
| 011 Display Reviews.en.srt | 9.48 KB | ||
| 011 Display Reviews.mp4 | 49.44 MB | ||
| 012 Display Reviews Part 2.en.srt | 11.49 KB | ||
| 012 Display Reviews Part 2.mp4 | 145.72 MB | ||
| 013 Display New Reviews.en.srt | 11.11 KB | ||
| 013 Display New Reviews.mp4 | 154.75 MB | ||
| 014 Edit Reviews UI.en.srt | 11.42 KB | ||
| 014 Edit Reviews UI.mp4 | 104.8 MB | ||
| 015 Edit Reviews UI Part 2.en.srt | 9.01 KB | ||
| 015 Edit Reviews UI Part 2.mp4 | 92.56 MB | ||
| 016 Edit Reviews Functionality.en.srt | 12.21 KB | ||
| 016 Edit Reviews Functionality.mp4 | 89.06 MB | ||
| 017 Delete Reviews.en.srt | 10.26 KB | ||
| 017 Delete Reviews.mp4 | 87.49 MB | ||
| 018 Delete Reviews Part 2.en.srt | 11.64 KB | ||
| 018 Delete Reviews Part 2.mp4 | 125.77 MB | ||
| 019 Paginate Reviews.en.srt | 10.79 KB | ||
| 019 Paginate Reviews.mp4 | 103.8 MB | ||
| 020 Reusable Styled Components.en.srt | 16.18 KB | ||
| 020 Reusable Styled Components.mp4 | 174.88 MB | ||
| 021 Connect Reviews.en.srt | 11.47 KB | ||
| 021 Connect Reviews.mp4 | 116.25 MB | ||
| 022 Connect Reviews Part 2.en.srt | 13 KB | ||
| 022 Connect Reviews Part 2.mp4 | 134.19 MB | ||
| 023 User Product Favorites.en.srt | 4.03 KB | ||
| 023 User Product Favorites.mp4 | 15.02 MB | ||
| 024 Favorites Controllers.en.srt | 12.09 KB | ||
| 024 Favorites Controllers.mp4 | 68.03 MB | ||
| 025 Add Favorites.en.srt | 12.09 KB | ||
| 025 Add Favorites.mp4 | 106.69 MB | ||
| 026 Customize _me.en.srt | 10.57 KB | ||
| 026 Customize _me.mp4 | 50.69 MB | ||
| 027 Delete Favorites.en.srt | 12.01 KB | ||
| 027 Delete Favorites.mp4 | 93.65 MB | ||
| 028 Delete Favorites Part 2.en.srt | 11.35 KB | ||
| 028 Delete Favorites Part 2.mp4 | 82.44 MB | ||
| 029 Reusable Favorites.en.srt | 15.33 KB | ||
| 029 Reusable Favorites.mp4 | 137.41 MB | ||
| 030 Connect Favorites.en.srt | 14.18 KB | ||
| 030 Connect Favorites.mp4 | 176.45 MB | ||
| 031 Favorite Variant Fix.en.srt | 6.04 KB | ||
| 031 Favorite Variant Fix.mp4 | 47.89 MB | ||
| 032 Favorites Columns.en.srt | 13.31 KB | ||
| 032 Favorites Columns.mp4 | 124.37 MB | ||
| 033 Favorited Product Details.en.srt | 19.35 KB | ||
| 033 Favorited Product Details.mp4 | 192.56 MB | ||
| 034 Favorites Rows.en.srt | 17.13 KB | ||
| 034 Favorites Rows.mp4 | 182.65 MB | ||
| 035 Favorites Sizes And Swatches.en.srt | 16.03 KB | ||
| 035 Favorites Sizes And Swatches.mp4 | 133.03 MB | ||
| 036 Favorites Selected Variant.en.srt | 12.81 KB | ||
| 036 Favorites Selected Variant.mp4 | 138.59 MB | ||
| 037 Favorites Selected Variant Continued.en.srt | 15.6 KB | ||
| 037 Favorites Selected Variant Continued.mp4 | 147.97 MB | ||
| 038 QtyButton Zero Fix.en.srt | 6.13 KB | ||
| 038 QtyButton Zero Fix.mp4 | 50.39 MB | ||
| 039 Reusable DataGrid.en.srt | 16.84 KB | ||
| 039 Reusable DataGrid.mp4 | 218 MB | ||
| 040 Delete Favorite From List.en.srt | 14.85 KB | ||
| 040 Delete Favorite From List.mp4 | 148.91 MB | ||
| 041 Subscriptions Overview.en.srt | 12.24 KB | ||
| 041 Subscriptions Overview.mp4 | 44.14 MB | ||
| 042 Subscription Dialog.en.srt | 15.25 KB | ||
| 042 Subscription Dialog.mp4 | 128.79 MB | ||
| 043 Subscription Quantity.en.srt | 14.3 KB | ||
| 043 Subscription Quantity.mp4 | 145.32 MB | ||
| 044 Subscription Frequency.en.srt | 19.68 KB | ||
| 044 Subscription Frequency.mp4 | 175.75 MB | ||
| 045 Add Subscription To Cart.en.srt | 12.67 KB | ||
| 045 Add Subscription To Cart.mp4 | 134.24 MB | ||
| 046 Dialog Responsive Design.en.srt | 10.74 KB | ||
| 046 Dialog Responsive Design.mp4 | 95.59 MB | ||
| 047 Checkout Fix.en.srt | 3.42 KB | ||
| 047 Checkout Fix.mp4 | 31.52 MB | ||
| 048 Subscription Cart UI.en.srt | 15.3 KB | ||
| 048 Subscription Cart UI.mp4 | 151.76 MB | ||
| 049 Subscription Checkout Controller.en.srt | 13.89 KB | ||
| 049 Subscription Checkout Controller.mp4 | 119.5 MB | ||
| 050 Subscription Payment Validation.en.srt | 10.74 KB | ||
| 050 Subscription Payment Validation.mp4 | 103.86 MB | ||
| 051 Subscription Payment Validation Part 2.en.srt | 10.91 KB | ||
| 051 Subscription Payment Validation Part 2.mp4 | 103.95 MB | ||
| 052 Reusable Frequency Select.en.srt | 5.63 KB | ||
| 052 Reusable Frequency Select.mp4 | 83.08 MB | ||
| 053 Subscription Cart Frequency.en.srt | 15.43 KB | ||
| 053 Subscription Cart Frequency.mp4 | 164.77 MB | ||
| 054 Subscription Cart Icon.en.srt | 7.06 KB | ||
| 054 Subscription Cart Icon.mp4 | 81.8 MB | ||
| 055 Subscription Cart Toggle.en.srt | 16.39 KB | ||
| 055 Subscription Cart Toggle.mp4 | 179.78 MB | ||
| 056 Schedule Tasks With Strapi.en.srt | 10.8 KB | ||
| 056 Schedule Tasks With Strapi.mp4 | 78.7 MB | ||
| 057 Make Recurring Charges.en.srt | 14.93 KB | ||
| 057 Make Recurring Charges.mp4 | 107.82 MB | ||
| 058 Place Subscription Order.en.srt | 14.14 KB | ||
| 058 Place Subscription Order.mp4 | 148.08 MB | ||
| 059 Place Subscription Order Part 2.en.srt | 12.65 KB | ||
| 059 Place Subscription Order Part 2.mp4 | 96 MB | ||
| 060 Subscription History.en.srt | 6.82 KB | ||
| 060 Subscription History.mp4 | 54.58 MB | ||
| 061 Retrieve Subscriptions.en.srt | 15.62 KB | ||
| 061 Retrieve Subscriptions.mp4 | 153.1 MB | ||
| 062 Subscriptions Columns.en.srt | 6.46 KB | ||
| 062 Subscriptions Columns.mp4 | 58.24 MB | ||
| 063 Subscriptions Rows.en.srt | 8.18 KB | ||
| 063 Subscriptions Rows.mp4 | 90.87 MB | ||
| 064 Styling Subscriptions Rows.en.srt | 12.21 KB | ||
| 064 Styling Subscriptions Rows.mp4 | 122.8 MB | ||
| 065 Styling Subscriptions Rows Continued.en.srt | 13.87 KB | ||
| 065 Styling Subscriptions Rows Continued.mp4 | 198.04 MB | ||
| 066 Styling Subscriptions Rows Finished.en.srt | 9.92 KB | ||
| 066 Styling Subscriptions Rows Finished.mp4 | 85.7 MB | ||
| 10 Deployment + SEO | |||
| 001 Section 10 Intro.en.srt | 3.93 KB | ||
| 001 Section 10 Intro.mp4 | 16.72 MB | ||
| 002 Shipping Cost Bug Fix.en.srt | 4.24 KB | ||
| 002 Shipping Cost Bug Fix.mp4 | 36.09 MB | ||
| 003 Billing Switch Bug Fix.en.srt | 17.67 KB | ||
| 003 Billing Switch Bug Fix.mp4 | 155.4 MB | ||
| 004 Miscellaneous Bug Fixes.en.srt | 17.18 KB | ||
| 004 Miscellaneous Bug Fixes.mp4 | 174.26 MB | ||
| 005 IMPORTANT BILLING NOTICE.html | 2.31 KB | ||
| 006 Amazon AWS Setup.en.srt | 16.73 KB | ||
| 006 Amazon AWS Setup.mp4 | 125.24 MB | ||
| 007 Launch EC2 Instance.en.srt | 8.48 KB | ||
| 007 Launch EC2 Instance.mp4 | 60.82 MB | ||
| 008 Create S3 Bucket.en.srt | 2.55 KB | ||
| 008 Create S3 Bucket.mp4 | 22.85 MB | ||
| 009 Configure EC2.en.srt | 12.04 KB | ||
| 009 Configure EC2.mp4 | 131.74 MB | ||
| 010 Configure Git.en.srt | 10.6 KB | ||
| 010 Configure Git.mp4 | 85.9 MB | ||
| 011 Push Project To GitHub.en.srt | 15.35 KB | ||
| 011 Push Project To GitHub.mp4 | 106.3 MB | ||
| 012 Clone Project To EC2.en.srt | 12.87 KB | ||
| 012 Clone Project To EC2.mp4 | 122.87 MB | ||
| 013 Configure PM2.en.srt | 11.8 KB | ||
| 013 Configure PM2.mp4 | 116.05 MB | ||
| 014 Strapi GitHub Webhook.en.srt | 17.33 KB | ||
| 014 Strapi GitHub Webhook.mp4 | 162.38 MB | ||
| 015 Custom Domain with NGINX.en.srt | 17.42 KB | ||
| 015 Custom Domain with NGINX.mp4 | 148.77 MB | ||
| 016 Enable SSL.en.srt | 11.27 KB | ||
| 016 Enable SSL.mp4 | 57.44 MB | ||
| 017 Enable HTTP_2 & TLSv1.3.en.srt | 10.82 KB | ||
| 017 Enable HTTP_2 & TLSv1.3.mp4 | 44.82 MB | ||
| 018 Netlify Gatsby Deployment.en.srt | 14.85 KB | ||
| 018 Netlify Gatsby Deployment.mp4 | 67.59 MB | ||
| 019 Netlify Window Error.en.srt | 14.63 KB | ||
| 019 Netlify Window Error.mp4 | 131.01 MB | ||
| 020 Netlify Window Error Part 2.en.srt | 12.45 KB | ||
| 020 Netlify Window Error Part 2.mp4 | 109.27 MB | ||
| 021 S3 Image Upload.en.srt | 7.17 KB | ||
| 021 S3 Image Upload.mp4 | 57.16 MB | ||
| 022 Netlify Rehydration Error.en.srt | 10.21 KB | ||
| 022 Netlify Rehydration Error.mp4 | 47.27 MB | ||
| 023 Netlify Rehydration Error Part 2.en.srt | 10.44 KB | ||
| 023 Netlify Rehydration Error Part 2.mp4 | 97.87 MB | ||
| 024 Rehydration Errors Continued.en.srt | 10.05 KB | ||
| 024 Rehydration Errors Continued.mp4 | 130.06 MB | ||
| 025 Netlify Form Handling.en.srt | 12.89 KB | ||
| 025 Netlify Form Handling.mp4 | 148.2 MB | ||
| 026 Netlify Custom Domain.en.srt | 4.77 KB | ||
| 026 Netlify Custom Domain.mp4 | 32.76 MB | ||
| 027 Production Facebook Login.en.srt | 5.55 KB | ||
| 027 Production Facebook Login.mp4 | 25.56 MB | ||
| 028 SEO Overview.en.srt | 3.18 KB | ||
| 028 SEO Overview.mp4 | 14.01 MB | ||
| 029 SEO Component Overview.en.srt | 10.8 KB | ||
| 029 SEO Component Overview.mp4 | 81.87 MB | ||
| 030 SEO Component Overview Part 2.en.srt | 10.62 KB | ||
| 030 SEO Component Overview Part 2.mp4 | 56.76 MB | ||
| 031 Using SEO Component.en.srt | 15.07 KB | ||
| 031 Using SEO Component.mp4 | 150.42 MB | ||
| 032 Gatsby SEO Plugins.en.srt | 17.57 KB | ||
| 032 Gatsby SEO Plugins.mp4 | 149.64 MB | ||
| 033 Image Optimization Overview.en.srt | 13.65 KB | ||
| 033 Image Optimization Overview.mp4 | 79.46 MB | ||
| 034 Gatsby Image Optimization.en.srt | 16.8 KB | ||
| 034 Gatsby Image Optimization.mp4 | 168.67 MB | ||
| 035 Gatsby Image Optimization Part 2.en.srt | 10.25 KB | ||
| 035 Gatsby Image Optimization Part 2.mp4 | 76.68 MB | ||
| 036 Gatsby Image Optimization Part 3.en.srt | 18.89 KB | ||
| 036 Gatsby Image Optimization Part 3.mp4 | 164.94 MB | ||
| 037 What's Next_.en.srt | 13.78 KB | ||
| 037 What's Next_.mp4 | 53.21 MB | ||
| external-assets-links.txt | 101 B |
Master next-generation full stack architecture: best speed, security, and scalability with React, Gatsby, and Strapi.
What you’ll learn
Create cutting-edge full stack applications while enhancing your developer experience using the JAMstack
Implement a comprehensive e-commerce architecture with real-time inventory, favorites, reviews, and subscriptions
Streamline performance, security, and accessibility plus programmatically create pages with our static site generator Gatsby
Easily manage content and automatically serve it through an API to drastically simplify backend development with our headless CMS Strapi
Serve customers with a completely custom cart and checkout system powered by Stripe, allowing users to save payment methods and access order history
Integrate a JWT authentication workflow with sign up/login, forgot/reset password, and social media integration
Adopt modern React best practices by using functional components, React Hooks, and the React Context API
Leverage the power of GraphQL with native support from both Strapi and Gatsby to seamlessly interact with backend data
Deploy our project from development to a live production application on AWS and Netlify
Breathe life into your applications by adding animations with react-spring & react-lottie
Extend your reach and enhance performance with Search Engine Optimization (SEO) and powerful, automatic Image Optimization
Access components from a vast component library, apply a powerful JSS styling solution, consolidate common styles in a theme, and layouts based on screen size with responsive design – all using Material-UI
Requirements
Basic JavaScript Knowledge
Basic React Knowledge (components, props, state)
Description
Get ready to build the most modern, comprehensive, feature-rich, full stack e-commerce platform in any online course! By the end of this course, you’ll be completely confident in building large applications with complex functionality all on your own.
With over 75 hours of content across more than 475 lectures, this is a complete full stack masterclass! I’ll be teaching you everything there is to know about building powerful full stack applications from scratch based on the next-generation JAMstack architecture.
The JAMstack is the next step in the evolution of web application architecture. It addresses many of the limitations and frustrations of traditional full stack applications. Unlike a traditional stack, the JAMstack isn’t a specific set of certain tools, like MERN. Instead, the JAMstack is a set of concepts, a philosophy behind how modern full stack applications should be built to enhance performance, security, and scalability while drastically improving the developer experience. This means better software for our users and easier coding for ourselves.
That means there are a number of different JAMstacks using different sets of tools. For our JAMstack, we’ll be using React with Gatsby, Material-UI, Strapi, Stripe, and Netlify. We’ll use these tools to create a production-ready e-commerce platform that’s more comprehensive and full of features than any other online course! Our project includes everything you can imagine about selling products online like grouping them into categories, applying custom sorting and filtering, leaving reviews, adding products to a list of favorites, and subscriptions to have products delivered regularly! To enable all of this powerful functionality we’ll integrate a complete authentication system with login/sign up, forgot/reset password, and social media authentication. This will also include building a user settings page allowing users to change their password as well as any stored shipping or payment information. Then we just need to build our completely custom cart and checkout process to let our customers actually make purchases using their credit cards and receive receipts in their email.
This is a massive project that will guide you through the process of breaking down complex functionality into manageable step-by-step plans of action. You’ll learn to think about large-scale projects and how to make architectural decisions that simplify your systems later on. Even though this course is focused on e-commerce you’ll still learn all the underlying concepts that will transfer to every full stack project.
One of the core principles of the JAMstack is only serving statically generated files. Traditionally in React, like with create-react-app, the server hosting your project sends your JavaScript bundle to be processed and rendered by the client’s browser. We’ll turn this process around by using the static site generator Gatsby. Gatsby will take our React code and generate the resulting static HTML files for us which can be served directly to our users for lightning-fast performance and increased security. Gatsby is a very powerful and extensive system with exceptionally helpful features such as programmatic page creation, automatic accessibility enhancements, and powerful image optimization.
We’ll see how Material-UI can maximize our productive output and reduce complexity for building incredible interfaces with React. We’ll mitigate boilerplate and start working faster by using its vast component library, consisting of all the common elements found in most web applications. Then we can bring our designs to life with Material-UI’s styling system for completely customizing those components and its theming system for consolidating the most commonly used styles. Helping us show off our hard work is the layout system for consistently arranging our components on the screen. Finally, the responsive design system ensures our designs look perfect on the largest screens down to the smallest mobile devices. Material-UI has everything we need to build a stunning frontend with the JAMstack.
Strapi is the future of backend development. Strapi is a headless CMS that singlehandedly revolutionalizes and streamlines all backend processes. A headless CMS also decouples the backend from the frontend in a JAMstack site which is much more flexible and maintainable. Strapi gives us a very simple user interface for managing our backend content and data, then automatically creates APIs with an integrated JWT-based authentication system with roles and permissions to interact with that content. In traditional full stack architectures, creating your database models to represent your content, entering all of your data, creating APIs to serve that content, and configuring those APIs with security and authentication were all completely separate tasks that took days, if not weeks to complete. If you haven’t ever done full stack or backend development it’s hard to truly express the complexity of these tasks! Most full stack courses are going to make you labor through all of these processes manually because there hasn’t been another way — until now!
Thanks to Strapi all of that tedious and repetitive code will be instantly automated. However, all of the underlying database models are completely intact and customizable for projects that need more advanced configurations. Strapi supports most major databases but we’ll use MongoDB in this course, although that doesn’t make much of a difference thanks to Strapi’s abstractions. Strapi is also open source and built with React so it’s completely customizable and extendable. Strapi is the best headless CMS for the JAMstack!
Stripe is one of the leading payment processors for online merchants and is being used by tech giants like Lyft, Shopify, and Zoom. Stripe features one of the most flexible and powerful payment APIs with extensive and thorough documentation. Using Stripe Elements you can get a secure credit card field set up in seconds, and the Stripe PaymentIntents API powers our completely custom checkout process to finalize the order. Using Stripe enables functionality like securely saving customer payment information for future use and tracking order history.
Once our project is built we’ll deploy it as a live, production website on Netlify. Netlify is without a doubt the best hosting platform for JAMstack sites. Their CEO and co-founder, Mathias Biilmann, actually coined the term! That means Netlify is specially optimized for JAMstack sites to deliver cutting-edge performance, security, and scalability by automatically applying our JAMstack best practices like atomic deploys, cache invalidation, using a CDN, and git-based CI/CD.
We will also be covering extra topics like SEO in React, React Hooks, React Context, creating fluid and engaging interfaces with animations, pagination, webhooks, query strings, tabular data, form handling, and so much more!
The Course Content Includes:
Understanding the motivation and philosophy behind the next-generation full stack architecture, the JAMstack
Increasing your opportunities and marketability in the workplace and getting ahead of the curve by learning the JAMstack
Adopting modern React best practices by using functional components, React Hooks, and the React Context API
Setting up a new project with Gatsby, Strapi, and Material-UI
Working based on just a design file like in an actual work environment
Simplifying and automating backend development with the headless CMS Strapi
Enhancing performance and security with our static site generator Gatsby
Creating a theme for your application by mastering Material-UI’s centralized styling system
Learning how to use responsive design to ensure your applications look perfect on any screen size!
Using the Material-UI grid system to align complex layouts perfectly
Integrating a JWT-based authentication system with login/sign up, forgot/reset password, user settings, and social media integration
Building a completely custom cart and checkout system powered by Stripe
Saving multiple sets of shipping and payment information for future usage
Breathing life into your applications with animations from react-lottie and react-spring
Refining your UI/UX design intuition and seeing concepts in action
Programmatically sending emails for events such as receipts, confirmations, or resetting passwords
Automating Search Engine Optimization (SEO) in React applications using Gatsby plugins
Deploying a Gatsby frontend to Netlify and a Strapi backend to AWS with enhanced server configuration and a custom domain name
Powerful image optimization techniques like lazy-loading, device-specific sizing, and automatic conversion to next-gen formats
Learning about the MVC model and how to use it as a mental framework within the JAMstack
Along with lifetime access to over 75 HOURS of content, you’ll also find easy access to support through active Q/A.
You’ve got nothing to lose — this course comes with a 30-day money-back guarantee in case you aren’t completely satisfied!
The JAMstack is the future of web development, so get ahead of the curve and stand out amongst React developers by learning to build powerful, next-generation full stack applications today.
Who this course is for:
React developers who want to get ahead of the curve by learning a next-generation application architecture, the JAMstack.
React developers looking for an easier, faster way to get up and running with clean, consistently designed applications.
React developers who feel like they know React but still have more to learn before building a polished website.
React developers who want to learn about e-commerce by building a comprehensive online store from scratch.
React developers who want to build complex interactions between backend data and frontend user interfaces.
React developers who want to build powerful, complete full-stack applications using a cutting-edge, streamlined workflow.
React developers who want to master responsive design and make their applications look perfect on any screen size.
React developers interested in adding user authentication to their applications including social media integration.
React developers looking for a better understanding of UI/UX design principles in practice.
React developers who want skills to help them stand out against the typical developer.
React developers with an interest in building sleek, fluid applications with professional designs.
React developers who want to be able to build any website design that’s handed to them.
React developers who would like to add a huge full-stack production application to their portfolio.
React beginners and experts looking to further their learning and take their skills to the next level.
React developers just getting started and looking for the next step.
Full stack developers with basic React knowledge looking for a modern architecture.
Full stack developers looking for a better developer experience than the frustrations of traditional monolithic applications.
Full stack developers looking to maximize performance, security, and scalability in their applications.
Back end developers with React experience looking to simplify their workflow and automate repetitive processes.
Back end developers looking for an easier way to build powerful APIs with roles and permissions in minutes instead of days
| torrent name | size | uploader | age | seed | leech |
|---|---|---|---|---|---|
| 547.3 MB | freecoursewb | 3 hours | 0 | 0 | |
| 2.8 GB | freecoursewb | 1 week | 3 | 6 | |
| 991.5 MB | freecoursewb | 4 weeks | 20 | 17 | |
| 2.9 GB | freecoursewb | 4 weeks | 4 | 3 | |
| 1.9 GB | freecoursewb | 4 weeks | 5 | 0 |
All Comments