Gatsby Training Course

Learn to build super-quick static sites with the this React-based JavaScript framework

Standard duration: 2 Days
Email course link

Customise this course for your team

We can tailor your syllabus to take into account your group's current skills, technology stack, and specific learning goals - as part of a wider training programme or as a standalone workshop.

Enquire now to find out about our cost-effective options:

"The JavaScript course was well structure and adapted to my own needs and abilities. I felt comfortable asking questions and requesting more detail when necessary. Many thanks!"

JavaScript Training Course
RP, Junior Developer
Alpha Financial Markets

"Genuinely an excellent trainer. He was very knowledgeable, enthusiastic and packed a great detail into a short course, whilst keeping the pace managable at the right pace. Thanks."

JavaScript training course with ES6+
SS, Front-end Developer
GIS Mapping Organisation

"It was a fine-tuned training that was fully customized for our needs to learn modern JS. The understanding and practice I have acquired from this course is immense, that too in a short span of time. All the concepts were well explained and doubts were clarified. I did lots of coding (hands on experience) along with Kevin and also through the exercises set for us, which made me feel very confident to start using modern JS in our new web application development."

JavaScript training course with ES6+
TJ, Web Developer
University of the West of England

"The course was delivered by a very enthusiastic and knowledgeable instructor who was able to draw on his real-world experience during the training."

JavaScript training course with ES6+
MH, Front-end Developer
GIS Mapping Organisation

"Enjoyed the pace, covered a lot of ground but still made it understandable. Review exercises useful and more fun than the usual business oriented ones."

JavaScript training course with ES6+
Anonymous, Senior Front-end Developer
GIS Mapping Organisation

About the course:

Our Gatsby training course will help you build on your existing JavaScript development skills to get you up and running using this exciting framework.

Gatsby brings together some of the best front-end technologies to rapidly build fast-loading static web sites.

Did you know?

Gatsby is built with React and GraphQL at its core.
The pages in a Gatsby site are defined as React components.
Data is managed using GraphQL queries. The framework can pull in data from WordPress, Markdown, and a huge variety of databases and APIs.
Minimal Gatsby Starter projects get you up and running quickly.
The whole framework is designed to be extensible with plugins for anything and everything.
If you are new to React or GraphQL we can extend and customise this course to fit your training requirements.

We're happy to offer this instructor-led Gatsby training online; in-person at our London training centre, or at your location of choice. Please get in touch to find out about flexible options to suit your team

Trusted by:

In a nutshell Who should attend Flexible training Course syllabus Useful resources

Learning outcomes

Set up your Gatsby development environment
Query data using GraphQL and connect to different data sources.
Write reusable code using Layout components.
Define routing between pages in a Gatsby site
Manage site configuration using gatsby-config
Work with plugins to fetch and transform data

Who should attend

Web developers who are looking to benefit from the rapid development options available with the Gatsby JS framework.

Pre-requisite skills

This two-day course is aimed at existing React/JavaScript developers who are also familiar with HTML and CSS.

We can help you with the pre-requisite skills through primer sessions on these technologies if need be - get in touch to find out how we can customise and extend your training to incorporate topics such as React, GraphQL, JavaScript, HTML and CSS

Live, instructor-led online and on-site training

This Gatsby course is available for private / custom delivery for your team - face-to-face, on-site at your location of choice, or remotely via MS Teams, Zoom or your own platform - get in touch to find out how we can deliver tailored training which focuses on your project requirements and learning goals.

Up and running with Gatsby

The Gatsby development environment
Working with the Gatsby CLI and development server

The design goals of Gatsby

Rapidly developed fast loading static sites
Performance, scalability, security and accessibility

Gatsby Starters

Boilerplate minimal sites to jump-start your development
Understanding Gatsby configuration files

React and Gatsby

How React and Gatsby integrate
Defining pages as React components
Building routes to link pages together
Creating reusable code using Layout components

Managing data

Managing data with GraphQL
Pulling data in from WordPress, Markdown, databases and APIs
Configuration data: siteMetadata and gatsby-config
Using the createPages API for unstructured data

Plugins

The extensible design of Gatsby
Fetching and transforming data using plugins.

Styling in Gatsby

Different approaches for adding CSS
Modularizing CSS and the scope of styles

The Gatsby ecosystem

Testing, performance, deployment and hosting
Adding plugins and themes

Get Gatsby: https://www.gatsbyjs.com/
Chrome Developer Tools for Node
Well-supported IDEs to consider: Webstorm | Visual Studio Code | IntelliJ IDEA

Public Courses Dates and Rates

Standard duration: 2 Days

Please get in touch for pricing and availability.

Interested in this course?

If you want to explore how you can tailor this course for your organisation, want to sign up for our newsletter, or have any other questions then please speak to us on 020 3137 3920 or get in touch using this form.

This form requires javaScript to work, please email us at webenquiries@frameworktraining.co.uk if you do not have it enabled.

First Name*

Last Name*

Email*

Phone Number*

Company*

Subject/Tech*

Your message*

Where did you first hear about us?

Get in touch

We use cookies on our website to provide you with the best user experience. If you're happy with this please continue to use the site as normal.
For more information please see our Privacy Policy.

I understand

Ready to take your skills to the next level?