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

Bot

Администратор
Команда форума
23 Янв 2020
197,740
3,124
113
Master Gatsby. Premium JavaScript + CSS Training [Wes Bos]

мастер гетсби.png

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


  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$

Продажник
mastergatsby.com/