Anthony E. Alvarez anthonyalvarez

Wordpress & Docker

This file will setup Wordpress, MySQL & PHPMyAdmin with a single command. Add the code below to a file called "docker-compose.yaml" and run the command

$ docker-compose up -d

# To Tear Down
$ docker-compose down --volumes

Arrow Functions

Functions are one of the primary data structures in JavaScript; they've been around forever. ES6 introduces a new kind of function called the arrow function. Arrow functions are very similar to regular functions in behavior, but are quite different syntactically. The following code takes a list of names and converts each one to uppercase using a regular function:

const upperizedNames = ['Farrin', 'Kagure', 'Asser'].map(function(name) {

Callbacks

A function parameter passed to a function. Upon the recieving function's process completion, the parameter function is run.

JavaScript is single threaded, meaning that two bits of script cannot run at the same time; they have to run one after another. In browsers, JavaScript shares a thread with a load of other stuff that differs from browser to browser. But typically JavaScript is in the same queue as painting, updating styles, and handling user actions (such as highlighting text and interacting with form controls). Activity in one of these things delays the others.

As a human being, you're multithreaded. You can type with multiple fingers, you can drive and hold a conversation at the same time. The only blocking function we have to deal with is sneezing, where all current activity must be suspended for the duration of the sneeze. That's pretty annoying, especially when you're driving and trying to hold a conversation. You don't want to write code that's sneezy.

You've probably used events an

HTML / JavaScript Snippet Pattern

Useful for Progressive Web Apps (PWA) using App-shell architecture. Where each section and/or div in HTML is a template generated by a JavaScript function. The actual HTML web page contains very little HTML markup, styles informaiton or data.

Web pages only contains data listed below.

HTML5 landmark tags
section

Web Workers Introduction

Web Workers are a way that JavaScript has to start running tasks on a new thread. This helps to offload some heavy processing for your web pages.

There are really only two things you need for web workers.

  worker.postMessage( data ) 
  worker.addEventListener('message', func)

JavaScript URLSearchParams, Constructing Query Strings

The very convenient URLSearchParams object within JavaScript lets you easily work with query strings - it provides methods to add, remove and retrieve key value pairs and most importantly, extract an encoded query string for further use. This object is a relief for traditional JavaScript developers who know the pain of using regular expressions to extract query string data or manual string construction to create a query string. URLSearchParams does all this for you through its very helpful methods.

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />

	{
	"$schema": "https://raw.githubusercontent.com/jsonresume/resume-schema/v1.0.0/schema.json",
	"basics": {
	"name": "Anthony Alvarez",
	"label": "Mobile Web Specialist (MWS), Progressive Web App (PWA)",
	"image": "http://anthonyalvarez.us/wp-content/uploads/2018/07/Anthony-Alvarez-Avatar-Square-200px.jpg",
	"email": "[email protected]",
	"phone": "(973) 400-9409",
	"url": "http://anthonyalvarez.us/",
	"summary": "A software engineer with three years experience in Tokyo Japan. Also worked one year in China and Hong Kong. Services include: Local Docker based Ecommerce website Development, JavaScript programming and testing Web Hosting and DevOps with Git, Github Actions and continutous delivery/integration (CD/CI) and Web performance audting.",

	{
	"final_space": true,
	"console_title": true,
	"console_title_style": "folder",
	"blocks": [
	{
	"type": "prompt",
	"alignment": "left",
	"horizontal_offset": 0,
	"vertical_offset": 0,

	using namespace System.Management.Automation
	using namespace System.Management.Automation.Language

	if ($host.Name -eq 'ConsoleHost')
	{
	Import-Module PSReadLine
	}
	#Import-Module PSColors
	#Import-Module posh-git
	Import-Module -Name Terminal-Icons

	type: subject

	body

	footer

	# ========= INSTRUCTIONS FOR USE ============4950
	#
	# The Type
	# The type is contained within the title