Ayo Alfonso AyoAlfonso

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

Rails Migration

http://guides.rubyonrails.org/migrations.html

Migrations methods:

add_column
add_index
change_column
change_table
create_table
drop_table

SQL to MongoDB Mapping Chart

SQL to MongoDB Mapping Chart¶

In addition to the charts that follow, you might want to consider the Frequently Asked Questions section for a selection of common questions about MongoDB.

Executables¶

The following table presents the MySQL/Oracle executables and the corresponding MongoDB executables.

	import React, { useState, useEffect } from "react";
	import axios from "axios";

	const Test = () => {
	const [data, setData] = useState([]);
	const [land, setLand] = useState("");
	const [pop, setPop] = useState({
	country: "",
	population: "",
	year: "",

	function getLegitTextNodes() {
	if (!document.createTreeWalker) return [];

	var blacklist = ['SCRIPT', 'OPTION', 'TEXTAREA'],
	textNodes = [],
	walker = document.createTreeWalker(
	document.body,
	NodeFilter.SHOW_TEXT,
	function excludeBlacklistedNodes(node) {
	if (blacklist.indexOf(node.parentElement.nodeName.toUpperCase()) >= 0) return NodeFilter.FILTER_REJECT;


	/**
	Using input object type for mutations
	**/
	type Mutation {
	register(input : createPersonInput!):RegisterUserResponse!
	}

	input createPersonInput{
	name: String!

	/* Smartphones (portrait and landscape) ----------- */
	@media only screen
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
	/* Styles */
	}

	/* Smartphones (landscape) ----------- */
	@media only screen
	and (min-width : 321px) {


	/*
	##Device = Desktops
	##Screen = 1281px to higher resolution desktops
	*/

	@media (min-width: 1281px) {

	//CSS