Skip to content

Instantly share code, notes, and snippets.

View harrisonmalone's full-sized avatar

Harrison Malone harrisonmalone

79 followers · 1 following
View GitHub Profile
@harrisonmalone
harrisonmalone / index.html
Last active June 19, 2020 06:11
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script defer src="./index.js"></script>
</head>
<body>
<h1>Weather app 🌻</h1>
@harrisonmalone
harrisonmalone / file1.js
Created June 17, 2020 05:10
console.log(global);
@harrisonmalone
harrisonmalone / index.html
Last active June 16, 2020 23:57
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script defer src="./index.js"></script>
</head>
<body>
<h1>Number of tasks: 0</h1>
@harrisonmalone
harrisonmalone / index.js
Created June 16, 2020 04:27
// DOM
// special document variable
// object
// you can access it in client side js
// selector functions
// querySelector
// querySelectorAll
// const h1 = document.getElementsByTagName("h1")[0]
@harrisonmalone
harrisonmalone / q1and2.txt
Last active June 16, 2020 01:29
1. git
branches, commits, remotes
opening pull requests
code reviewed by someone
environments => prod, dev and staging
@harrisonmalone
harrisonmalone / index.js
Created June 4, 2020 04:21
const readline = require("readline-sync")
const chalk = require("chalk")
const colors = ['red', 'blue', 'green', 'magenta']
console.log("hi, whats your name?")
const name = readline.question("> ")
console.log("whats your favorite color?")
const index = readline.keyInSelect(colors, 'Which color?');
@harrisonmalone
harrisonmalone / index.js
Created June 4, 2020 00:32
// Promises
// Core:
// 1. What is fetch and how does it relate to AJAX? What does fetch return? Give a very basic example of fetch.
// AJAX is the terminology that encompasses all the different methods for making HTTP requests from our JavaScript. The two things we need for AJAX to work are: the XMLHTTPRequest() object, and JavaScript itself.
// The way in which fetch relates to AJAX is that fetch is a function makes an HTTP request and is therefore one way in which we can make AJAX requests.
@harrisonmalone
harrisonmalone / index.js
Last active June 3, 2020 01:57
const getUser = async () => {
const response = await fetch('https://randomuser.me/api/');
const data = await response.json();
return data
}
const getPokemon = async () => {
const response = await fetch('https://pokeapi.co/api/v2/pokemon');
const data = await response.json();
return data
@harrisonmalone
harrisonmalone / index.html
Created June 2, 2020 01:34
<!DOCTYPE html>
<html>
<head> </head>
<body>
<button>Add student</button>
<script>
document.querySelector('button').addEventListener('click', function () {
let data = { student: { name: 'Sarah', location: 'Sydney' } }
fetch('http://localhost:3000/students', {
method: 'POST',
@harrisonmalone
harrisonmalone / index.js
Created June 1, 2020 01:00
// Problem 1
// Write a function called arrayMultiply that takes two numbers, and a callback function as arguments. Return the callback function with the two numbers (those arguments) multiplied together as its argument.
// Define an array outside of this function. Because JS scope works differently to Ruby you will be able to use that array within the following function without passing it through as an argument. But please note that it will not be functional programming as such - but in this case if you use map a new array will be created (rather than the original being mutated).
// Define a variable and in it store the result of arrayMultiply when called with 2, 2, and also an anonymous callback function that takes the result as an argument, and then multiplies each element in the array by that result. When you console.log this variable to screen it should produce [ 4, 8, 12 ].
const arr = [1, 2, 3]
function arrayMultiply(num1, num2, cb) {
const sum = num1 * num2
// => 2 * 2 = 4