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.
Mar 6, 2016
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.
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.
Oct 25, 2014
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.
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.
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.
Jan 31, 2014
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.
Dec 29, 2013
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.
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.
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.
Sep 27, 2013
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.
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!
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.
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.
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.
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.
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.
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).
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!
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.
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!
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.
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.
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.
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.
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.
Feb 22, 2013
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
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!
Jan 19, 2013
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!
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.
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!
Dec 21, 2012
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!
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!
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!
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.
Nov 9, 2012
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!
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!
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.
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.
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!
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.
Aug 31, 2012
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.
Aug 17, 2012
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!
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.
Jul 6, 2012
Markdown is an easy way to render html.
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.
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.