About Derek Banas

Once a day I post a link to an original video & tutorial on communication, web development, dieting, marketing, hypnosis, etc. For Free!

I used to work for Apple and Morgan Stanley. My ultimate goal is to help unemployed people easily add to their skill set so they can get a job for free.

Find more about me on:

Here are my most recent posts

Illustrator CC Tutorials

This is part 1 of my Adobe Illustrator CC Tutorials. I decided to mix these into my regular videos to have some fun. In this 1st video I’ll show you how to make a precise recycling logo while teaching a ton of tricks. I cover basics like creating documents, switching between units, centering art, using...

JavaScript Paint App Finished

In this part I finish my JavaScript Paint App. In this part I finish my JavaScript Paint App. It can draw brush strokes, lines, rectangles, circles, ellipses, and polygons. The app also saves and loads new images. When I cover other libraries and frameworks in the future like Node I will add additional...

JavaScript Paint App 2

In this part of my JavaScript Paint App tutorial I make the toolbar work, show how to get canvas mouse positions, save / redraw the canvas, create the rubber band system, find angles, convert to radians / degrees, save / import images and set up event handling. In the next video I’ll finish the whole...

JavaScript Paint App JavaScript Canvas API

In this tutorial I start creating a JavaScript Paint Application while exploring all that is possible with the JavaScript Canvas API. We’ll create a paint app that allows for Opening, Saving and the use of Brushes, Lines, Rectangles, Circles, Ellipses and Polygons. Each tool will work with the rubber...

JavaScript Canvas Trigonometry Tutorial

In this tutorial I teach a Ton about Canvas and All of the Trigonometry you need to make games and graphics programs while making a real project. I walk you step-by-step through the design of the app. If you want to get good at designing real applications then this tutorial is for you. All of the code...

Learn JavaScript 5 Dynamic Image Manipulation

In this tutorial I’ll show you how to easily allow for dynamic image manipulation by converting any image into an SVG file that then can be manipulated using JavaScript and CSS. I’ll do this by creating a real project that will show presidental election results on a map that changes with a click...

Learn JavaScript 4 Dynamic HTML

In this tutorial I cover how to generate HTML tables dynamically based on user input using just JavaScript. Along the way I also cover Array.from, Rest Parameters, Generating Custom Ranges, Arrow Operators, For In, Map, and Numerous ways to Manipulate HTML elements. This video was made based off of recent...

Learn JavaScript 3 JSON & Canvas

I continue teaching JavaScript and JavaScript related libraries and frameworks. This time I’ll show how to pull user provided JSON data from a page and then create a randomly generated pie chart using Canvas. Along the way we’ll learn how to randomly generate color hex codes, parse JSON data,...

Learn JavaScript 2 JavaScript Calculator

In this video I continue teaching JavaScript and related JavaScript libraries and frameworks while making a JavaScript Calculator in 1 video. I design everything using BootStrap which can be found here. We’ll cover the logic of the calculator using a simple diagram. Then we’ll make a working...

Learn JavaScript with Real Projects

I get asked to make a JavaScript tutorial with real projects so here it is. We’ll make real apps of increasing complexity using JavaScript. While doing so I’ll also teach Bootstrap, Node, Express, MongoDB, JQuery, React, Vue, HTML Canvas and much more! It is one thing to see a long list of...

« Older Entries Next Entries »

Google+