Gatsby JS Training Course in Virtual

Gatsby JS Course Outline

Module 1: Introduction to Gatsby JS

• What is Gatsby JS
• What Gatsby Tries to Achieve?

Module 2: Cloud

• Working with Redirects and Rewrites
• Configuring Log Drains on Gatsby Cloud
• Add a Custom Domain
• Deploying to Gatsby Cloud Hosting
• Deploying Functions on Gatsby Cloud
• Deploying to Firebase on Gatsby Cloud

Module 3: Local Development

• Create Project from Starter
• Environment Variables
• GraphQL Typegen
• Debug Development Errors
• Javascript Tooling

Module 4: Routing

• Creating Routes
• Shared Page Layout
• Additional Guides

Module 5: Styling, Images and Media

• Built-in CSS Support
• Local and Web Fonts
• Assets from Filesystem
• Gatsby Image Plugin
• Static Folder

Module 6: Plugins and Themes

• Using Plugins
• Themes
• Create a Source Plugin

Module 7: Sourcing and Querying Data

• Filesystem
• Headless CMSs
• Page Queries
• Component Queries
• Explore Data (GraphiQL)
• Gatsby without GraphQL

Module 8: Testing

• Jest
• React Components
• E2E Tests with Cypress

Module 9: Performance and Scaling

• Site Performance
• Using Slices
• Using Partial Hydration
• Build Performance
• Out-of-Memory Errors
• Lighthouse

Module 10: Deploy and Hosting

• Adapters
• Zero-Configuration Deployments
• Creating an Adapter
• HTTP Headers
• Path Prefix
• Asset Prefix
• Deploying to Netlify

Who should attend the Gatsby JS Training Course?

This Gatsby JS training course is ideal for individuals interested in enhancing their web development skills and creating optimised personal blogs. It is particularly beneficial for:

• Web Developers
• Content Creators
• Front-end Developers
• Bloggers and Writers
• UX/UI Designers
• Digital Marketers

Prerequisites for the Gatsby JS Training Course

There are no formal prerequisites for this training course. However, basic knowledge of Web development is beneficial.

Gatsby JS Training Course Overview

Gatsby JS is a modern open-source framework for building fast, secure, and highly performant websites and web applications using React and GraphQL. Gatsby JS is important for creating optimised, lightning-fast web experiences with minimal development effort. This training can enhance organisational web development capabilities, leading to faster, efficient, and high-performance website creation, ultimately improving user experiences and customer satisfaction. This training can empower individuals with valuable skills to build fast, modern websites. Gaining expertise in Gatsby JS through this training can significantly boost an individual's career prospects in the web development field, providing opportunities for higher-paying roles and career advancement.

Our 1-day Gatsby JS Training Course aims to provide delegates with comprehensive knowledge about Gatsby JS. During this training, delegates will learn to master Gatsby JS, gaining expertise in building lightning-fast websites and web applications, optimising performance, and efficiently managing content to excel in web development. Our highly professional trainer with years of experience in teaching such courses will conduct this training and will help delegates to get a complete understanding of Gatsby JS.

Course Objectives

• To attain in-depth knowledge of Gatsby JS's fundamental principles and applications
• To understand the concept about deploying and managing Gatsby on the cloud
• To get familiar with local development, environment setup, and error debugging
• To learn with practical examples about creating and managing Gatsby routing
• To attain in-depth knowledge in styling, and managing images and media
• To understand the concept about using and creating Gatsby plugins and themes

After attending this Gatsby JS training, delegates will be able to confidently build and deploy dynamic, optimised personal blogs using Gatsby JS, leveraging its powerful features for seamless integration with modern web technologies. They will also be able to handle Gatsby's cloud services, plugins, and themes, enhancing their web development skills for professional or personal projects.

What’s included in this Gatsby JS Training Course?

• World-Class Training Sessions from Experienced Instructors
• Gatsby JS Certificate
• Digital Delegate Pack