egghead.io course notes

Accessible Cross-Browser CSS Form Styling with Stephanie Eckles

joel@egghead.io (Taylor Bell) — Mon, 22 Feb 2021 19:45:17 +0000

Taylor and Stephanie talk about accessibility, the sticking points, and Stephanie's experience with learning about forms.

Build a Corgi Up-boop Web App with Netlify Serverless Functions and Hasura with Jason Lengstorf

joel@egghead.io (Taylor Bell) — Thu, 14 Jan 2021 18:35:45 +0000

Serverless makes creating applications easier. The serverless layer handles the orchestration of the scaling and the DevOps so that you can get down to doing what you want to do, writing functions.

WordPress as a Headless Content Management System (CMS) and GraphQL API with Kevin Cunningham

joel@egghead.io (Taylor Bell) — Wed, 2 Dec 2020 20:14:02 +0000

With Headless CMS's there are endless options available to you. WordPress is a tried and true open-source CMS that can pretty easily be converted to a headless variant.

React Real-Time Messaging with GraphQL using urql and OneGraph with Ian Jones

joel@egghead.io (Taylor Bell) — Wed, 18 Nov 2020 15:14:24 +0000

Taylor talks to Ian about his journey starting with GraphQL as well as how Ian uses it at egghead to supplement eggheads REST API. They continue the conversation by talking about the other technologies used in this course. OneGraph being a primary one that allows you to use one GraphQL endpoint for multiple services (e.g. YouTube, GitHub, Twitter, etc.). OneGraph will be used in the course with the GitHub API to subscribe to comment events to build a real-time chat app.

Scale React Development with Nx with Juri Strumpflohner

joel@egghead.io (Taylor Bell) — Fri, 23 Oct 2020 21:39:41 +0000

Taylor talks to Juri about what Nx can do to help you handle your applications as they grow. Nx handles configuration and set up for you so you can focus on building the app you want, even as the project grows larger. Learn how to: - Start an Nx Workspace from the ground up - Create a React Application connected to an Express API in Nx - Explore your project structure through the Nx dependency graph

Composing Closures and Callbacks in JavaScript with John Lindquist

joel@egghead.io (Taylor Bell) — Mon, 19 Oct 2020 13:14:44 +0000

Watch the course now!

Build Maps with React Leaflet with Colby Fayock

joel@egghead.io (Taylor Bell) — Mon, 31 Aug 2020 21:41:08 +0000

React leaflet makes it easy for you to customize a mapping experience to exactly how you and your customers need it. This course will cover: - Using Mapbox to style the map's appearance - Store location data in GeoJSON documents - Customize map markers & tooltips to display metadata - useEffect and useRef React Hooks - Dynamic location-based data - Event handling

Get Started with Gatsby with Khaled Garbaya

joel@egghead.io (Taylor Bell) — Fri, 14 Aug 2020 14:31:18 +0000

Setup Simplest Gatsby Project
Create Static Pages
Create Client Only Routes (Dynamic Pages)
Migrate CRA routes to Gatsby Pages
Using Gatsby Plugins
Different ways of Querying Data within a Gatsby app

Build an App with the AWS Cloud Development Kit with Tomasz Łakomy

joel@egghead.io (Taylor Bell) — Thu, 11 Jun 2020 19:49:07 +0000

This course will tell you what you need to know to build a serverless powered application with React (or you're own framework) on the front end and AWS (services) powering the backend. This course touches on AWS Lambda, APIGateway, DynamoDB, S3, and more!

Advanced SQL for Professional Developers with Tyler Clark

joel@egghead.io (Taylor Bell) — Wed, 13 May 2020 22:01:14 +0000

Advanced SQL for Professional Developers is the sequel to Tylers previous SQL Fundamentals course that was released last year.

This course picks up where the last one left off. This course will take you through complex topics like profiling your queries, pattern matching, casting types, and storing JSON data.

Thinking Reactively in RxJS with Rares Matei

joel@egghead.io (Taylor Bell) — Mon, 30 Mar 2020 14:18:27 +0000

Rares and Taylor talk about what even thinking reactively is and the types of problems a reactive solution is good for. The user is the biggest source of asynchronous action and RxJS gives you a great way to handle all the forms of asynchronous action that users will through at you. Rares learned this approach through working on a large scale trading application that had price and market events coming in every second that needed to be updated in tandem with user events.

A Beginners Guide to React

joel@egghead.io (Taylor Bell) — Tue, 24 Mar 2020 13:59:09 +0000

Kent and Taylor talk about the relaunch of the beginners guide to react and what has changes in the two years that have passed since Kent released the first version. Spoiler: React hooks are the biggest change!

Intro to Rust with Pascal Precht

joel@egghead.io (Taylor Bell) — Fri, 6 Mar 2020 22:07:24 +0000

Rust is an embedded systems programming language that guarantees memory safe code through its compiler and type system.

In this course, you will build your first program in Rust which will introduce you topics like Rust's type system, cargo, user input, functions, and loops.

Web Security Essentials: MITM, CSRF, and XSS with Mike Sherov

joel@egghead.io (Taylor Bell) — Fri, 28 Feb 2020 18:53:40 +0000

Mike learned early in his career about how hackers took down all the sites his agency ran and he felt helpless to those attacks.

The goal of this course is to help you learn about security before you have an experience like Mike did. The essentials of security are covered so you get the feel of security best practices in general. You'll learn principles of strength in depth and least privilege.

Introduction To State Machines And XState With Kyle Shevlin

joel@egghead.io (Taylor Bell) — Tue, 17 Dec 2019 21:08:58 +0000

Check out Kyle's egghead.io course Introduction to State Machines Using XState to dive deeper with state machines!

Develop Accessible Web Apps with React with Erin Doyle

joel@egghead.io (egghead.io) — Tue, 17 Dec 2019 21:06:35 +0000

Check out Erin's egghead.io course Develop Accessible Web Apps with React to learn about making your React apps accessible!

Fix Common Git Mistakes With Chris Achard

joel@egghead.io (Taylor Bell) — Tue, 17 Dec 2019 21:05:08 +0000

To really improve your git skills it is essential that you build up a better mental model, a part of that means understanding all the different states a file could be in. Files can be on your computer, a repo, a staging area, your working directory, server directory, or a local stash.

Chris Achard's egghead.io course Fix Common Git Mistakes will demonstrate many of the common mistakes made with git and shows how to fix them.

Transcript

"Fix Common Git Mistakes With Chris Achard" Transcript

Build Custom CLI Tooling With OClif and TypeScript With Shawn "Swyx" Wang

joel@egghead.io (egghead.io) — Tue, 17 Dec 2019 20:53:24 +0000

Build A Real-Time Video Chat App With Twilio And Gatsby With Jason Lengstorf

joel@egghead.io (egghead.io) — Tue, 17 Dec 2019 20:52:49 +0000

One of the things that is seen a lot in discussions around the JAMstack in general is this idea that you can't do anything dynamic in a static site. Jason Lengstorf disproves that notion in his course Build A Real-Time Video Chat App With Twilio And Gatsby where he'll show you not only how to integrate Twilio but also teach you the skills you need to include any dynamic third-party library into your Gatsby site!

Transcript

"Build A Real-Time Video Chat App With Twilio And Gatsby With Jason Lengstorf" Transcript

Designing GraphQL Schemas With Nik Graf

joel@egghead.io (egghead.io) — Tue, 17 Dec 2019 20:52:39 +0000

You really don't want to build yourself into a corner when making a GraphQL schema, it's a hassle to change and it will hurt you at some point. Creating the schema is an opportunity to bring everyone on the team together. Management, backend, and frontend can come together and figure out what it needs.

To learn how to design your own GraphQL schemas check out Nik's egghead.io course Designing GraphQL Schemas!

Transcript

"Designing GraphQL Schemas With Nik Graf" Transcript

Build An App With React Suspense With Michael Chan

joel@egghead.io (egghead.io) — Tue, 17 Dec 2019 20:52:27 +0000

Suspense, the new experimental API that React gave us, helps you communicate transitions of state in your application in a really nice declarative way and organize your views so that they compose in a certain way.

Michael Chan tries to cover every step that a learner might have to go through when building an app with React Suspense in his egghead.io course Build an App With React Suspense. He will introduce code splitting, suspense boundaries and errors, and more!

Transcript

"Build An App With React Suspense With Michael Chan" Transcript

Journey With Vue-Router With Laurie Barth

joel@egghead.io (Taylor Bell) — Tue, 17 Dec 2019 20:52:13 +0000

"Routing is your best friend, and your should learn about it." Said Laurie after her coworker was trying to pass page IDs through props. Laurie Barth also says that Vue has the best routing library out of any framework that she's seen. React doesn't have a canonical option and Angular has too much friction.

Check out Laurie's egghead.io course A Journey with Vue-Router to learn more about routing with Vue!

Transcript

"Journey With Vue-Router With Laurie Barth" Transcript

Construct Sturdy UIs with XState With Isaac Mann

joel@egghead.io (Taylor Bell) — Tue, 17 Dec 2019 20:51:25 +0000

Isaac Mann was excited about XState as soon as he heard about it from a video by David Khourshid. State machines are an old concept that have been rigorously tested, they also let you see things visually and be intentional about how your state changes.

You're probably already using state machines in your application code without even knowing it! After watching Isaac's course, Construct Sturdy UIs with XState, your homework is to find all those places in your code that are implicit state machines and make them explicit.

Be sure to check out Isaac's egghead.io course Construct Sturdy UIs with XState!

Transcript

"Construct Sturdy UIs with XState With Isaac Mann" Transcript

Advanced JavaScript Fundamentals With Tyler Clark

joel@egghead.io (Taylor Bell) — Tue, 17 Dec 2019 20:51:14 +0000

Tyler Clark explains how learning the fundamentals is important for getting the salary and title you want in interviews and writing solid, understandable code that carries over across frameworks.

Be sure to check out Tyler's egghead.io course Advanced JavaScript Foundations to get those JS skills on lock!

Transcript

"Advanced JavaScript Foundations With Tyler Clark" Transcript

Using React Suspense to Simplify Your Async UI With Kent C. Dodds

joel@egghead.io (Taylor Bell) — Tue, 17 Dec 2019 20:51:06 +0000

Kent C. Dodds explains why Suspense is a big deal. Suspense makes dealing with asynchronicity easier. The main idea is Suspense allows the developer to tell React to stop rendering a particular component because something’s not ready for it to render yet.

Check out Kent C. Dodd's egghead.io course Use Suspense to Simplify Your Async UI to learn more!

Transcript

"Using React Suspense to Simplify Your Async UI With Kent C. Dodds" Transcript

Building Composable Gatsby Themes With Chris Biscardi

joel@egghead.io (Taylor Bell) — Tue, 17 Dec 2019 19:22:50 +0000

Chris Biscardi talks about what makes Gatsby themes worth learning and how he'll be teaching you them in his egghead.io course, Building Composable Gatsby Themes. Chris also talks about his live-streaming and how the experience differs from producing recorded material.

Be sure to check out Chris Biscardi's egghead.io course Composable Gatsby Themes!

Transcript

"Building Composable Gatsby Themes With Chris Biscardi" Transcript