David Witus davedub

Recaptcha2 Vue TypeScript component

A simple Recaptcha2 Vue component using TypeScript.

Just drop it in your source and it loads everything needed.

You'll need to create a grecaptcha site key:

https://www.google.com/recaptcha/admin

Frontend "https://github.com/DanSnow/vue-recaptcha"

npm install --save vue-recaptcha
form

<my-form inline-template>
    <form action="{{ route('...') }}" @submit.prevent="FormSubmit($event)">
        // other inputs

###Redux Egghead Video Notes###

####Introduction:#### Managing state in an application is critical, and is often done haphazardly. Redux provides a state container for JavaScript applications that will help your applications behave consistently.

Redux is an evolution of the ideas presented by Facebook's Flux, avoiding the complexity found in Flux by looking to how applications are built with the Elm language.

####1st principle of Redux:#### Everything that changes in your application including the data and ui options is contained in a single object called the state tree

This tutorial demonstrates how to add an "Indent Text" menu item to a Google spreadsheet so you can indent/outdent text.

When the "Indent Text" menu item is selected, any cells within a single column selection will be indented by 5 spaces.
You can increase or decrease the number of spaces the text is indented by changing the line below so that the "5" is changed to a larger or smaller number (depending on your preference):

newValues.push(['=CONCAT(REPT( CHAR( 160 ), 5),"' + values[i][0] + '")']);

Essential JavaScript Links

I no longer mantain this list. There are lots of other very comprehensive JavaScript link lists out there. Please see those, instead (Google "awesome JavaScript" for a start).

Spurred by recent events (https://news.ycombinator.com/item?id=8244700), this is a quick set of jotted-down thoughts about the state of "Semantic" Versioning, and why we should be fighting the good fight against it.

For a long time in the history of software, version numbers indicated the relative progress and change in a given piece of software. A major release (1.x.x) was major, a minor release (x.1.x) was minor, and a patch release was just a small patch. You could evaluate a given piece of software by name + version, and get a feeling for how far away version 2.0.1 was from version 2.8.0.

But Semantic Versioning (henceforth, SemVer), as specified at http://semver.org/, changes this to prioritize a mechanistic understanding of a codebase over a human one. Any "breaking" change to the software must be accompanied with a new major version number. It's alright for robots, but bad for us.

SemVer tries to compress a huge amount of information — the nature of the change, the percentage of users that wil

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

	console.log('Client-side code running');

	const button = document.getElementById('myButton');
	button.addEventListener('click', function(e) {
	console.log('button was clicked');

	fetch('/clicked', {method: 'POST'})
	.then(function(response) {
	if(response.ok) {
	console.log('click was recorded');

	node_modules
	build
	npm-debug.log
	.env
	.DS_Store

	# I use this in conjunction with Contentful CMS to render blocks of markdown into my static middleman templates.

	# In your gemfile, add Redcarpet:
	gem 'redcarpet'

	# ...and do a bundle install

	# In your config.rb, add this line:
	set :markdown_engine, :redcarpet