Launch a Landing Page over Coffee - 20140201 · LAUNCH A LANDING PAGE OVER COFFEE Wifi network:...

Post on 06-Oct-2020

5 views 0 download

Transcript of Launch a Landing Page over Coffee - 20140201 · LAUNCH A LANDING PAGE OVER COFFEE Wifi network:...

LAUNCH A LANDING PAGE OVER COFFEE

Wifi network: workspace6 Wifi password: creative6 !

Workshop resources: www.launchsteps.com/workshops/landing_page_over_coffee_2014_2_1/ !

Let’s connect on Twitter: @dwightgunning

• What’s a website and how do they work?

• Organise your web domain and hosting

• Set up your machine to design and build

• Design and build the site

• Launch the site

WHAT’S A WEBSITE AND HOW DO THEY WORK?

Image credit: http://www.simplimation.com/blog/5/how-the-web-works

HTML

CSS

JAVASCRIPT

• What’s a website and how do they work?

• Organise your web domain and hosting

• Set up your machine to design and build

• Design and build the site

• Launch the site

DOMAIN AND HOSTING RESOURCES• Domain name finder: http://domai.nr/

• Domain name purchase: http://www.gandi.net/

• Amazon Web Services: http://aws.amazon.com/

SETTING UP THE DOMAIN NAME

• What’s a website and how do they work?

• Organise your web domain and hosting

• Set up your machine to design and build

• Design and build the site

• Launch the site

MACHINE SETUP RESOURCES• Sublime text editor : http://www.sublimetext.com/

• Open your terminal application

• Create a directory for your website projects

• Download and install a helper tool called “virtualenv”

!

• Activate the new virtual environment

!

• Create a new website project

$ curl -O https://pypi.python.org/packages/source/v/virtualenv/virtualenv-1.11.2.tar.gz!$ tar xvfz virtualenv-1.11.2.tar.gz!$ cd virtualenv-1.11.2!$ python virtualenv.py ~/websites/cactus-venv

$ source ~/websites/cactus-venv/bin/activate!$ pip install cactus

$ cd ~/websites/!$ cactus create www.launchsteps.com!$ cd www.launchsteps.com!$ cactus serve

• What’s a website and how do they work?

• Organise your web domain and hosting

• Set up your machine to design and build

• Design and build the site

• Launch the site

DESIGN AND BUILD RESOURCES• http://www.getbootstrap.com/

• http://bootswatch.com/

DESIGN AND BUILD RESOURCES• http://www.getbootstrap.com/

• http://bootswatch.com/

• What’s a website and how do they work?

• Organise your web domain and hosting

• Set up your machine to design and build

• Design and build the site

• Launch the site

• Deploy the site to Cactus

!

• Browse to www.launchsteps.com

$ cactus deploy!$ Amazon access key (http://bit.ly/Agl7A9): xxxxxxxxxx!$ Amazon secret access key (will be saved in keychain): xxxxxxxxxxxx!$ S3 bucket name (www.yoursite.com): www.launchsteps.com

LAUNCH A LANDING PAGE OVER COFFEE