... ottograjeda

Structuring a large jQuery application

This document assumes you are building a traditional backend-heavy application as opposed to a frontend-heavy appliction which would typically use a framework like Angular or React. The use of these frameworks make this document irrelevant, however also require a change to your application architecture and a much larger overhead in order to get content onto a page, so as a simple way to build interactive web content a simple jquery based js stack will do fine.

Directory structure

It's important you use a directory structure which is impartial to your development environment, chosen server language (Python v. Java v. C# ...), and styling framwork (Twitter Bootstrap etc). This layer of separation means you can swap out the styles or the backend with minimal changes to the Js, simple and maintainable.

Here's an example from the project root:

`vs` Questions

http://stackoverflow.com/questions/804115 (rebase vs merge).
https://www.atlassian.com/git/tutorials/merging-vs-rebasing (rebase vs merge)
https://www.atlassian.com/git/tutorials/undoing-changes/ (reset vs checkout vs revert)
http://stackoverflow.com/questions/2221658 (HEAD^ vs HEAD~) (See git rev-parse)
http://stackoverflow.com/questions/292357 (pull vs fetch)
http://stackoverflow.com/questions/39651 (stash vs branch)
http://stackoverflow.com/questions/8358035 (reset vs checkout vs revert)
http://stackoverflow.com/questions/5798930 (git reset vs git rm --cached)

Copying data from Firebase Realtime Database to a Google Sheet in real time via Cloud Functions

If you're trying to do this, you came to the right place!

Watch this code work in real time: https://twitter.com/CodingDoug/status/940022568089554944

See also this gist for copying in the other direction: https://gist.github.com/CodingDoug/44ad12f4836e79ca9fa11ba5af6955f7

Setup

Using an Access Token for the first time

Follow the instructions on Github to Create an Access Token in Github

Configure Git to use the osxkeychain

By default, git credentials are not cached so you need to tell Git if you want to avoid having to provide them each time Github requires you to authenticate. On Mac, Git comes with an “osxkeychain” mode, which caches credentials in the secure keychain that’s attached to your system account.

You can tell Git you want to store credentials in the osxkeychain by running the following:-

Fix for FOUC :

At the top of your HTML:

<!doctype html>
<html>
<head>
    <style>html{visibility: hidden;opacity:0;}</style>


	/* A bare-bones GithubClient, just used for commits */
	function GithubClient(owner, repo, username, passwordOrToken) {
	this.owner = owner;
	this.repo = repo;
	this.username = username;
	this.passwordOrToken = passwordOrToken;
	}

	/*

	https://jason.pureconcepts.net/2015/10/install-apache-php-mysql-mac-os-x-el-capitan/
	https://jason.pureconcepts.net/2012/10/install-apache-php-mysql-mac-os-x/
	https://coolestguidesontheplanet.com/get-apache-mysql-php-and-phpmyadmin-working-on-osx-10-11-el-capitan/
	http://www.alphansotech.com/blogs/setup-apache-mysql-php-phpmyadmin-mac-osx/
	https://mallinson.ca/osx-web-development/
	https://coolestguidesontheplanet.com/get-apache-mysql-php-and-phpmyadmin-working-on-osx-10-11-el-capitan/


	##Apache httpd file location
	/etc/apache2

	return function()

	--[[
	Basic Monster by ArceusInator

	Information:
	Configurations.MaximumDetectionDistance (default 200)
	The monster will not detect players past this point. If you set it to a negative number then the monster will be able to chase from any distance.

	Configurations.CanGiveUp (default true)

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="UTF-8" />
	<title>Add React in One Minute</title>
	</head>
	<body>

	<h2>Add React in One Minute</h2>
	<p>This page demonstrates using React with no build tooling.</p>

	var pageSpeedApiKey = '';
	var pageSpeedMonitorUrl = '';

	function monitor() {
	var desktop = callPageSpeed('desktop', pageSpeedMonitorUrl);
	var mobile = callPageSpeed('mobile', pageSpeedMonitorUrl);

	var desktopVitals = getVitals(desktop);
	var mobileVitals = getVitals(mobile);