Screencasts for Professional Developers - iOS, Android and more

All Screencasts

20 Screencasts

Rails APIs (Part 1) - Getting Past the CRUD

8 minutes

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.

WorkManager

5 minutes

In this screencast, we’ll cover a new background work library introduced at Google I/O 2018 - WorkManager. This release will have a huge impact on most Android apps. Background work has always been painful in Android. There are many different ways to schedule a background work and of course they are different

Navigation

8 minutes

The Navigation Architecture Component was introduced at Google I/O 2018. This new library aims to simplify navigation from one screen to another. In this screencast, we’ll see how to apply the navigation component to an existing app and review the major pieces and parts.

Keyboard Avoidance

9 minutes

Trouble getting layouts to fit the keyboard? In this screencast, we'll show you how to handle your layouts changing due to the keyboard. After this series, you will have several different tools for avoiding the keyboard.

The Interaction Design of a Horizontal Scroll with Snap

7 minutes

When designing for content, there are times when you’ll need to design the layout of content to scroll vertically and horizontally in your mobile app. It’s common to see this in content-rich applications that have both images and text. In particular, there may be featured content which spans the almost the full width of the screen, but when the user swipes through it, you want the content to snap into place

Simplifying Vuex Using Cached Getters

6 minutes

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 declarative code—and identify the tradeoffs of doing so.

Room Architecture

6 minutes

While Android SDK provides the APIs for using SQLite databases, they force developers to write a lot of boilerplate code. Room solves this problem by creating the glue code that saves objects to SQLite and reads them into memory. In addition, it performs some compile-time checks to ensure correctness of SQL queries.

Creating a HTML5 Erasing Tool

3 minutes

As a native HTML5 element, canvas is a powerful tool to create engaging, unique web pages. Using just HTML, CSS, and Javascript, we explore a lesser-known property in this screencast called globalCompositeOperation, which allows us to composite new content atop existing content on a Canvas element among many other interesting effects. In this screencast we'll use this property to create a layer-sensitive eraser tool in a drawing app.

Time Based Overlays

7 minutes

In a video player application, it is common to perform certain tasks when the user reaches various points throughout the video playback. This can be used for analytics, storing the users progress, or for adding overlay views on top of the video. In this screencast, we will examine the AVFoundation API that allows you to create and observe points of time in the video playback and update overlay views accordingly.

Creating a Chrome Browser Extension

6 minutes

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 extension onto the browser. We'll also create our own distraction-preventing extension that reroutes us back to The Frontier whenever we try to visit Twitter.

Android NFC: Android Application Records

3 minutes

In the final screen cast of the series we’ll return to the Android chooser behavior which asks the user which application they wish to use to handle a newly discovered tag. We’ll then look at how we can add an Android Application Record to our NdefMessage which will effectively specify that our app will handle the tag and bypass the chooser. While it is very light on code, the concepts do require a little explanation to make the code changes understandable.

Creating a Library with the Material Design Plugin

6 minutes

The Material Design plugin is designed to make creating and managing a design system for Android easy. In this screencast, we’ll show you how to get your Sketch documents set up to use the official Material Design Plugin.

Asynchronous UI testing

7 minutes

Xcode UI tests are asynchronous in that they simulate end user interaction with your application. In this screencast, learn how to write tests that exercise your app at the user interface level, handling asynchronous behaviors that take varying amounts of time.

Android NFC: Write an NdefTag

6 minutes

In this screen cast we’ll further build upon the app from the last cast where we got foreground dispatch working to handle tag discovery events within a resumed Activity. We’ll look at how we can construct an NdefRecord, and an NdefMessage and write this to a tag. We’ll also look at the difference in writing to an Ndef tag and an un-formatted NdefFormatable tag.

Creating an App Widget

10 minutes

Mobile devices are all about convenience. Users want to get the information they need from your app quickly and easily. Apple has added the Today view with widgets for just this reason. Widgets provide app users with a way of quickly accessing important features and content of your apps without having to open each app one by one. In this screencast, we'll go over how to create a widget for your app.

Android NFC: Foreground Dispatch

5 minutes

In the third screencast of the Android NFC series, we’ll continue to build on the app we’ve been working on in the series so far. Now we’ll begin preparations to write to a tag by creating a new Activity which will use foreground dispatch to get notifications of any tags which are detected while it is in resumed state.

Versioning and Commenting in Zeplin

4 minutes

Zeplin bridges the communication gap between developers and designers. We use commenting and versioning to communicate and get feedback about projects. After all, collaboration is the key to a successful project. We'll show you how we use it and the shortcuts and best practices we can't live without.

Extracting a React Component

8 minutes

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.

Android NFC: Read Payload Data from a Tag

5 minutes

In the second screencast of this series, we’ll build upon the app we started in the first screencast and demonstrate how we can retrieve the payload of the tag within the Activity which was launched when the device detected a matching tag. Along the way we’ll explore some of the internals of how NFC tags are structured.

HTML5 Drag and Drop

8 minutes

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 make their sites more interactive and natural. In this screencast, we'll help you build an HTML5 Drag and Drop tool.