Learning Gatsby

Focused View

Morten Rand-Hendriksen

3:02:09

101 View

1. Introduction

01. Modernize the web with Gatsby.mp4

01:03

02. Prerequisites for this course.mp4

00:29

2. Setting Up Gatsby for the First Time

03. Gatsby A static site generator.mp4

02:48

04. Initial setup.mp4

01:53

05. Configure helper tools.mp4

01:48

06. Install a Gatsby starter.mp4

05:07

07. Start and stop your local Gatsby site.mp4

06:32

3. Breaking Down a Gatsby Site

08. Starting from scratch with exercise files.mp4

06:05

09. Explore the project.mp4

04:25

010. Challenge Change the site title and other content.mp4

01:47

011. Solution Change the site title and other content.mp4

05:15

4. Pages, Components, and Styles

012. Static pages.mp4

05:00

013. Static assets.mp4

03:39

014. Components and how to use them.mp4

07:49

015. The layout component.mp4

05:21

016. CSS in Gatsby Multiple approaches.mp4

07:35

017. Example CSS modules and modern CSS.mp4

07:54

018. Challenge Create a navigation component.mp4

01:00

019. Solution Create a navigation component.mp4

05:39

5. Plugins and Images

020. Extend Gatsby with plugins.mp4

05:31

021. Plugin options.mp4

03:09

022. Example Images in Gatsby.mp4

05:54

023. Custom image features.mp4

05:16

024. Challenge Add two new images to a page.mp4

00:33

025. Solution Add two new images to a page.mp4

04:01

6. Data

026. Gatsby and GraphQL.mp4

05:32

027. Make a page query.mp4

03:27

028. Building an advanced GraphQL query.mp4

04:22

029. Adding dynamic images.mp4

05:26

030. Challenge Make a dynamic navigation menu.mp4

01:06

031. Solution Make a dynamic navigation menu.mp4

06:28

7. Create Pages Dynamically

032. Transform data into pages.mp4

01:01

033. Make data available through transformers.mp4

05:17

034. Extend transformed data with new data.mp4

04:01

035. Process transformed data.mp4

04:08

036. Import Markdown files with a transformer.mp4

03:43

037. Generate pages from Markdown files.mp4

05:57

038. Create paginated index pages.mp4

07:19

039. Challenge Add paginated tag indexes.mp4

02:35

040. Solution Add paginated tag indexes.mp4

07:36

8. Going Live

041. Build the production site.mp4

04:14

042. Add PWA and offline functionality.mp4

02:43

9. Conclusion

043. Further information.mp4

01:41

Description

View Morten's LinkedIn Newsletter

Gatsby offers React and WordPress developers a more comprehensive approach to web application development, complete with thorough concerns for accessibility support. Gatsby's GraphQL foundations let it extract information from a variety of data sources. In this course, instructor Morten Rand-Hendriksen shows you how Gatsby can help you build performance-focused websites. Morten steps through setting up Gatsby and breaking down a Gatsby site. He explains how to use static pages, static assets, components, and CSS in Gatsby, then dives into plugin options and adding images to a page. Morten goes over data in Gatsby, including making a page query, building an advanced GraphQL query, and adding dynamic images. After walking you through the process of creating pages dynamically, he shows you how to build the production site and add PWA and offline functionality. With each chapter featuring practical challenges and solutions, this course sets you on your way to mastering Gatsby.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

WordPress

React

Morten Rand-Hendriksen

Instructor's Courses

Since joining forces with lynda.com (now LinkedIn Learning) in 2010, I've 60+ published courses on WordPress, front end web design and development, and web standards, reaching hundreds of thousands of viewers from all over the world. I also contribute to the web community as a public speaker, author, educator, web developer, and design philosopher. I help the web make sense by helping people understand and get the most out of the web, and contribute to the debates about ownership and democratization of information, design philosophy, and the open web.

Linkedin Learning

View courses Linkedin Learning

LinkedIn Learning is an American online learning provider. It provides video courses taught by industry experts in software, creative, and business skills. It is a subsidiary of LinkedIn. All the courses on LinkedIn fall into four categories: Business, Creative, Technology and Certifications. It was founded in 1995 by Lynda Weinman as Lynda.com before being acquired by LinkedIn in 2015. Microsoft acquired LinkedIn in December 2016.