Web Unleashed 2019
Web DevUX/UIWork Better
  • 2019-09-13 00:00:00 2019-09-14 00:00:00 America/Toronto Web Unleashed 2019 Toronto FITC
  • Toronto
  • #WEBU19

Presentation

Overview

This workshop is currently sold out.

Gatsby is a JavaScript framework for creating wicked fast, modern websites with React and GraphQL.
Gatsby makes it easy to build a website with all of today’s best practices at the forefront – not an after thought. This includes code splitting, pre-loaded routes, image loading and compression, offline ready and so much more. Along with amazing user experiences, the Gatsby developer experience is fast, hot-reloaded and easily deployable.

Together we will build a Gatsby.js based website from scratch, learning the core concepts and understanding how to tackle a website.

This workshop is a must for anyone looking to build modern websites all while sharpening their React skills. This includes you, WordPress devs!

Objective

Learn to build modern websites with Gatsby

Target Audience

This workshop is a must for anyone looking to build modern websites all while sharpening their React skills. This includes you, WordPress devs!

Assumed Audience Knowledge

  • A good grasp on JavaScript fundamentals – you are comfortable with modules, functions, variables, destructuring, arrays and Objects
  • Beginner to intermediate knowledge of React.js — State, components, context, props. You should have built at least 3 things with React.js before
  • Familiarity with package managers npm or yarn

Five Things Audience Members Will Learn

  • How to source data from Headless APIs or static markdown files
  • Writing GraphQL Queries
  • Image Compression Plugins
  • Templating and Theming
  • Layouts with React Components
  • CSS with Styled Components
  • Building & Deployment

To bring

  • A laptop with the latest version of https://nodejs.org installed.
  • A text editor like VS Code
  • A terminal