Manpreet Singh designviacode

How-to setup a simple git push deployment

These are my notes basically. At first i created this gist just as a reminder for myself. But feel free to use this for your project as a starting point. If you have questions you can find me on twitter @thomasf https://twitter.com/thomasf This is how i used it on a Debian Wheezy testing (https://www.debian.org/releases/testing/)

Discuss, ask questions, etc. here https://news.ycombinator.com/item?id=7445545

On the server (example.com)

Launch an instance

http://docs.aws.amazon.com/AmazonVPC/latest/GettingStartedGuide/GetStarted.html

Security group

phpMyAdmin

Inbound

Type	Protocol	Port Range	Destination
SSH	TCP	22	0.0.0.0/0

Two way iframe communication

The main difference between the two pages is the method of sending messages. Recieving messages is the same in both.

Parent

Send messages to iframe using iframeEl.contentWindow.postMessage Recieve messages using window.addEventListener('message')

iframe

Setting up github and bitbucket on the same computer (Windows)

Guide for Windows

mix3d asked for some help using this guide with windows so here we go. This was tested with Windows 10. Run all commands in Git Bash once it's installed.

Github will be the main account and bitbucket the secondary.

Git for Windows

Download and install Git for Windows
- In the installer, select everything but decide if you want a desktop icon (2nd step)

Git

Global Settings

Related Setup: https://gist.github.com/hofmannsven/6814278
Related Pro Tips: https://ochronus.com/git-tips-from-the-trenches/
Interactive Beginners Tutorial: http://try.github.io/
Git Cheatsheet by GitHub: https://services.github.com/on-demand/downloads/github-git-cheat-sheet/

Reminder

Press minus + shift + s and return to chop/fold long lines!

	// https://codepen.io/hartzis/pen/VvNGZP
	class ImageUpload extends Component {
	constructor(props) {
	super(props);
	this.state = {
	file: '',
	imagePreviewUrl: ''
	};
	this._handleImageChange = this._handleImageChange.bind(this);
	this._handleSubmit = this._handleSubmit.bind(this);

	var list = {
	name: 'bob',
	next: {
	name: 'dick',
	next: {
	name: 'harry'
	}
	}
	};

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Angular JS</title>
	</head>
	<body ng-app="jsbin">
	<div ng-controller="DemoCtrl as demo">
	<h1>Hello {{demo.name}}</h1>
	</div>

	# Change YOUR_TOKEN to your prerender token
	# Change example.com (server_name) to your website url
	# Change /path/to/your/root to the correct value

	server {
	listen 80;
	server_name example.com;

	root /path/to/your/root;
	index index.html;

	<?php

	class BlogController extends Controller
	{
	/**
	* Posts
	*
	* @return void
	*/
	public function showPosts()