Build Podcast

Screencasts on tech tools
Build Podcast


Build Podcast is a show about technology tools for design and development. Each episode, Sayanee will be creating a screencast that will take you through step-by-step in using one tool to build a little project, all in the fun spirit of hacking, creating and building stuff!



067 Swift

Apr 9, 2016


Swift is a new programming language developed by Apple. In this episode, we will go through some of the basic language attributes such as var, let, control flow, optionals, closures and class.

066 ES2015

Mar 6, 2016


ES2015 is the next version of standardised JavaScript. In this episode, we will use Babel JS as the transpiler to code in ES2015. We will go through some features like const, let, map, set, array and string functions as well as promises. Refer to the book Exploring ES6 for an in-depth overview.

065 Atom

Jan 10, 2016


Atom is a hackable text editor. In this episode, we will go through the various settings, packages, themes and also create a super simple package.

064 Redis

Dec 27, 2015


in-memory data structure store

063 Socket IO

Dec 14, 2014


Socket IO is a framework based on Web Sockets that enables real-time communication with duplex connection over TCP. In this episode, we will play with the technology Web Socket and learn how to emit and receive events from a server or client. Finally, we will explore Socket IO as a framework to detect emit, send, disconnect and broadcast events to multiple clients and server.

062 Mocha

Oct 25, 2014


Mocha is a JavaScript testing library for node and browser. In this episode we will learn how to use mocha with the assertion library chai and use it with hooks, asynchronous test, various reporters and options. Finally we will also learn how to do a stub, calculate test coverage and open up a standalone browser for testing!

061 Docker

Aug 22, 2014


Docker is a platform for distributed apps. We will learn how to create isolated environment for apps based on docker. We will create 2 simple apps with nginx and nodejs with various docker commands and see how we can replicate that exact environment.

060 Gulp

Jul 27, 2014


Gulp is a streaming build system. In this episode we will go through the basics of installing gulp with a few tasks as well as watching the tasks while we develop.

059 Git Flow

Jun 14, 2014


Git Flow is a git branch model. In this episode, we will create a git repository and then add the git flow branching model to it. We will also explore how to start a feature, hotfix of a release with the command line or SourceTree App. Finally, we will find out how to display the git commits in a graph.

058 RSpec

Apr 19, 2014


RSpec is a testing tool for ruby programming language. In this episode, we will explore some common features of testing ushc as matchers, hooks, factories for initialising data and stubs.

057 Ghost

Jan 31, 2014


Ghost is a NodeJS based blogging platform. In this episode, we will explore how to run Ghost on and our local machine, create the simplest theme possible to understand the structure of the blog, and finally host it ourself on AWS EC2.

056 AngularJS

Dec 29, 2013


AngularJS is a frontend JavaScript framework. In this episode we will build a tiny project to learn on how to implement controllers, hide or show certain sections of the dom, change styling conditionally all in the fun of building single-page-applications.

055 Ubuntu

Nov 16, 2013


Ubuntu is a user-friendly linux distribution. In this episode, we will explore some very common Linux commands for file or text manipulation, networking, file compression in terminal, so that next time we come across a unix-like or linux-like operating system with no GUI, we will be able to get around it.

054 D3JS

Oct 25, 2013


D3JS or data-driven documents is a powerful library to visualize data. In this episode we will learn how to display data using html and css, svg as well as external data in file formats such as json or csv. We will end off by plotting some charts to explore transition, scaling and axis with a tiny project on the growth of world population!

053 Command line apps

Oct 19, 2013


Command line apps provide automation, one time batch processing or even execute an app in the command line. In this episode we will see how we can create such apps in cli using a programming language of our choice such as NodeJS and Ruby. We will then move on to create a full-fledged apps using Commander (with NodeJS) and Thor (with Ruby) to create a skeleton for a started web project.

052 Tmux

Oct 4, 2013


Tmux is a terminal multiplexer. We will explore how to create new sessions, windows and panes alone with various key bindings and configurations. Finally, we will also learn how to use Tmuxinator to create custom configurations for various projects.

051 SVG

Sep 27, 2013


SVG or Scalable Vector Graphics is a language for describing two-dimensional graphics in XML. In this episode, we will explore various ways to draw different shapes, filters and gradients with SVG ending off with a little addition of interactivity by manipulating the SVG with JavaScript.

050 DOM

Sep 6, 2013


DOM or Document Object Model is a cross-platform and language-independent convention for representing and interacting with objects found in HTML. In this episode, we will explore traversing the DOM tree, adding/removing attributes/elements/style and also what is document fragments.

049 CloudFlare

Aug 30, 2013


CloudFlare makes our websites secure and load faster. We can get started with it with just some simple DNS settings to host our pages from github, aws ec2 or even our own computer. In this episode, with CloudFlare's free plan we will explore DNS records, CDN, apps and more!

048 PhantomJS

Jul 21, 2013


PhantomJS is a headless Webkit. We can make use of it to do some website testing, screen capture, page automating and network monitoring. We will explore all these features of PhantomJS in this episode.

047 Styleguide

Jul 13, 2013


Automatic living styleguide helps to create styleguides from documentation in our CSS styles. We will explore 2 tools KSS-Node and StyleDocco with CSS and CSS pre-processor, SASS along with its plugin in GruntJS build tool.

046 Regex

Jul 6, 2013


Regular expressions or regex is a symbolic language to describe a pattern of characters so that we can match it with a required set. We can use regex pattern amtching across various programming languages to detect and match patterns as required.

045 Bower

Jun 1, 2013


Bower is a client-side package manager. We will explore how to install, uninstall, define dependencies as well as integrate the modules with RequireJS.

044 Node

May 26, 2013


NodeJS is a V8 engine based event-driven I/O platform to build applications. In this episode we will explore the concepts of asynchronous, non-blocking programs along with how to schedule or delay the execution of a function with event loops and child processes. Lastly, we will end off with a simple TCP chat server.

043 SQL

May 18, 2013


SQL is a structured query language for databases. In this episode we will create a simple database on our Solar System planets and their moons. We will explore both a GUI Sequel Pro for viewing SQL as well as SQLfiddle, a web based version to run SQL statements. Then we will display the data create using php and sinatra (ruby).

042 BackboneJS

May 12, 2013


BackboneJS is a client-side MV* framework that will help us structure our code, provide templates to inject the data as well as render a fast changes UI with ajax. In this episode we will create a simple client-side reading list of computing books!

041 Vim

May 4, 2013


Vim is an extension of Vi editor, a powerful text editor used with much configurations and customisations among developers. With many keystrokes and shortcuts, we can achieve enchanced productivity given the high learning curve. In this episode we will review the basics of Vim with a simple outline of software design patterns.

040 Sinatra

Apr 28, 2013


Sinatra is a simple domain-specific language that is minimalistic. In this episode, we will explore the basics of Sinatra such as routing, templates, sessions, errors with a simple project based on Prisoner's Dilemma!

039 Vagrant

Apr 20, 2013


Vagrant creates reproducible, portable development environments that can be packaged and passed on to other developers to create an exact copy. In this episode, we will learn how to installed virtual machines with packages as well as view them in the host machine. We will run Vagrant with a simple html page and a NodeJS "hello world" project.

038 Alfred

Apr 12, 2013


Alfred is a productivity tool on the Mac OSX system that allows us to search for many things or perform various actions with just hot keys at hand. In this episode we will look at features such as find, search, calculator, contacts. As developers, we will also learn how to run shell scripts and even create/edit themes and workflows! Alfred certainly adds a tonne of fun in our daily workflow.

037 Jekyll

Apr 5, 2013


Jekyll is a blog-aware, static site generator in Ruby. In this episode, we will install jekyll, setup a new blog and do some configurations as well as importing posts from a previous Wordpress and even hosting it on Github Pages.

036 Apache

Mar 22, 2013


Apache is a popular open source http server that runs on many operating systems. We will go through some of the common config files and their settings on both Mac OSX and AWS EC2. Lastly, we will also go through what is the `.htaccess` file and some of its configurations.

035 Capistrano

Mar 15, 2013


Capistrano is remote multi-server automation tool that is often used for deployment. In this episode, we will first learn how to execute command line tasks in several servers, then we will deploy a Github repo on a newly fired up EC2 instance.

034 Lodash

Feb 22, 2013


Lodash is a utility belt JavaScript library. It is also a hard dependency for BackboneJS, as a drop-in replacement for UnderscoreJS with performance enhancement. In this episode we will create a simple project using some functions of Lodash along with its micro templating features. We will also explore the custom build functions and source maps.

033 AWS

Feb 16, 2013


Amazon Web Services or AWS is a set of web based services by Amazon. We will use Elastic Cloud Compute to launch a simple html page as well as a hello world in NodeJS. Next, we will use Elastic Beanstalk to deploy a Sinatra hello world with GIT.

032 Travis CI

Feb 1, 2013


Travis CI is a hosted continuous integration platform fre for open source. In this episode, we will create 3 hello world projects on Sinatra (Ruby), Flask (Python) and NodeJS (JavaScript) and see how we can use Github and Travis CI for easy continuous integration.

031 InuitCSS

Jan 26, 2013


Inuit.css is a powerful, scalable, Sass-based, BEM, OOCSS framework. In this episode, we will create a simple page on modern communication protocol used for Internet using the Inuit.css framework!

030 Closure

Jan 19, 2013


Closure is a set of tools developed by Google and the Closure Compiler is part of it for JavaScript optimisation and minification. In this episode, we will take a simple JavaScript project about CSS colors and run it through the various features of Closure! We will also use the [Closure Lint and check our code.

029 Oh My ZSH

Jan 10, 2013


Oh My ZSH is a community driven project for managing zsh configuration. We will explore some functions of z-shell (zsh), iTerm and Oh My ZSH so that we can get to be a little more productive in our daily coding hours!

028 API

Jan 4, 2013


API or application programming interface is a protocol to communicate with other software components. In the world of web API, content created in one place can be displayed or updated from another location in the web. In this episode, we will create a little fun memory page for 2012 using Facebook, Twitter, Foursquare, Github, Flickr and Google Maps API.

027 Yeoman

Dec 28, 2012


Yeoman serves to help us create a modern workflow for building modern applications. In this episode, we will create a little project on terminologies related to object-oriented programming (oop) that will help us explore the main features of Yeoman such as scaffolding, compiling into css and js, linting, starting a local web server, image optimisation and so much more!

026 Modernizr

Dec 21, 2012


Modernizr is a library for detecting whether the user's browsers have certain features and based on the availability, we developers will trigger certain functions or styles. In this episode, we will take a simple slideshow and use both javascript and css3 to make the transitions based on features available with libraries such as yepnope and html5shiv. Most importantly, we will scratch the surface of what is graceful degradation and progressive enhancement.

025 VirtualBox

Dec 14, 2012


VirtualBox is an amazing tool where we can run different operating systems in our MAC OSX machines! In this episode, we will learn how to run a Windows 8, Arch and Ubuntu operating systems and run them in the same machine all in the spirit of exploring different philosophies and technologies of operating systems!

024 Heroku

Dec 8, 2012


Heroku is an online platform where we can easily deploy and scale our applications. Whether we are looking to build an experimental app, or our app that we intend to scale up one day, Heroku is a great platform to get start with. In this episode, we will deploy our previous Rails application and explore some features!

023 Rails

Nov 24, 2012


Ruby on Rails is an open source web application development framework that allows us to rapidly build web apps. In this episode, we will create a very simple todo application and go through some concepts such as query, db migration, associations, routes, views and more!

022 SSH

Nov 17, 2012


Secure Shell (SSH) is a program to securely log in to another computer over a network and execute commands in that machine. In this episode, we will look into how to generate keys, ssh configurations, secure copy, known hosts and even AWS login.

021 Gruntjs

Nov 9, 2012


GruntJS is tool task-based command line build tool for JavaScript projects. Automate your build tasks like concatenation, minification, linting, testing and many others with some simple configuration or even with some nifty GruntJS plugins!

020 Nanoc

Nov 2, 2012


Nanoc is tool for building static web sites. Using a static site generator like Nanoc has some advantages such as speed, security and local development. In this episode, we will explore how to build a blog with Nanoc!

019 Bash

Oct 26, 2012


Bash is a Unix shell and it is available by default in Linux and MAC. It is very useful as a developer to know shell scripting and we will explore how to automate tasks (shell scripting), set profile configurations (bash profile) and schedule tasks (cron job) - all in the name of efficiency!

018 Fireworks

Oct 19, 2012


If you are creating a hi-fidelity mockup for your web application, then Adobe Fireworks is a great software! We will build a little project to learn how to view CSS properties, build hover effects, insert html, rounded ractangles, styles and more. At the same time we will get to review some of the common design principles and legends such as Dieter Rams.

017 Jade

Oct 12, 2012


Jade is a templating language to output html. As a newbie, this is a great way to create static html pages by including basic logic, partial views and many more. For advanced uses, jade can also be used with NodeJS and ExpressJS.

016 YSlow

Oct 5, 2012


YSlow is a great guideline on how to make your websites load faster. We will explore most of the 23 guidelines from YSlow and implement them in a little project and have fun getting to know the history of processors!

015 Github

Sep 29, 2012


Github is an awesome website to find many open source projects, look at the code, contribute and discuss them. In this episode, we will see how we can create a project, push our project code to github, raise an issue, fix an issue, pull request and eventually merge a pull request.

014 Local Web Servers

Sep 21, 2012


We often want to test and develop our applications locally. Here we will learn how to setup local web servers with some simple configurations in 3 ways - (1) built-in MAC Apache (2) MAMP with Wordpress installation (3) Nginx.

013 RequireJS

Aug 31, 2012


RequireJS is a JavaScript file and module loader. A modular approach can improve the maintainability and quality of our code. In this episode, we will see how we can convert a project containing many script tags to just a single script tag, with greater support for dependancies and modules.

012 Zen Coding

Aug 24, 2012


Zen Coding is available as an editor plugin for high-speed coding and editing especially in html. You can type in some shortcuts which will expand into html. It's excellent for productive coding.

011 Responsive

Aug 17, 2012


Using 3 JavaScript libraries, we will create a completely responsive, fluid one pager on Space Exploration! We will use FittextJS for adaptable text, FitvidJS for adaptable video and Responsive Slides for adaptable slideshow.

010 SASS

Aug 10, 2012


SASS is a CSS pre-processor that makes authoring styles for our project very modular, readable, fast to change styles and tonnes of fun! While creating our SASS project, we will also learn about O-Notation - a fast way to measure efficiency in algorithms.

009 Package Managers

Aug 3, 2012


Package manager is a collection of tools for installing, upgrading, configuring and removing software packages in a computer. We will explore some commonly used ones such as RubyGems for ruby, Pip for python, Composer for php and NPM for NodeJS.

008 Sublime Text

Jul 27, 2012


Sublime Text is a powerful text editor for coding. We will explore it's features like plugins, multiple selections and accessing projects, files and folders.

007 Web Fonts

Jul 20, 2012


We will explore 3 common ways of embedding cool non-standard fonts in a webpage using Typekit, CSS3 Font Face and Google Web Fonts. At the same time we will learn what are some of the common wifi standards and how to know which one we are using!

006 WordPress

Jul 13, 2012


Wordpress is an open source blogging engine that can be downloaded and installed for your own use and customisation. Here we will install Wordpress, create a sub-domain and have a blog website running in no time. We will also explore some common features, plugins and themes for Wordpress.

005 Markdown

Jul 6, 2012


Markdown is an easy way to render html.

004 Git

Jun 22, 2012


Git is a distributed version control system.

003 HTML5 Boilerplate

Jun 15, 2012


HTML5 Boilerplate is a starter kit for any frontend web project.

002 Terminal

Jun 8, 2012


We will play with the command line!

001 Web Dev Tools

Jun 1, 2012


We will explore the developer console of the various browsers - Chrome, Firefox, Safari and Opera.