Skip to content

Instantly share code, notes, and snippets.


Beginner Workshop | Part 2

1. Markup for contact page

Your contact.html page should now look like:

<!DOCTYPE html>
    <title>Shaii Ong | Contact me</title>

Beginner Workshop | Part 1

This workshop will cover the very basics of web development - HTML, CSS, and JavaScript. At the end of it, you will have a 2-page personal website.

Before the workshop

  1. Download Sublime text (or your text editor of choice)
  2. Find your favourite photo of your face (portrait)


  1. Overview of what HTML, CSS and JS are and what they are used for
View ember-on-rails-tips
# When installing ember as the frontend for a rails app
# the ember new command automatically runs git init
ember new app-name --skip-git
View rails-setup-steps
cd Sites
git clone
cd projectname
bundle install
duplicate database.yml.sample and rename to "database.yml"
rake db:create
bin/rake db:migrate RAILS_ENV=development
View learning-log
#This is a log of the things I'm learning
# Will derive blogging topics from here
1. Started the tutorial to use Ember.JS with Ruby on Rails
2. Delving deeper into git in the terminal. Gitflow and feature branches
View node-npm-no-sudo
#installing node in a custom directory so you don't have to use sudo all the time
#npm now comes with node, so no need to individually install it
cd ~
mkdir local
echo 'export PATH=$HOME/local/bin:$PATH' >> ~/.zshrc
. ~/.zshrc
cd local
View anonymous_llama.rb
(1..100).each do |i|
puts i
if i % 3 == 0
puts 'Anonymous'
elsif i % 5 == 0
puts 'Llama'