Hands-On Web Development with React and GatsbyJS

Hands-On Web Development with React and GatsbyJS, available at $19.99, has an average rating of 3.8, with 34 lectures, 7 quizzes, based on 15 reviews, and has 79 subscribers.

You will learn about Build an end-to-end web application that has all the tools you'll need to track performance and scalability Discover the power of Gatsby by diving into the features and functionality it comes with out of the box Create intuitive and flexible queries to source data with GraphQL Design an application that takes advantage of Gatsby's templating functionality, allowing you to programmatically create pages Optimize the performance of your web application by integrating Gatsby plugins and built-in features Improve the usability of your web apps with Contentful and wire it into your Gatsby application Deploy your static website with Netlify, the simplest way to deploy JavaScript apps This course is ideal for individuals who are This course is apt for JavaScript developers who are familiar with React and want to learn how to build static sites with the help of GatsbyJS. It is particularly useful for This course is apt for JavaScript developers who are familiar with React and want to learn how to build static sites with the help of GatsbyJS.

Enroll now: Hands-On Web Development with React and GatsbyJS

Summary

Title: Hands-On Web Development with React and GatsbyJS

Price: $19.99

Average Rating: 3.8

Number of Lectures: 34

Number of Quizzes: 7

Number of Published Lectures: 34

Number of Published Quizzes: 7

Number of Curriculum Items: 41

Number of Published Curriculum Objects: 41

Original Price: $109.99

Quality Status: approved

Status: Live

What You Will Learn

Build an end-to-end web application that has all the tools you'll need to track performance and scalability
Discover the power of Gatsby by diving into the features and functionality it comes with out of the box
Create intuitive and flexible queries to source data with GraphQL
Design an application that takes advantage of Gatsby's templating functionality, allowing you to programmatically create pages
Optimize the performance of your web application by integrating Gatsby plugins and built-in features
Improve the usability of your web apps with Contentful and wire it into your Gatsby application
Deploy your static website with Netlify, the simplest way to deploy JavaScript apps

Who Should Attend

This course is apt for JavaScript developers who are familiar with React and want to learn how to build static sites with the help of GatsbyJS.

Target Audiences

This course is apt for JavaScript developers who are familiar with React and want to learn how to build static sites with the help of GatsbyJS.

GatsbyJS is a modern static site generator for React that comes with all the tools you need to build fast and highly performant applications. In this 3-hour course, you will learn how to use GatsbyJS by leveraging React skills you already possess.

First, we introduce you to GatsbyJS. Then you’ll set up your environment, clone a simple starter web app repo, and go over some of the fundamentals. You’ll learn how to use GraphQL to query data from flexible sources and take advantage of Gatsby’s templating functionality to programmatically generate pages. You will incorporate some plugins to improve performance and usability, optimize images, and finally deploy your site with Netlify.

By the end of the course, you will have a fully functioning, end-to-end blog web application and will feel confident about building applications with GatsbyJS.

About the Author

Rachelle Rathbone is a software engineer who currently works at Nordstrom on an internal application. Previously, she worked at a startup for several years on a large-scale website built to React and GatsbyJS. When she first integrated Gatsby into the web application a few years ago, Gatsby was in its alpha stage. Rachelle has witnessed its entire evolution and is aware of the huge community of supporters that stand behind the powerful static site generator. Before moving into the engineering field in 2017, Rachelle was an educator and has a strong background in delivering high-quality content to her students.

Course Curriculum

Chapter 1: Getting Started with GatsbyJSs

Lecture 1: The Course Overview

Lecture 2: What is GatsbyJS?

Lecture 3: Installing Gatsby and Cloning Our Gatsby Project

Lecture 4: An Overview of Typography and Styling

Lecture 5: Using React Helmet to Add Metadata

Lecture 6: Creating a New Page and Linking Between Pages

Chapter 2: Querying Data with GraphQL

Lecture 1: Introduction to GraphQL

Lecture 2: Querying Data in Pages with GraphQL

Lecture 3: Using the StaticQuery API

Lecture 4: Updating SEO.js with the useStaticQuery Hook

Chapter 3: Gatsby Plugins

Lecture 1: Source Plugins

Lecture 2: Transformer Plugins

Lecture 3: Welcome to the Gatsby Plugin Library

Lecture 4: Tracking Events with Plugins

Lecture 5: Increasing Your Click Rates with Social Cards

Chapter 4: Programmatically Creating Pages

Lecture 1: Making Our First Post Markdown Files

Lecture 2: Building Our Web App’s Post Template

Lecture 3: Working with the createPage API in gatsby-node.js

Lecture 4: Adding the onCreateNode API and Updating Our Query

Lecture 5: Writing a Page Query in Our Template

Chapter 5: Working with Images in Gatsby

Lecture 1: Importing Files with GraphQL

Lecture 2: Using Gatsby Image

Lecture 3: Adding Images to Our Markdown Files

Lecture 4: Adding a Video to Our App

Chapter 6: Contentful – Content Infrastructure

Lecture 1: What is Contentful?

Lecture 2: Creating a Contentful Account

Lecture 3: Connecting Gatsby to Contentful

Lecture 4: Updating gatsby-node with a Contentful Query

Lecture 5: Updating Our Queries

Chapter 7: Deploying Your App

Lecture 1: Deploying and Hosting

Lecture 2: Creating a Netlify Account

Lecture 3: Linking to Your Repository and Deploying Your Web App

Lecture 4: Updating Your App

Lecture 5: Upping the Game with Gatsby Preview

Instructors

Packt Publishing
Tech Knowledge in Motion

Rating Distribution

1 stars: 0 votes
2 stars: 2 votes
3 stars: 6 votes
4 stars: 2 votes
5 stars: 5 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu