In this series, we’ll explore how to work with text, images, interactive elements, fancy widgets, custom styling, animation with CSS, playing with browser Developer Tools, and more. We’ll build up a foundation of skills over the coming weeks, showing how to produce accessible sites tailored to each person’s interests.
The only prerequisites for this series are a sense of curiosity and a desire to tinker, as well as a computer with an internet connection. The majority of these lessons will include live examples on Glitch, a colorful tool for creating web apps and building a community. Glitch projects can be remixed and added to collections, and it provides automatic URLs for each project so viewers can create and share their own webpages with ease.
Anyone can join this series by going to our Twitch page at the specified times (Fri. at 1pm-2pm ET / 10am-11am PT). Note: you don’t have to have a Twitch account to watch the streams.
We’re also looking for curious individuals to join us in tinkering with web projects on the stream (with parental permission). To any parents of kids wanting to learn how to develop who are willing to learn in public, we encourage you to get in touch with us over email via email@example.com. We will only use first names for any minors participating. See additional legal information below.
For those feeling more shy who still want to get involved, there will be Glitch projects with source code available for everyone to remix each week. The Twitch chat will also be available to participate from this page itself, and also from the Twitch platform.
Gatsby Web Creators streams take place Fridays at 1pm ET/10am PT.
Here’s the rough schedule for this first series of Gatsby Web Creators:
Introducing the series, we’ll talk about the most fundamental part of the Web Platform, HTML (a.k.a. HyperText Markup Language). We’ll explain the building blocks of HTML, including how to create different kinds of elements, add your favorite content, and link pages together.
We started building with HTML, and this week is all about making it our own with style. CSS, which stands for Cascading Style Sheets, is a powerful styling language used on nearly every website. We’ll talk about how CSS works, and how we can style our content pages from the previous week using colors, backgrounds, fonts, and more.
In week three, we’ll dive deeper into CSS with the basics of CSS layout and positioning. We’ll take an existing page and change it enough to create a totally different layout, and viewers will be encouraged to do their own remixes and submit them to be reviewed on the stream.
In week four we’ll continue learning about CSS magic using transitions and animation. We’ll live code how to approach building a responsive website using media queries, including how to build a modern site by breaking it down into tasks: a meta skill that will serve viewers for years to come.
Glitch: Users have to be 13 or older to create an account. Anyone can remix a Project on Glitch without creating an account, but to save it and use most other functionality will require an account. You can read more on their legal page: https://glitch.com/legal/
Twitch: Anyone can view a Twitch stream without creating an account. Legally, the Twitch Services including chat are not available to persons under the age of 13. If you are between the ages of 13 and 18 (or between 13 and the age of legal majority in your jurisdiction of residence), you may only use the Twitch Services under the supervision of a parent or legal guardian who agrees to be bound by their Terms of Service. More information can be found on their website: https://www.twitch.tv/p/legal/terms-of-service/