Master Gatsby. Premium JavaScript + CSS Training [Wes Bos]

Master Gatsby. Premium JavaScript + CSS Training [Wes Bos]​

Программа курса:

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

Пакет: Master Package
Состав курса: 13 Modules / 52 HD Videos

Цена: 97$

Продажник
Скрытая ссылка