Post on 06-Oct-2020
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