Web Dev Weekend


If you are viewing this site, chances are it is Saturday, April 9th, 2016 and you are attending Dzgn.IO’s Web Development Workshop. If not, welcome strange visitors! This also means you’ve taken the leap and have decided that you want to create your own website - YESS!! We’re here to help!

This workshop will cover the basics of programming in HTML and CSS. We will then turn up the heat and discuss templating webpages with Jekyll.

You can view the presentation HERE for reference.

Skills We’ll Learn

  • Setting up your development environment
  • HTML & CSS
  • Using Jekyll
  • Markdown

Your Dev Environment

…is sacred - preach.

Jokes aside, your development environment will take some preparation. For our workshop, we will be setting everyone up with Brackets, an open source text editor, and Jekyll, the Ruby-based gem.

Installing Brackets

Visit brackets.io to view the brackets project site. Please download the most recent version of Brackets with or without Extract.

Installing Git (Windows Only)

Download and install this version of Git for Windows. Do not change any options on the installer - the defaults are the ideal settings.

Installing Jekyll

Jekyll runs on the Ruby programming language. Both Windows and Mac users will need to install Ruby, but the process is quite different depending on your OS.

Mac Users

#  Open Terminal on Mac and install Homebrew by running

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

# Update to the newest Ruby

brew install rbenv ruby-build
echo 'if which rbenv > /dev/null; then eval "$(rbenv init -)"; fi' >> ~/.bash_profile
source ~/.bash_profile
rbenv install 2.2.3
rbenv global 2.2.3
ruby -v

# Install Jekyll

gem install jekyll

Windows Users

#  Download this version of Ruby http://dl.bintray.com/oneclick/rubyinstaller/rubyinstaller-2.2.4-x64.exe
#  Install the package, ensuring to check the "Add Ruby Executables to your PATH" box
#  Open GitBash (installed with Git for Windows) and run
gem install jekyll