Gatsby JS | Build a personal blog using gatsbyJS

Gatsby JS | Build a personal blog using gatsbyJS, available at $44.99, has an average rating of 4.25, with 52 lectures, based on 369 reviews, and has 110252 subscribers.

You will learn about Gatsby Fundamentals React Hooks API with functional components GraphQL and the built in GraphQL editor Components, props and state JSX syntax and expressions Markdown Styled Components This course is ideal for individuals who are Front End Developers or Anyone who wants to learn GatsbyJS It is particularly useful for Front End Developers or Anyone who wants to learn GatsbyJS.

Enroll now: Gatsby JS | Build a personal blog using gatsbyJS

Summary

Title: Gatsby JS | Build a personal blog using gatsbyJS

Price: $44.99

Average Rating: 4.25

Number of Lectures: 52

Number of Published Lectures: 52

Number of Curriculum Items: 52

Number of Published Curriculum Objects: 52

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will Learn

Gatsby Fundamentals
React Hooks API with functional components
GraphQL and the built in GraphQL editor
Components, props and state
JSX syntax and expressions
Markdown
Styled Components

Who Should Attend

Front End Developers
Anyone who wants to learn GatsbyJS

Target Audiences

Front End Developers
Anyone who wants to learn GatsbyJS

Learn to build blazing fast apps and websites with React using Gatsby, a static PWA (Progressive Web App) generator! Starting from scratch, you’ll learn to build a full blog app

Gatsby is a React-based, GraphQL powered static site generator. It combines together the best parts of React, webpack, react-router, GraphQL, and other front end tools to provide excellent developer experience. Gatsby is far more than typical static site generator though. You can think of it more like a modern front-end framework.

Find out how to work with Gatsby pages, assets, and components, and style your sites using styled components.

Use GraphQL in Gatsby for storing and retrieving data, create pages and posts with Markdown, optimize your images automatically with the gatsby-image.

Learn Gatsby JS and be a top contender for modern Front End developer jobs!

Want to learn one of the hottest things in Web Development in 2021?

Do you already know some React and want to push forward from there?

Do you enjoy project oriented and fast paced courses?

Do you want to learn quick and straight down to the point?

Would you like to Improve your insight, esteem and be a top competitor in enlistment measures?

Then this is the course for you!

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: What is Gatsby?

Chapter 2: Setup

Lecture 1: Gatsby CLI

Lecture 2: Folder Structure

Lecture 3: Installing Dependencies

Lecture 4: Setting up Plugins and Config file

Lecture 5: Absolute Imports

Chapter 3: Tech – Optional

Lecture 1: What is Markdown?

Lecture 2: Creating Markdown files and front matter for our project

Lecture 3: What is GraphQL?

Lecture 4: GraphQL Query types in Gatsby

Lecture 5: GraphQL Editor

Lecture 6: Styled Components

Chapter 4: Global Styles

Lecture 1: Colors and themes

Lecture 2: Adding CSS for our website

Chapter 5: Layout

Lecture 1: Layout Explained

Lecture 2: Project Cleanup

Lecture 3: Index

Lecture 4: Create custom hook useMetaDataQueryHook

Chapter 6: Header

Lecture 1: create custom hook useSiteConfigQueryHook

Lecture 2: Create Header Component

Lecture 3: Styling Header Component

Lecture 4: Create Menu Component

Lecture 5: Styling Menu Component

Lecture 6: Create Hamburger Component

Lecture 7: Styling Hamburger Component

Lecture 8: Header – Mobile Menu – Index

Lecture 9: Header – Mobile Menu – Styles

Lecture 10: Creating Home Page

Lecture 11: Creating Page Query

Lecture 12: Image Query

Lecture 13: Home Banner Index

Lecture 14: creating custom hook for banner image

Lecture 15: Creating Index for Background Image

Lecture 16: Styling Background Image

Lecture 17: Styling Home Banner Component

Lecture 18: Creating Index for Blog Post Card Component

Lecture 19: Styling Blog Post Card

Lecture 20: Finishing Home Page

Chapter 7: Setting Light and Dark Mode

Lecture 1: ModeProvider and Context

Lecture 2: Gatsby Browser APi

Lecture 3: Theme Button Index and Styles

Lecture 4: Implementing Theme Switch Button

Lecture 5: Creating Slugs for Posts and Pages

Lecture 6: Pages and Posts Graphql query

Lecture 7: Creating Page and Post templates

Lecture 8: Dynamically create pages and posts

Lecture 9: Creating Pagination in Node

Lecture 10: Home page template

Lecture 11: Creating Page Navigation Component

Lecture 12: Styling Page Navigation

Lecture 13: Resources

Instructors

Tech Vista
Full Stack Developer

Rating Distribution

1 stars: 13 votes
2 stars: 15 votes
3 stars: 65 votes
4 stars: 93 votes
5 stars: 183 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