Skip to content

Instantly share code, notes, and snippets.

View faddah's full-sized avatar

Faddah Wolf faddah

24 followers · 27 following
View GitHub Profile
@faddah
faddah / DOM-Cardio-partial.js
Last active March 17, 2021 01:40
Faddah's Playing Card solution from Wes Bos' DOM-Cardio.js
// create a function called generatePlayerCard that takes in three arguments: name, age, and height
const generatePlayerCard = (name, age, height) => `
<div class="player-card">
<h2>${name} — ${age}</h2>
<p>Their height is ${height} and they are ${age} years old. In Dog years this person would be ${
age * 7
}. That would be a tall dog!</p>
<button onClick={this.closest('.player-card').remove()} class="card-delete-button" type="button">&times; Delete</button>
<style>
@faddah
faddah / index.js
Created August 1, 2020 18:12
String Compare Coding Challenge question
function missingWords(s, t) {
// split each string into an Array and have a result Array
const sArr = s.split(" ");
const tArr = t.split(" ");
let missingResult = [];
// compare the strings using a loop, pushing missing words into final missingResult Array
for (let i = 0; i < sArr.length; i++) {
if (!tArr.find(el => el === sArr[i])) {
missingResult.push(sArr[i]);
@faddah
faddah / FizzBuzz.js
Last active July 22, 2020 18:39
JavaScript FizzBuzz example
'use strict';
/*
* Complete the 'fizzBuzz' function below.
*
* The function accepts INTEGER n as parameter.
*/
function fizzBuzz(n) {
if(typeof n !== 'number') {
@faddah
faddah / build.gradle
Last active October 26, 2018 19:06
// Top-level build file where you can add configuration options common to all sub-projects/modules.
buildscript {
repositories {
jcenter()
maven {
url 'https://maven.google.com/'
name 'Google'
}
google()
@faddah
faddah / index.html
Created March 14, 2018 16:32
My Video Search & Play Project from Stephen Grider's "Modern React With Redux" Udemy Course
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/style/style.css">
<link rel="stylesheet" href="https://cdn.rawgit.com/twbs/bootstrap/48938155eb24b4ccdde09426066869504c6dab3c/dist/css/bootstrap.min.css">
<script src="https://maps.googleapis.com/maps/api/js"></script>
</head>
@faddah
faddah / App.js
Created June 18, 2017 01:03
My version of Jason Brown's React Native progress bar from his video tutorial
import React, { Component } from 'react';
import { AppRegistry, StyleSheet, Text, View, Animated } from "react-native";
class ProgressBar extends Component {
componentWillMount() {
this.animation = new Animated.Value(this.props.progress);
}
componentDidUpdate(prevProps, prevState) {
@faddah
faddah / bash.txt
Created March 31, 2017 22:38
JavaScript Console from my Angular.JS 1.6.4 Weather SPA.
angular.js:14525 Error: [$sce:insecurl] http://errors.angularjs.org/1.6.4/$sce/insecurl?p0=https%3A%2F%2Fapi.openweathermap.org%2Fdata%2F2.5%2Fforecast%2Fdaily
at https://code.angularjs.org/1.6.4/angular.min.js:6:425
at getTrusted (https://code.angularjs.org/1.6.4/angular.min.js:155:411)
at Object.c.(anonymous function) [as getTrustedResourceUrl] (https://code.angularjs.org/1.6.4/angular.min.js:157:175)
at p (https://code.angularjs.org/1.6.4/angular.min.js:102:451)
at https://code.angularjs.org/1.6.4/angular.min.js:101:207
at https://code.angularjs.org/1.6.4/angular.min.js:134:467
at m.$digest (https://code.angularjs.org/1.6.4/angular.min.js:145:417)
at b.$apply (https://code.angularjs.org/1.6.4/angular.min.js:149:113)
at HTMLFormElement.<anonymous> (https://code.angularjs.org/1.6.4/angular.min.js:284:239)
@faddah
faddah / jquery_easing_example.js
Created February 8, 2017 03:44
$('.top-btn').click(function(e) {
const top = $('#top')[0];
$(this).animate(
{
scrollTop: top
}, 600, 'swing', () => {console.log("going back up!")});
});
@faddah
faddah / script.js
Created December 13, 2016 01:10
JavaScript trying to add key/value pair with Map.property.set()
document.querySelector('#outcome5').innerHTML = inventors.sort((a, b) => {
const lastPersonAge = a.passed - a.year;
const nextPersonAge = b.passed - b.year;
a.set(age, lastPersonAge);
b.set(age, nextPersonAge);
return nextPersonAge > lastPersonAge ? 1 : -1;
}).map(inventor => ` ${inventor.first} ${inventor.last} — age: ${inventor.passed - inventor.year}`);
@faddah
faddah / index.html
Created October 21, 2016 05:56
React-Calc
<div id="calc-app" class="loading">Loading</div>
<div class="clear"></div>