Clickable Cards with Sub Links
In this video, you’ll learn how to implement a nested link card design without violating any web standards, using pseudo elements and positioning.
Embedding a Responsive Hero Video on a Homepage
In this video, you'll add a responsive hero video to a rails blog project, but this code can be used for any kind of web project. We’ll also take a look at the embed code for YouTube and Vimeo, in order to g...
Prompting for Unsaved Changes in a Form
In this video, you’ll learn how to stop your users from losing their inputed data by triggering an alert if your users attempt to navigate away from their unsaved form.
Keyboard Navigation and VoiceOver
In this screencast, you'll get your feet wet in accessibility and learn how to move around a website using only your keyboard with VoiceOver enabled.
Testing in Node #7 - Testing with a Database (Part 2)
Creating database entities for tests quickly becomes unmanageable as data models become more complex. Factory Girl allows us to quickly create records in our database that easily grow with our application.
Testing in Node #6 - Testing with a Database (Part 1)
Testing code creates more reliable and maintainable applications. Testing a complex app with multiple dependencies can be, well, complex. A common dependency that needs to be managed in a test environment is...
Testing in Node #5 - Integration Testing (Part 2)
Integration tests describe a server’s overall behavior and capabilities. These tests can quickly expose failing systems, help developers isolate bugs and make server-sized refactors safer.
Testing in Node #4 - Integration Testing (Part 1)
Integration tests describe a server’s overall behavior and capabilities. These tests can quickly expose failing systems, help developers isolate bugs and make server-sized refactors safer. In this screencast...
Testing in Node #3 - Coverage
Testing code creates more reliable and maintainable applications. When adding tests to an existing codebase, test coverage reports can help expose which parts of the app are untested. When creating a new tes...
Testing in Node #2 - Stubs and Spies
Testing code creates more reliable and maintainable applications. It’s not always a straightforward process, though. Stubs and spies give us more control of what we can test and how our code behaves when we ...
Testing in Node #1 - Basics
The options available to the Node developer setting up testing for the first time can be overwhelming. There are several tools to choose from, and they can be configured in multiple ways.
Minimizing Bundle Size in React
React breaks up our UI into separate, reusable components which makes organizing code much easier. However, if one of those components breaks, it crashes the rest of your UI. In this screencast, we'll show y...
Rails APIs #7 - Testing Web Services
In a previous screencasts, we built out a simple but full-featured web service. We have several tables of related data, validation, default values, and authorization. This is great, but it’s also starting to...
Rails APIs #6 - Authorization Rules
In a previous video we set up authentication for our Rails API, so that only logged in users can make changes. But sometimes more sophisticated rules are needed. In this screencast, we'll learn how to succes...
Rails APIs #5 - Associations and Nested Routes
In this screencast, we’ll use the Doorkeeper gem makes it easy to add authentication to Rails APIs using the OAuth 2 standard.
Rails APIs #4 - Custom Actions
In this screencast, we’ll follow up on our previous videos in this series and show you how to rewrite custom controller actions in Rails.
Rails APIs #3 - Authentication
In a previous screencast we set up a simple Rails web service for todos and deployed it to production. But right now there's no authorization on it, which means anyone can come along and modify our data. In ...
Rails APIs #2 - Deploying
Whether you are building a prototype or a business critical product, Heroku makes it easy to deploy and scale web applications. If you’ve never run a production web application before this might sound intimi...
Rails APIs #1 - Getting Past the CRUD
In this screencast, we'll show you how to create a web service for tracking todos and we'll continue to build on this application throughout the rest of the series.
Simplifying Vuex Using Cached Getters
In this screencast, we’re going to look at how to use the caching functionality of Vuex’s getters to simplify your data store code. We'll show you how to replace fragile imperative code with robust declarati...
Creating a HTML5 Erasing Tool
Creating a Chrome Browser Extension
Chrome Browser Extensions are a quick and easy ways to enhance and extend browser functionality using everyday web languages. This screencast walks through the basics of loading a custom or hand-made extensi...
Extracting a React Component
Sometimes we don’t realize we should make a custom child component until it’s too late. In this screencast, we'll teach you how to extract a React component from an app.
HTML5 Drag and Drop
Improve user experiences on your web site by adding drag and drop functionality without any external libraries or frameworks. The Drag and Drop API is part of the core HTML5 spec and allows developers to mak...
Load Screens in React
Load screens provide a visual indicator to users that data is being fetched and a useful reminder that the app isn’t frozen. They also can prevent unwanted user interaction with your site. This screencast wa...
Solving React Navigation State Problems with MobX
In this screencast, we’re going to look at some challenges you can run into passing props with React Navigation. We’ll use MobX to get our app working and make our state management even simpler in the process.
Optimizing Caching in React
In this screencast, we’ll look at how to speed up you React app by allowing browsers to cache your code as long as possible. By the end of the video you’ll be able to configure Webpack to minimize how often ...
Lazy Loading Code in React
In this screencast, we're going to look at how to speed up your React app by lazily loading code. By the end of this video, you’ll be able to configure Webpack to let you defer loading code until it’s needed...
Testing Vue Components
Introducing Integrity #3 - Uniqueness
We're continuing our look at adding integrity to an already existing database backed web application. In this screencast we will be adding a uniqueness constraint. This is one of the more difficult constrai...
Introducing Integrity #2 - Foreign Key
In this screencast, we'll talk about referential integrity and provide some strategies for adding it to existing references in your application. Ensure no record is left behind!
Introducing Integrity #1 - Null
In this screencast, we’ll talk about null values, which can tend to sneak into any large application that has been around for some time. We’ll go over our philosophy on data integrity and our thoughts on nul...
Throttling Ajax Requests
We can control the frequency with which certain functions can be invoked using a higher-order function to throttle functions just like a car’s throttle controls how much gas is delivered to the engine. This ...