Wes Bos – Master Gatsby – Master Package 2020-9 + Subtitles

Description

Master Gatsby – Master Package, a training phase to design and build a website using Gatsby and React.js Industry. In this course you will learn how to design a website in a modern way and how to address diversity issues such as preloading, routing, compression, etc. critical CSS, caching, etc. The extent of this trick helps you learn quickly on the website. Gatsby is a React.js builder framework that allows you to perform all functions. In this course you will learn how to use it in a website build.

Which course Master Gatsby – Master Package learn:

Data type multiple
Data related
Create dynamic pages
custom field
Scoped CSS
Page numbering
Images, Progressive
Data retrieval using a REST API
SEO and meta tags
Development and hosting

Specification period

Editor: Wes Bos
Teacher: Wes Bos
Language: English,
Education Level: Introductory to Advanced,
the number of lessons: 52
Duration: 11 hours and 57 minutes

This course

Module 1: Getting Started

01 – Welcome
02 – Tool and starter file setup

Module 2: Gatsby Basics

03 – What is Gatsby? Why is it so great?
04 – Pages in Gatsby
05 – Route planning and navigation in Gatsby
06 – Creating layouts in Gatsby

Module 3: the CSS in Gatsby

07 – Global Styles
08 – Typography
09 – Styling of the navigation device and the logo
10 – Designing 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 personal data type
15 – Custom CMS inputs in Sanity

Module 5: Using GraphQL to transfer data to Gatsby

16 – An Introduction to Gatsby Config and Sourcing Data
17 – Sanity data sourcing and GraphQL implementation
18 – Learn Gatsby queries

Module 6: “Pornstar” in progress

19 – Gatsby Pictures
20 – Loading the sample data
21 – Styling our pizza, the grid with CSS subgrid
22 – Static queries and structure of the toppings filter

Module 7: Making Gatsby dynamic

23 – Creating Pages Dynamically Using Gatsby Node
24 – Template and design of our single pizza page
25 – Dynamically create toppings pages
26 – Data retrieval from an external API
27 – Query, display and design the beer page

Module 8: Pages and Filters

28 – Query and display pagination
29 – Pagination of data in Gatsby
30 – Filter the data based on pagination
31 – Creating a reusable pagination component

Module 9: Custom Pages + SEO

32 – Individual 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 – Designing our order form
36 – Custom made hook for our order form
37 – Calculating our order total

Module 11: Serverless Functions

38 – Moving our order status to the React context with a custom provider
39 – An Introduction to Serverless Functions
40 – Modifying our custom hook to send the order details
41 – Coding our serverless function
42 – Setting, error, loading and success status
43 – Creating a Honey Pot to Defend Bots
44 – Create a unique store settings page
45 – Custom hook for client-side data retrieval

Module 12: Customer-side data

46 – Creating a Skeleton Screen on Load, Article
47 – View homepage data

Module 13: Construction, Deployment and Responsive Design

48 – Building and deploying our Headless Sanity CMS
49 – Building our Gatsby site,
50 – Deployment on Netlify
51 – Hosting the Gatsby website on your own server
52 – Make the website responsive