Video & Streams

Videos & Streams

We believe in continuous learning and sharing our learnings with the community. ZEAL writes, streams, and records videos that inspire.

Featured Video

Notion Helper: OAuth Struggles | Learn with me

Trust Between Development Team and Business Leaders

Kevin Craine

Trust Between Development Team and Business Leaders

Be different. Be unoriginal.

Adam Cuppy

Be different. Be unoriginal.

Bridging the Gap

Adam Cuppy

Bridging the Gap

Build a Progress Bar in HTML & CSS

Trever Yarrish

Build a Progress Bar in HTML & CSS

The worst reason to hire a software “consultancy”

Adam Cuppy

The worst reason to hire a software “consultancy”

Polymorphic Namespaced Associations

Kevin Craine

Polymorphic Namespaced Associations

Animating a Hamburger Menu, Myth of Better, and Phoenix and Elixir

Trever Yarrish

Animating a Hamburger Menu, Myth of Better, and Phoenix and Elixir

How to Adapt to an Existing Codebase

Sunjay Armstead

How to Adapt to an Existing Codebase

Principle Focus: Share Our Knowledge and Expertise

Jason Harrison

Principle Focus: Share Our Knowledge and Expertise

When did you last "retro" your retrospective?

Adam Cuppy

When did you last "retro" your retrospective?

Working Remotely with a Full House

Kevin Craine

Working Remotely with a Full House

Design Fundamentals, Debugging Elixir, and Productivity

Trever Yarrish

Design Fundamentals, Debugging Elixir, and Productivity

Notion Helper: OAuth Struggles | Learn with me

Notion Helper: OAuth Struggles | Learn with me

Notion Helper: Let's Start Adding OAuth Login in Elixir Phoenix

Notion Helper: Let's Start Adding OAuth Login in Elixir Phoenix

New Project: Notion Helper built in Elixir Phoenix

New Project: Notion Helper built in Elixir Phoenix

Open Source NPM Package Development - Fixing Missing TS Declarations

Open Source NPM Package Development - Fixing Missing TS Declarations

Elixir Notion API package Development Part 14 - Deploying 1.0.0

Elixir Notion API package Development Part 14 - Deploying 1.0.0

Elixir Notion API package development Part 13 - Documentation and Typespec updates

Elixir Notion API package development Part 13 - Documentation and Typespec updates

Elixir Notion API package development Part 12 - Notion Search, Structs and Typespecs

Elixir Notion API package development Part 12 - Notion Search, Structs and Typespecs

[Elixir] Notion API package development Part 11

[Elixir] Notion API package development Part 11

[Elixir] Notion API package development Part 10

[Elixir] Notion API package development Part 10

[Elixir] Notion API package development Part 9

[Elixir] Notion API package development Part 9

[Elixir] Creating a Notion API package Part 8

[Elixir] Creating a Notion API package Part 8

[Elixir] Creating a Notion API package Part 7

[Elixir] Creating a Notion API package Part 7

[Elixir] Creating a Notion API package Part 6

[Elixir] Creating a Notion API package Part 6

[Elixir] Creating a Notion API package Part 5

[Elixir] Creating a Notion API package Part 5

[Elixir] Creating a Notion API package Part 4

[Elixir] Creating a Notion API package Part 4

[Elixir] Creating a Notion API package Part 3

[Elixir] Creating a Notion API package Part 3

[Elixir] Creating a Notion API package Part 2

[Elixir] Creating a Notion API package Part 2

[Elixir] Creating a Notion API package Part 1

[Elixir] Creating a Notion API package Part 1

Using Phoenix channels to dynamically update the UI

Using Phoenix channels to dynamically update the UI

Building with Tailwind CSS and Functional programming with Elixir

Building with Tailwind CSS and Functional programming with Elixir

[Elixir/Phoenix] Twitch API and testing

[Elixir/Phoenix] Twitch API and testing

[Elixir/Phoenix] OBS & OBS Websockets for captions

[Elixir/Phoenix] OBS & OBS Websockets for captions

Advent of Code with Elixir

Advent of Code with Elixir

Tackling Advent of Code in Elixir

Tackling Advent of Code in Elixir

Advent of Code in Elixir?!?!

Advent of Code in Elixir?!?!

Phoenix Elixir Working on the Login System for Streamlabs Clone

Phoenix Elixir Working on the Login System for Streamlabs Clone

Live Stream: Part 2 of Creating a simple Streamlabs clone in Phoenix/Elixir

Live Stream: Part 2 of Creating a simple Streamlabs clone in Phoenix/Elixir

Live Stream: Creating a simple Streamlabs clone in Elixir + Phoenix

Live Stream: Creating a simple Streamlabs clone in Elixir + Phoenix

Day 5: Testing and Deploying our new Elixir package

Day 5: Testing and Deploying our new Elixir package

Day 4 - Rebuilding a Ruby gem as an Elixir package

Day 4 - Rebuilding a Ruby gem as an Elixir package

Day 2 - Rebuilding a Ruby gem as an Elixir package

Day 2 - Rebuilding a Ruby gem as an Elixir package

Day 1 - Rebuilding a Ruby gem as an Elixir package

Day 1 - Rebuilding a Ruby gem as an Elixir package

Elixir + Phoenix: Working with Pubsub, Live view and Repos

Elixir + Phoenix: Working with Pubsub, Live view and Repos

Twilio Quest! Let's go on a learning adventure.

Twilio Quest! Let's go on a learning adventure.

Effective Code Reviews

Effective Code Reviews

Day 3 - Rebuilding a Ruby gem as an Elixir package

Day 3 - Rebuilding a Ruby gem as an Elixir package

Code Kata: Learning Elixir By Doing

Code Kata: Learning Elixir By Doing

Learning Deno Runtime with Nate!

Learning Deno Runtime with Nate!

[Tech Talks] Bridging the Gap - Helping new programmers learn and grow

[Tech Talks] Bridging the Gap - Helping new programmers learn and grow

[Elixir, Phoenix] Back to basics, lets trying doing the Phoenix Guides

[Elixir, Phoenix] Back to basics, lets trying doing the Phoenix Guides

Elixir + Phoenix, Learning to make cool website stuff

Elixir + Phoenix, Learning to make cool website stuff

Learning about Elixir + Phoenix programming from Zan and Matti today!

Learning about Elixir + Phoenix programming from Zan and Matti today!

Learning Elixir! Come join me, Zan, and Matti to learn something brand new!

Input Animation with HTML, CSS, and JavaScript

Input Animation with HTML, CSS, and JavaScript

In this video, we'll create an input animation with HTML, CSS, and JavaScript, to hide and show a password.

Building a Sliding CSS Menu without JavaScript

Building a Sliding CSS Menu without JavaScript

In this video, we'll build a mobile menu that slides in and out when you click on the hamburger — without JavaScript.

Code Coverage

Code Coverage

In this video, I'll give a brief overview of code coverage: (1) how to set it up, (2) what it does and (3) doesn't tell you.

Testing React Components

Testing React Components

In this video, I'll show you how to write tests for a React component using Jest and the React Testing Library.

JavaScript Unit Testing

JavaScript Unit Testing

In this video, we're going to write unit tests for our React utility function.

JavaScript Testing Setup

JavaScript Testing Setup

In this video, we're going to do all the setup for writing tests on our JavaScript project.

Intro to JavaScript Testing

Intro to JavaScript Testing

In this video, I'll provide a brief introduction to testing.

Building a React Tabbed Component from Scratch

Building a React Tabbed Component from Scratch

In this video, we'll build a React tabbed component from scratch.

Styling a Text Input (the fancy way)

Styling a Text Input (the fancy way)

In this video, I explain how to style a text field where the label floats over the field and animates out of the way.

Creating and Animating an SVG Mask

Creating and Animating an SVG Mask

In this video, I'll show you how to code it out as an SVG mask. Then, for added flair, we'll animate it.

Creating a CSS Rollover Effect

Creating a CSS Rollover Effect

In this video, I'll show you how to do this in CSS and the thought process that went into finding the best method.

git for Beginners: Using SSH Keys with GitHub (Part 12)

git for Beginners: Using SSH Keys with GitHub (Part 12)

In this video, I show you how to generate an SSH Key and add it to GitHub.

git for Beginners (Part 11): Oh My Zsh! Tutorial - git Customizations and Shortcuts

git for Beginners (Part 11): Oh My Zsh! Tutorial - git Customizations and Shortcuts

In this video, I'll show you how to customize your Terminal and use git shortcuts with Oh My Zsh.

git for Beginners: Gitmoji, my favorite git Trick

git for Beginners: Gitmoji, my favorite git Trick

In this video, I talk about one of my favorite tips and tricks for when you're working with git.

Explaining What a Version Control System is

Explaining What a Version Control System is

Discussion: Remote Working, challenges, techniques, and all the rest

Discussion: Remote Working, challenges, techniques, and all the rest

Debugging 101: Intro. to Debugging on JavaScript and in Ruby on Rails PART 2 - The debuggers revenge

Debugging 101: Intro. to Debugging on JavaScript and in Ruby on Rails PART 2 - The debuggers revenge

Intro to Debugging on JavaScript and in Ruby on Rails. Come with questions Part 1

Intro to Debugging on JavaScript and in Ruby on Rails. Come with questions Part 1

Learning about Web Accessibility!!!

Learning about Web Accessibility!!!

Intern Retro: One month internship, what was learned? What lingering questions might you have?

Intern Retro: One month internship, what was learned? What lingering questions might you have?

CODING BOOT CAMPS - Career tips & Info from someone that has done Hack Reactor and looking to switch careers - Zan Rosenthal

CODING BOOT CAMPS - Career tips & Info from someone that has done Hack Reactor and looking to switch careers - Zan Rosenthal

Boot Camp Schools!! Conversation with Jesus Ortega that is currently going through one.

Boot Camp Schools!! Conversation with Jesus Ortega that is currently going through one.

Boot Camp Schools!! Conversation with someone that is currently going through one.

Boot Camp Schools!! Conversation with someone that is currently going through one.

Talking Github Actions with guest Benjamin Lannon

Talking Github Actions with guest Benjamin Lannon

What is Lerna?

What is Lerna?

git for Beginners: gitignore tutorial

git for Beginners: gitignore tutorial

In this video, I explain what a .gitignore file is, where it belongs, and common files and directories you'll want to include.

git for Beginners: What is Tracking?

git for Beginners: What is Tracking?

In this video, I'll explain what that term is and why it matters.

Git for Beginners: Best Practices for Teams

Git for Beginners: Best Practices for Teams

In this video, I highlight some of the processes and best practices we use every day.

Git for Beginners: Writing and Approving Pull Requests in GitHub

Git for Beginners: Writing and Approving Pull Requests in GitHub

In this video, we're going to look at how to write a *good* pull request, submit it, and approve it.

Git for Beginners: How to Resolve Merge Conflicts

Git for Beginners: How to Resolve Merge Conflicts

In this video, we'll talk through how to resolve a merge conflict.

Git for Beginners: Branching

Git for Beginners: Branching

In this video, I'll show you how to create a branch and merge new code into master, once you're finished.

Git for Beginners: Fixing Bad Commits

Git for Beginners: Fixing Bad Commits

In this video, we're going to talk through how to correct a bad commit.

Git for Beginners: How to use git in the Terminal and in a Graphical User Interface, like Tower

Git for Beginners: How to use git in the Terminal and in a Graphical User Interface, like Tower

In this video, we're going to walk through how to use git in the Terminal and in Tower and what it looks like to use it on an actual project.

Git for Beginners: What is git? Why use it? How to install it.

Git for Beginners: What is git? Why use it? How to install it.

This video addresses, what is git and GitHub and step-by-step, how do you install it on a Mac?

Building the Ultimate React Icon Component

In this video, we build the ultimate React Icon component from scratch -- walking through exporting icons from Figma, writing the CSS, and structuring the logic within the React component.

Building a React Toggle Tag Component from Scratch

Building a React Toggle Tag Component from Scratch

In this video, we build a Toggle Tag component in React from scratch.

Coding a Progress Bar in only HTML and CSS

Coding a Progress Bar in only HTML and CSS

In this video, we'll code a Progress Bar in only HTML and CSS. No images, just good, clean, semantic code.

Building a CSS Toggle

Building a CSS Toggle

Create an accessible, HTML and CSS toggle switch from scratch.

Fancy Ordered Lists

Fancy Ordered Lists

This is a CSS trick that allows you to customize the way numbers and content are displayed within an HTML ordered (numbered) list.

Trever Yarrish

ZEAL Wins & What's Next

Lisa Panke

How to conduct a UI Audit

Eleanor Whitney

Moving From Frontend to Full Stack Puts Your Career on the Fast Track

Natalia Diaz

MySQL, PostgreSQL, and SQLite: Why choose one over the other?

Eddie Gomez

How to Playwright

Eddie Gomez

How to Playwright II

Kevin Craine

Exploring Full-Stack Javascript, From a Diehard Ruby on Rails Fan

Natalia Diaz

How to use Redwood with Prisma

Lisa Panke

Remote Meetings - with or without video?

Eleanor Whitney

Why RedwoodJS is the Most Exciting Framework You Can Learn Right Now

Lisa Panke

How to conduct Usability Tests and Why we do it

Lisa Panke

What does Agile mean for a Designer?

Nick Fuller

Using UUID Primary Keys with RedwoodJS, Prisma, and PostgreSQL

Erik Guzman

Deploying RedwoodJS Server to Azure Web App Service

Erik Guzman

Deploying RedwoodJS Web to Azure Static Web app

Eleanor Whitney

Want to learn full stack development? Here’s why RedwoodJS is your best option

Sunjay Armstead

How to Create Wireframes and Prototypes

Sunjay Armstead

How to Write Great User Stories

Sunjay Armstead

How to Create UI Flows

Kevin Craine

Developing, More Than Writing Code: Part 6

Sunjay Armstead

How to Create an Application Map

Sunjay Armstead

How to Adapt to an Existing Codebase

Lisa Panke

How to synthesize research with Affinity Mapping

Lisa Panke

How to understand users with User Research?

Sunjay Armstead

Putting Together the Design Puzzle

Kevin Craine

Developing, More Than Writing Code: Part 5

Lisa Panke

The UX of Your Portfolio

Kevin Craine

Developing, More Than Writing Code: Part 4

Kevin Craine

Emoji's for PR Comments

Jason Harrison

ZEAL Summit Goes Immersive

Adam Cuppy

Marcus Blankenship on Tech Leads

Matti Salokangas

Banging Your Head Against a Wall: Environment Variables

Adam Cuppy

Agile Project Playbooks (Part 1)

Adam Cuppy

ZEAL Invests 1% into Bridging the Gap

Jason Harrison

ZEAL Engineering Principle: There are roles, not departments

Jason Harrison

ZEAL Engineering Principle: Question architectural decisions before we have an end-to-end view of the product

Jason Harrison

ZEAL Engineering Principle: Explore complexity, early and often

Jason Harrison

ZEAL Engineering Principle: Continually Ask - Is there an easier way?

Jason Harrison

ZEAL Engineering Principle: Believe the client when they say it’s hard.

Adam Cuppy

Your Agile process may kill you.

Adam Cuppy

"You are an Ironman!"

Kevin Craine

Working Remotely with a Full House

Trever Yarrish

Why our Industry needs a Software Residency Program

Adam Cuppy

Who owns technical debt?

Adam Cuppy

When did you last "retro" your retrospective?

Adam Cuppy

What makes a consultancy worth the money?

Adam Cuppy

Welcome

Aaron Spjut

useRef and useMemo

Kevin Craine

Tuple, the New Hero of Pair Programming?

Kevin Craine

Trust Between Development Team and Business Leaders

Adam Cuppy

The worst reason to hire a software “consultancy”

Adam Cuppy

The myth of "better"

Erik Guzman

The Importance of the .dockerignore File

Adam Cuppy

The Four Rs of Service

Adam Cuppy

Switching audio devices for virtual meetings sucks!

Adam Cuppy

Still 140+ Miles to Go.

Kevin Craine

Software Consulting, Creating Solutions Together

Adam Cuppy

Shhh... It's proprietary.

Luke Barbuto

Refactoring with Super in Rails

Kevin Craine

Polymorphic Namespaced Associations

Jason Harrison

Principle Focus: Share Our Knowledge and Expertise

Adam Cuppy

Our 1% Difference

Adam Cuppy

One Lung Down & 140+ Miles to Go!

Adam Cuppy

No-code will never be programmer-free

Kevin Craine

Navigating the Prickly Brown Field Application

Adam Cuppy

"I'm unavailable"

Matti Salokangas

Mixing Up Stand-Up

Adam Cuppy

Margin of error

Kevin Craine

Keep It Simple, Silly Software Engineers

Adam Cuppy

It's not about you.

Stacey Kellenbeck

Interview with Hyosun Michael "Mike" Ko

Zan Rosenthal

Internal Engineering Manager

Kevin Craine

Ideas are Inexpensive, Development is Not

Adam Cuppy

How ZEAL Does a Company Stand-Up

Trever Yarrish

How to be the best place to work for work-life integration

Conroy Whitney

Honeycode - Amazon's Answer to Enterprise No-Code

Kevin Craine

Getting to the Why

Kevin Craine

Fortune and Glory

Chris White

Fixing Slow Postgres Performance After heroku pg:upgrade

Matti Salokangas

Faster React: Pure Components

Kevin Craine

FactoryBot with an External API Data Source

Chris White

Enumerable#index _by For Better Hash Building In Rails

Adam Cuppy

"Do you ever get stage fright?"

Kevin Craine

Developing, More Than Writing Code: Part 3

Kevin Craine

Developing, More Than Writing Code: Part 2

Kevin Craine

Developing, More Than Writing Code: Part 1

Nate Clark

Developer Dark Arts: React Class Components

Nate Clark

Developer Dark Arts: Ralpha-sorting

Nate Clark

Developer Dark Arts: Magic Strings

Nate Clark

Developer Dark Arts: Default Exports

Nate Clark

Debug as Code

Kevin Craine

Communicating Technical Solutions

Trever Yarrish

Coming to Code

Adam Cuppy

Code Deletion as a Service

Trever Yarrish

Code Coverage, Kubernetes, Emojis, and Tailwind

Matti Salokangas

Cleaner React: Suspense

Matti Salokangas

Cleaner React: Refactoring Hooks

Matti Salokangas

Cleaner React: Conditional Rendering

Nate Clark

Cave Drawings: Emojis and Commit Messages

Adam Cuppy

Buy a Plant to Reduce Stress (and Clean the Air)

All Videos 📼

Notion Helper: OAuth Struggles | Learn with me

Notion Helper: Let's Start Adding OAuth Login in Elixir Phoenix

New Project: Notion Helper built in Elixir Phoenix

Open Source NPM Package Development - Fixing Missing TS Declarations

Elixir Notion API package Development Part 14 - Deploying 1.0.0

Elixir Notion API package development Part 13 - Documentation and Typespec updates

Elixir Notion API package development Part 12 - Notion Search, Structs and Typespecs

[Elixir] Notion API package development Part 11

[Elixir] Notion API package development Part 10

[Elixir] Notion API package development Part 9