Wes Bos – Master Gatsby – Master Package 2020-9

Description

Master Gatsby - Master Package is a website design and training course using Gatsby and React.js. In this course you will learn how to build a modern site and in it you will learn various topics including preloading, routing, compression, critical CSS, caching, scaling and tricks to speed up the site. Gatsby is a React.js framework that does everything for you and in this course you will learn how to use it to build a site.

What you will learn in the Master Gatsby - Master Package course

Multiple Data Types

Relative data

Build dynamic pages

Custom fields

Scoped CSS

Paging

Progressive images

Data source using a REST API

SEO and meta tags

Development and hosting

Course information

Publisher: Wes Bos Instructors: Wes Bos English language Level of training: basic to advanced Number of courses: 52 Duration: 11 hours and 57 minutes

Topics

Module 1: Getting Setup

01 – Welcome 02 – Tooling and Starter File Setup

Module 2: Gatsby Basics

03 – What is Gatsby_ Why is it so awesome 04 – Pages in Gatsby 05 – Routing and Navigation in Gatsby 06 – Creating Layouts in Gatsby

Module 3: CSS in Gatsby

07 – Global Styles 08 – Typography 09 – Styling the Nav and Logo 10 – Styling our Layout

Module 4: Headless CMS

11 – Setting up our Headless CMS 12 – Creating the Toppings Content Type and custom previews 13 – Creating Data Relationships 14 – Creating our Person Data Type 15 – Custom CMS Inputs in Sanity

Module 5: Getting Data into Gatsby with GraphQL

16 – An intro to gatsby-config and sourcing data 17 – Sourcing Sanity Data and GraphQL Introduction 18 – Learning Gatsby Queries

Module 6: Puttin’ in work

19 – Gatsby Images 20 – Loading in Sample Data 21 – Styling our Pizza Grid with CSS subgrid 22 – Static Queries and Building the Toppings Filter

Module 7: Making Gatsby Dynamic

23 – Dynamically creating pages with gatsby-node 24 – Templating and Styling our Single Pizza Page 25 – Dynamically Creating Toppings Pages 26 – Sourcing Data from an external API 27 – Querying, Displaying and Styling the Beers Page

Module 8: Pages & Filtering

28 – Querying and Displaying Pagination 29 – Paginating Data in Gatsby 30 – Filtering the data based on Pagination 31 – Creating a reusable Pagination Component

Module 9: Custom Pages + SEO

32 – Single Slicemaster Pages 33 – Gatsby SEO and Head Tags

Module 10: Order Form, Custom Hooks and state management

34 – Creating the Order page with Custom Hooks 35 – Styling our Order Form 36 – Custom Hook for our Order Form 37 – Calclulating our Order Total

Module 11: Serverless Functions

38 – Moving our Order State to React Context with a custom Provider 39 – An Intro to Serverless Functions 40 – Modifying our Custom Hook to send the order data 41 – Coding our Serverless Function 42 – Setting Error, Loading and Success States 43 – Creating a Honey Pot to defend against bots 44 – Creating an one-off Store Settings Page 45 – Custom Hook for Client Side Data Fetching

Module 12: Client Side Data

46 – Creating a Skeleton Screen while Loading Items 47 – Displaying the Home Page Data

Module 13: Building, Deployment and Responsive Design

48 – Building and Deploying our Headless Sanity CMS 49 – Building our Gatsby Site 50 – Deploying to Netlify 51 – Hosting the Gatsby Website on your own server 52 – Making the Website Responsive

Installation

After Extract, watch with your favorite Player.

Subtitle: None

Quality: 1080