Jens Ahrengot Boddum Ahrengot

VSCode WordPress Debugging Setup: WordPress Xdebug Setup for Local by FlyWheel with VSCode

Consider supporting my work by purchasing the course this tutorial is a part of i.e. VSCode Power User →

🚅 TL;DR

Make sure your Local by FlyWheel WordPress install is a custom install

Moving to ES6 from CoffeeScript

I fell in love with CoffeeScript a couple of years ago. Javascript has always seemed something of an interesting curiosity to me and I was happy to see the meteoric rise of Node.js, but coming from a background of Python I really preferred a cleaner syntax.

In any fast moving community it is inevitable that things will change, and so today we see a big shift toward ES6, the new version of Javascript. It incorporates a handful of the nicer features from CoffeeScript and is usable today through tools like Babel. Here are some of my thoughts and issues on moving away from CoffeeScript in favor of ES6.

While reading I suggest keeping open a tab to Babel's learning ES6 page. The examples there are great.

Punctuation

Holy punctuation, Batman! Say goodbye to your whitespace and hello to parenthesis, curly braces, and semicolons again. Even with the advanced ES6 syntax you'll find yourself writing a lot more punctuatio

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

Deploy your site with git

This gist assumes:

you have a local git repo
with an online remote repository (github / bitbucket etc)
and a cloud server (Rackspace cloud / Amazon EC2 etc)
- your (PHP) scripts are served from /var/www/html/
- your webpages are executed by apache
apache's home directory is /var/www/

The idea is to have nginx installed and node installed. I will extend this gist to include how to install those as well, but at the moment, the following assumes you have nginx 0.7.62 and node 0.2.3 installed on a Linux distro (I used Ubuntu).

In a nutshell,

nginx is used to serve static files (css, js, images, etc.)
node serves all the "dynamic" stuff.

So for example, www.foo.com request comes and your css, js, and images get served thru nginx while everything else (the request for say index.html or "/") gets served through node.

nginx listens on port 80.

	function retry(isDone, next) {
	var current_trial = 0, max_retry = 50, interval = 10, is_timeout = false;
	var id = window.setInterval(
	function() {
	if (isDone()) {
	window.clearInterval(id);
	next(is_timeout);
	}
	if (current_trial++ > max_retry) {
	window.clearInterval(id);

	<?php
	/**
	* Return a custom field stored by the Advanced Custom Fields plugin
	*
	* @global $post
	* @param str $key The key to look for
	* @param mixed $id The post ID (int\|str, defaults to $post->ID)
	* @param mixed $default Value to return if get_field() returns nothing
	* @return mixed
	* @uses get_field()

	(function($) {
	$.fn.pluginName = function(options) {
	var defaultOptions = {
	option1: 'ahrengot',
	option2: true,
	option3: false
	}

	var options = $.extend(defaultOptions, options);