Archive for the ‘Instructional video’ Category

Watch: A Lesson on React Props, Defaults and Modules

Posted on: No Comments
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 basi...

Watch: Fetch Remote Data Using Guzzle

Posted on: No Comments
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 PH...

Watch: PHP Dependencies Made Easy with Composer

Posted on: No Comments
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...

Watch: Prevent Brute Force Attacks on a Login Page

Posted on: No Comments
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.p...

Watch: Using Webpack to Transform JSX

Posted on: No Comments
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 ...

Watch: Performance with requestAnimationFrame

Posted on: No Comments
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 ...

Watch: Compiling Sass using grunt-contrib-watch

Posted on: No Comments
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://d...

Watch: Getting Started with Grunt

Posted on: No Comments
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 proces...

Watch: Using className to Add Style

Posted on: No Comments
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 A...

Watch: Conditional Rendering in React

Posted on: No Comments
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 ...