Category: Instructional video

Watch: A Lesson on React Props, Defaults and Modules

React and ES6 seems to be on everyone’s mind lately. Today I want to show you the ins and outs of React Props written with ES6. In this video tutorial you’ll be learning about properties, defaults, and modules. Why? It will help you understand the basics about the property types your components can receive....

Watch: Fetch Remote Data Using Guzzle

Fetching data from a remote server has become a very common task these days. Unless you are very new to web programming, you must have, at some point, written code to fetch something from a remote server, be it JSON, XML, text or even an image. Most PHP developers are used to using cURL to perform such tasks. However, ...

Watch: PHP Dependencies Made Easy with Composer

Ever see that commercial where the couple is sitting down to enjoy an on-demand movie and they’re suddenly inundated in a sea of movie boxes? If you’re a PHP developer, chances are you’ve had that same feeling (minus the videos bopping your noggin) as you try to work with the wide variety of code lib...

Watch: Prevent Brute Force Attacks on a Login Page

Learn how to protect your PHP applications from Brute Force Attacks. I’ll show you how in this screencast. Loading the player… jwplayer("video-5805").setup({ image: "https://d3rj1gznkm47xj.cloudfront.net/83293a1a-0736-4f29-a1af-99373d299ce0.png", sources: [ { file: "https://d3rj1gz...

Watch: Using Webpack to Transform JSX

JavaScript processing can be cumbersome and confusing. One of the major objections people have with React is JSX’ need to be pre-processed and packaged up for the browser. Fear not! The Webpack module builder and Babel.js were created for exactly this purpose. In this screencast we’ll setup a simple Webpac...

Watch: Performance with requestAnimationFrame

Animation in JavaScript can be difficult to create, and even harder to optimize for performance. Learn how to get better at both with requestAnimationFrame! The screencast demonstration can be found in Codepen. You can find the mentioned link from the screencast here: http://html5hub.com/request-animation-frame-for-bet...

Watch: Compiling Sass using grunt-contrib-watch

Learn how to use grunt’s sass, watch, and connect plug-ins to create a build system that opens a browser, and updates any change in html, or Sass code live in the browser. Loading the player… jwplayer("video-5760").setup({ image: "https://d3rj1gznkm47xj.cloudfront.net/9f3f6ff0-58e0-4cc7-9803-a6126bba84a...

Watch: Getting Started with Grunt

Getting started with GruntJS aims to help simplify some of the concepts that people sometimes have trouble comprehending. Throughout this screencast, I will provide an in depth explanation on the core components of Grunt and take you through the process of configuring a gruntfile from start to completion so that you ca...

Watch: Using className to Add Style

Today is the epic conclusion of our Building a Stopwatch mini-series. We’ll use className to add nice clean styles to our component. As a bonus, we’ll remove duplication by creating a new Button component and using a special JSX feature called Spread Attributes. Enough jabber, let’s get styling! This ...

Watch: Conditional Rendering in React

Today we’ll build upon last week’s Stopwatch component with conditional rendering. We’ll conditionally show the “start” and “stop” buttons based on the state of our component. Additionally, we’ll add a “reset” button so we can reset the timer. This is part 2 o...