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

Description

Master Gatsby – Master Package, a period of training design and building a website using the Gatsby industry and React.js. In this course, learn how to make a website, modern, create, and in which diversity topics include there is cargo, routing, compression, etc. Critical CSS, caching, etc. the scale of this trick to quickly become part of the site to learn. Gatsby is a React.js Builder framework that works for you, and in this course, learn how to use it in building a website.

Which Gatsby Master Course – Master Package to learn:

Multiple data type
Related data
Build dynamic pages
Custom field
Delimited CSS
Paging
Pictures, Progressive
Source data using a REST API
SEO and meta tags
Development and hosting

Specification period

Publisher: Wes Bos
teachers: Wes Bos
French language,
level of study: beginner to advanced,
the number of courses: 52
Duration: 11 hours and 57 minutes

This course

Module 1: Implementation

01 – Welcome
02 – Setup Tooling and Boot File

Module 2: Gatsby Basics

03 – What is Gatsby_ Why is it so great
04 – Pages in Gatsby
05 – Routing and Navigation in Gatsby
06 – Create layouts in Gatsby

Module 3: CSS in Gatsby

07 – Global Styles
08 – Typography
09 – Styling the navigation and the logo
10 – Styling our layout

Module 4: Headless CMS

11 – Configure our Headless CMS
12 – Creating the Toppings content type and custom previews
13 – Create data relationships
14 – Creating our person data type
15 – Custom CMS entries in Sanity

Module 5: Getting Data into Gatsby with GraphQL

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

Module 6: pornstar at work

19 – Pictures of Gatsby
20 – Loading in sample data
21 – Styling our Pizza Grid with CSS subgrid
22 – Static queries and constructing the trim filter

Module 7: Make Gatsby Dynamic

23 – Dynamically create pages with gatsby-node
24 – Template and style of our unique pizza page
25 – Dynamic creation of trim pages
26 – Source data from an external API
27 – Query, display and style the beer page

Module 8: Pages and Filtering

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

Module 9: Custom Pages, + SEO

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

Module 10: Order Form, Custom Hooks and Status Management

34 – Creation of the order page with custom hooks
35 – Styling our order form
36 – Custom hook for our order form
37 – Calculation of the total of our order

Module 11: Serverless Functions

38 – Moving our command state to the react context with a custom provider
39 – An introduction to serverless functions
40 – Editing our custom hook to send order data
41 – Coding our serverless function
42 – Set, Error, Load and Pass States
43 – Create a Honey Pot to defend against bots
44 – Creating a Single Store Settings Page
45 – Custom hook for client-side data retrieval

Module 12: Client-Side Data

46 – Creating a skeleton screen when loading, elements
47 – Home page data display

Module 13: Build, Deploy, and Responsive Design

48 – Build and deploy 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