Skip to content

Instantly share code, notes, and snippets.

View nastanford's full-sized avatar
🏠
Busy Coding

Nathan Stanford Sr nastanford

🏠
Busy Coding
View GitHub Profile
@nastanford
nastanford / .gitingore
Created August 24, 2017 13:50
Starter .gitignore file for ColdFusion Builder
# ColdFusion Builder or Eclipse)
settings.xml
# Dreamweaver CS6
_notes
dwsync.xml
# ColdFusion Server
CFIDE
WEB-INF
@nastanford
nastanford / counter_reactjs.html
Created September 2, 2017 14:57
Simple Example React Code used on jsComplete.com
class Button extends React.Component {
handleClick = () => {
this.props.onClickFunction(this.props.incrementValue);
};
render() {
return (
<button onClick={this.handleClick}>
+{this.props.incrementValue}
</button>
@nastanford
nastanford / animate.tsx
Created September 30, 2017 13:40 — forked from rossimo/animate.tsx
Design for React Games
import * as Rx from 'rxjs/Rx';
import * as tween from 'tween-functions'
import * as update from 'immutability-helper'
import { call, take, Func1, CallEffectFn } from 'redux-saga/effects'
import { eventChannel, END } from 'redux-saga'
import * as _ from 'lodash'
export let tick = new Rx.Subject();
export let draw = new Rx.Subject<State>();
@nastanford
nastanford / StarWars_Characters.html
Last active October 7, 2017 16:47
StarWars API jQuery Pull of the Characters in the Movies.
<!DOCTYPE html>
<html lang="en">
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/json2/20110223/json2.js"></script>
</head>
<body>
<style>
body {
font-family: Arial, Helvetica, sans-serif;
@nastanford
nastanford / 0-react-hello-world.md
Created January 30, 2018 16:26 — forked from danawoodman/0-react-hello-world.md
React Hello World Examples

React "Hello World" Examples

Below are a small collection of React examples to get anyone started using React. They progress from simpler to more complex/full featured.

They will hopefully get you over the initial learning curve of the hard parts of React (JSX, props vs. state, lifecycle events, etc).

Usage

You will want to create an index.html file and copy/paste the contents of 1-base.html and then create a scripts.js file and copy/paste the contents of one of the examples into it.

@nastanford
nastanford / README.md
Created April 11, 2018 14:45 — forked from kerryboyko/README.md
VueJS Best Practices Guide

Deverus Vue.js Style Guide

Guide for developing Vue.js applications.

v. 0.0.1

Vue.js is an amazing framework, which can be as powerful as Angular or React, the two big heavy hitters in the world of front-end frameworks.

However, most of Vue's ease-of-use is due to the use of Observables - a pattern that triggers re-renders and other function calls with the reassignment of a variable.

@nastanford
nastanford / php-artisan-make-view.php
Created August 19, 2021 19:26
How to add the ability to create a view to a Laravel PHP Artisan command.
How to add the ability to create a view to a Laravel PHP Artisan command.
In Command Line Run:
composer require theanik/laravel-more-command --dev
php artisan make:view {view-name}
php artisan make:view {subfolder}/{view-name}=
@nastanford
nastanford / 1-Laravel.md
Last active September 6, 2021 15:32
Tips for Laravel

Laravel - PHP

IDE Suggested

  • Visual Studio Code - VSCode
  • PHPStorm
  • Laravel Breeze
  • Bootstrap 5
  • Tailwind CSS

Prerequisites

@nastanford
nastanford / fetch-api-examples.md
Created October 4, 2021 22:22 — forked from justsml/fetch-api-examples.md
JavaScript Fetch API Examples
@nastanford
nastanford / index.html
Created April 15, 2022 12:51
JavaScript Drag & Drop
<h1>10 Richest People</h1>
<p>Drag and drop the items into their corresponding spots</p>
<ul class="draggable-list" id="draggable-list"></ul>
<button class="check-btn" id="check">
Check Order
<svg viewBox="0 0 24 24">
<line x1="22" y1="2" x2="11" y2="13"></line>