Sayanee

Build Podcast

Screencasts on tech tools
Build Podcast

Description

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!

Link: build-podcast.com

Episodes

067 Swift

Apr 9, 2016

Description:

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

Description:

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

Description:

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

Description:

in-memory data structure store

063 Socket IO

Dec 14, 2014

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

Ghost is a NodeJS based blogging platform. In this episode, we will explore how to run Ghost on ghost.org 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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

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

Description:

Markdown is an easy way to render html.

004 Git

Jun 22, 2012

Description:

Git is a distributed version control system.

003 HTML5 Boilerplate

Jun 15, 2012

Description:

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

002 Terminal

Jun 8, 2012

Description:

We will play with the command line!

001 Web Dev Tools

Jun 1, 2012

Description:

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