Author: onoumenon

This blog has served me well, but it’s a pain in the arse to actually search for topics. I’ve decided to move the more topical, technical writing to a GitBook. It’s still in its infancy, but I’ll be making frequent commits there and writing long-form posts here. Why the shift? My understanding of a topic … Continue reading Moving to GitBook

There are three parts to this project (which is done as part of the Udemy course on Redux). Firstly, a React (with Redux) client repository, which displays the UI of the application. Git repo here. Secondly, a RESTful API repository, which hosts the streams and the user ID associated with each stream (the user ID … Continue reading Creating a simple Twitch clone

Why Redux? Redux is a state management tool. In a simple React app, the state is handled in the React components themselves, but things get messy as the app expands. You could let the parent component like App.js handle all the state, but that means multiple levels of prop drilling. Redux solves that by having … Continue reading React Redux

(Following tutorial here) Classes Classes are capitalized (String, Integer, Float, Array, etc). Time There’s a Time Class. It represents moments in time, and you can add or subtract to get new times. 1.5 is a second and a half. time = Time.new time2 = time + 120 puts time puts time2 2019-06-08 11:57:22 -0700 2019-06-08 … Continue reading Ruby Basics (Part 2)

Ruby is an interpreted programming language, so it needs a VM (virtual machine) as the middleman. It can be run on the command line with ruby my_program.rb Or you can use a REPL (“Read, Evaluate, Print, Loop) like IRB by running irb Variables: Variables need not be declared. a = 5 # 5 Variables are … Continue reading Ruby Basics

Summary of what I learned from JumpStart’s clean code session. For more on how to write clean code, you can refer to: “Refactoring: Improving the Design of Existing Code” by Martin Fowler. 1. Mysterious Names When: Names are not self-explanatory and descriptive. Solution: Use clear, descriptive names. 2. Bad comments When: Methods filled with explanatory … Continue reading Code Smells

With the 3 months programming boot camp drawing to a close, I thought I should do a retrospective on it. I was recommended the boot camp by a programmer friend and qualified for the IMDA subsidy. You’d think it’d be an easy decision, but it took months of deliberating and attending the showcase night of … Continue reading Retrospective on JumpStart Boot Camp

Dangers: Data Leaks such as those from Sony, SingHealth, Target Internal components are not safe behind the firewall. App sec should have multiple layers like a medieval castle. Web security: Same origin policy (Same protocol, domain name, port). Subdomains are cross origin. HTTPS: SSL/ TLS to prevent eavesdropping, certificate for server(eg: veriSign) checked against store … Continue reading Application Security

git init -y npm i -D cypress if init with “empty” repo, you get examples as well. plugins runs before tests are run videos and screenshots can be taken for testing cypress open Opens Cypress runner cypress run Cypress starts a headless browser (eg: Electron) by default (Add both commands to scripts as cy:open, cy:run) … Continue reading Cypress: End to End Tests

D3 D3 is a javascript library for data visualization. Uses HTML, CSS, SVG Easy-to-use API (This is a post of what I’ve learned from Sohaib Nahal’s D3 course) To start using D3 in your vanilla JS/ HTML/ CSS project, you can link to the CDN in your HTML scripts. Using D3 to do DOM manipulation … Continue reading Intro to D3 (Data-Driven Documents)