Description
Master Gatsby – Master Package is a website design and construction training course using Gatsby and React.js. In this course, you will learn how to build a modern site and 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 build a site using it.
What you will learn in the Master Gatsby – Master Package course:
- Multiple data types
- Relative data
- Creating dynamic pages
- Custom fields
- Scoped CSS
- Paging
- Progressive images
- Data sourcing using a REST API
- SEO and meta tags
- Development and hosting
Course details
Publisher: Wes Bos
Instructors: Wes Bos
English language
Training level: introductory to advanced
Number of courses: 52
Duration: 11 hours and 57 minutes
Course headings
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 – Calculating 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
Course prerequisites:
Pictures
Sample video
Installation guide
After Extract, view with your favorite Player.
Subtitle: English (separately)
Quality: 1080
download link
Download Wes Bos – Master Gatsby – Master Package 2020-9 Subtitles Only
Password file(s): www.downloadly.ir
Size
2.8 GB
Be the first to comment