Gatsby.js for beginners

Gatsby.js for beginners, available at $27.99, has an average rating of 3.85, with 36 lectures, based on 23 reviews, and has 8645 subscribers.

You will learn about Setup Gatsby Development Environment Create Gatsby Site Serve site on Gatsby development server Modify Gatsby Pages Build Gatsby Components and Sub components Utilize props Link pages of Gatsby site Create layout components Component scopped styling Global scope styling Install and configure Gatsby Plugins This course is ideal for individuals who are Beginners to Gatsby or Beginners to web development It is particularly useful for Beginners to Gatsby or Beginners to web development.

Enroll now: Gatsby.js for beginners

Summary

Title: Gatsby.js for beginners

Price: $27.99

Average Rating: 3.85

Number of Lectures: 36

Number of Published Lectures: 36

Number of Curriculum Items: 36

Number of Published Curriculum Objects: 36

Original Price: $24.99

Quality Status: approved

Status: Live

What You Will Learn

Setup Gatsby Development Environment
Create Gatsby Site
Serve site on Gatsby development server
Modify Gatsby Pages
Build Gatsby Components and Sub components
Utilize props
Link pages of Gatsby site
Create layout components
Component scopped styling
Global scope styling
Install and configure Gatsby Plugins

Who Should Attend

Beginners to Gatsby
Beginners to web development

Target Audiences

Beginners to Gatsby
Beginners to web development

Gatsby is a free and open source framework based on React that helps developers build blazing fast websites and apps. Gatsby’s rich data plugin ecosystem lets you build sites with the data you want .

Gatsby.js is a static PWA (Progressive Web App) generator. You get code and data splitting out-of-the-box. Gatsby loads only the critical HTML, CSS, data, and JavaScript so your site loads as fast as possible. Once loaded, Gatsby prefetches resources for other pages so clicking around the site feels incredibly fast.

Gatsby.js is Internet Scale. Forget complicated deploys with databases and servers and their expensive, time-consuming setup costs, maintenance, and scaling fears. Gatsby.js builds your site as “static” files which can be deployed easily on dozens of services.

Gatsby.js builds the fastest possible website. Instead of waiting to generate pages when requested, pre-build pages and lift them into a global cloud of servers — ready to be delivered instantly to your users wherever they are.

What you will learn includes:

Installing Gatsby
Creating a Gatsby site
Building components
Using sub components
Creating and using layout components
Modifying pages
Using props
Linking between pages
Using Gatsby Plugins
Using Global Styling
Styling Gatsby components
Deploying Gatsby Sites

Course Curriculum

Chapter 1: Setting up your development environment

Lecture 1: Introduction

Lecture 2: What is Gatsby

Lecture 3: Required Software

Lecture 4: What is Node.js

Lecture 5: Installing Node Js

Lecture 6: What is npm

Lecture 7: What is Git

Lecture 8: Installing Git

Lecture 9: Git configuration

Lecture 10: Using Git help

Lecture 11: What is Github

Lecture 12: How Gatsby works

Lecture 13: Installing Gatsby

Lecture 14: Using Gatsby CLI

Chapter 2: Creating a new Gatsby Site

Lecture 1: Core technologies used with Gatsby

Lecture 2: Create a new gatsby site

Lecture 3: Starting a gatsby development server

Lecture 4: Installing Visual Studio Code

Lecture 5: Installing Prettier Plugin

Chapter 3: Gatsby Building Blocks

Lecture 1: Exploring Gatsby Starter site

Lecture 2: Modifying the homepage

Lecture 3: Building with Components

Lecture 4: Using sub components

Lecture 5: Using Props

Lecture 6: Linking between pages

Lecture 7: Installing Surge

Lecture 8: Deploying a Gatsby site

Chapter 4: Styling | Plugins |Layout Components

Lecture 1: Global CSS Styling

Lecture 2: Component scopped styling

Lecture 3: Gatsby Plugins

Lecture 4: Layout Components

Chapter 5: Working with Gatsby Data

Lecture 1: Working with site data in Gatsby

Lecture 2: Querying data with GraphQL

Lecture 3: Accessing File System Data

Lecture 4: Building a page with a GraphQL Query

Lecture 5: Thank You

Instructors

Bluelime Learning Solutions
Making Learning Simple

Rating Distribution

1 stars: 0 votes
2 stars: 2 votes
3 stars: 8 votes
4 stars: 8 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