Master Gatsby. Premium JavaScript + CSS Training [Wes Bos]
Программа курса:
Module 1
Getting Setup- Welcome00:59
- Tooling and Starter File Setup13:17
Module 2
Gatsby Basics - What is Gatsby? Why is it so awesome?09:03
- Pages in Gatsby11:18
- Routing and Navigation in Gatsby10:57
- Creating Layouts in Gatsby17:34
Module 3
CSS in Gatsby - Global Styles14:31
- Typography03:16
- Styling the Nav and Logo17:14
- Styling our Layout12:04
Module 4
Headless CMS - Setting up our Headless CMS15:34
- Creating the Toppings Content Type and custom previews11:05
- Creating Data Relationships16:02
- Creating our Person Data Type04:17
- Custom CMS Inputs in Sanity17:37
Module 5
Getting Data into Gatsby with GraphQL - An intro to gatsby-config and sourcing data08:32
- Sourcing Sanity Data and GraphQL Introduction19:32
- Learning Gatsby Queries24:07
Module 6
Puttin' in work - Gatsby Images13:02
- Loading in Sample Data04:57
- Styling our Pizza Grid with CSS subgrid08:05
- Static Queries and Building the Toppings Filter26:06
Module 7
Making Gatsby Dynamic - Dynamically creating pages with gatsby-node22:42
- Templating and Styling our Single Pizza Page04:44
- Dynamically Creating Toppings Pages22:37
- Sourcing Data from an external API14:32
- Querying, Displaying and Styling the Beers Page11:59
Module 8
Pages & Filtering - Querying and Displaying Pagination13:07
- Paginating Data in Gatsby16:21
- Filtering the data based on Pagination03:53
- Creating a reusable Pagination Component20:24
Module 9
Custom Pages + SEO - Single Slicemaster Pages08:33
- Gatsby SEO and Head Tags26:20
Module 10
Order Form, Custom Hooks and state management - Creating the Order page with Custom Hooks28:37
- Styling our Order Form09:58
- Custom Hook for our Order Form18:56
- Calculating our Order Total06:15
Module 11
Serverless Functions - Moving our Order State to React Context with a custom Provider13:53
- An Intro to Serverless Functions16:25
- Modifying our Custom Hook to send the order data20:44
- Coding our Serverless Function12:45
- Setting Error, Loading and Success States08:39
- Creating a Honey Pot to defend against bots06:56
- Creating a one-off Store Settings Page14:27
- Custom Hook for Client Side Data Fetching24:46
Module 12
Client Side Data - Creating a Skeleton Screen while Loading Items18:21
- Displaying the Home Page Data20:33
Module 13
Building, Deployment and Responsive Design - Building and Deploying our Headless Sanity CMS03:27
- Building our Gatsby Site03:28
- Deploying to Netlify17:18
- Hosting the Gatsby Website on your own server04:13
- Making the Website Responsive22:33
Состав курса: 13 Modules / 52 HD Videos
Цена: 97$
Продажник
https://mastergatsby.com/