Skip to content

Instantly share code, notes, and snippets.

View misterhtmlcss's full-sized avatar

Roger Kondrat misterhtmlcss

View GitHub Profile
@RichardsonColin
RichardsonColin / GITPOD-heroku_deploy.md
Last active October 20, 2022 04:07
Lighthouse Labs - Intro to Web Dev - W6D2 - Deploy to Heroku

🚀 Deploying Finstagram to Heroku 🚀

These instructions will help you deploy your Finstagram app to Heroku (a web hosting service), so that the entire internet will be able to see and interact with your application! Before we get to deployment though, we need to make sure a couple of our files are setup properly.

If you've already deployed and want to continue making changes, see the Making Changes section near the bottom.

🔧 Pre-Deployment: Push to Remote Repo and Merge Changes

  • In the terminal, type git branch

These are generic npm scripts that you can copy & paste into your package.json file as-is and get access to convinience scripts to manage your Docker images all in one place.

Looking for npm scripts for AWS ECS? Go here!

Watch the video: Do More With Less JavaScript

Docker Containers for Static or Angular/React/Vue/etc SPA Websites

@itsdevcoffee
itsdevcoffee / .js
Created January 16, 2017 07:13
Vue.js Tutorial - Posts
[
new Post(
'Vue.js',
'https://vuejs.org/',
'Chris',
'https://vuejs.org//images/logo.png'
),
new Post(
'React.js',
'https://facebook.github.io/react/',
@AaronPhalen
AaronPhalen / basic_vim_commands.md
Last active December 14, 2023 17:02
Useful Vi Editor Commands

Author: Aaron Phalen | Twitter: @aaron_phalen | Email: aaronphalen@gmail.com

#Useful Vi Editor Commands

  1. :w --> save to a file
  2. :q --> quit out of editor file
  3. :q! --> quit out of editor without saving file
  4. w --> move one word forward at a time in file
  5. b --> move one word back at a time in file
  6. :wq --> save file and quit editor
@diegoliv
diegoliv / gulpfile.js
Created May 14, 2015 17:31
gulpfile.js for building e-mail templates
var gulp = require( 'gulp' ),
sass = require( 'gulp-sass' ),
autoprefixer = require( 'gulp-autoprefixer' ),
minifycss = require( 'gulp-minify-css' ),
imagemin = require( 'gulp-imagemin' ),
rename = require( 'gulp-rename' ),
concat = require( 'gulp-concat' ),
plumber = require( 'gulp-plumber' ),
notify = require( 'gulp-notify' ),
inlineCss = require('gulp-inline-css'),
@jordanpoulton
jordanpoulton / pair_programming_roles
Last active September 11, 2023 23:18
Pair Programming Role Definitions - Driver:Navigator
Driver:
-Write the code according to the navigator's specification
-Listen intently to the navigators instructions
-Ask questions wherever there is a lack of clarity
-Offer alternative solutions if you disagree with the navigator
-Where there is disagreement, defer to the navigator. If their idea fails, get to failure quickly and move on
-Make sure code is clean
-Own the computer / keyboard
-Ignore larger issues and focus on the task at hand
-Trust the navigator - ultimately the navigator has the final say in what is written
@mikaelbr
mikaelbr / destructuring.js
Last active April 25, 2024 13:21
Complete collection of JavaScript destructuring. Runnable demos and slides about the same topic: http://git.mikaelb.net/presentations/bartjs/destructuring
// === Arrays
var [a, b] = [1, 2];
console.log(a, b);
//=> 1 2
// Use from functions, only select from pattern
var foo = () => [1, 2, 3];
@kerimdzhanov
kerimdzhanov / random.js
Last active April 20, 2024 03:21
JavaScript: get a random number from a specific range
/**
* Get a random floating point number between `min` and `max`.
*
* @param {number} min - min number
* @param {number} max - max number
* @return {number} a random floating point number
*/
function getRandomFloat(min, max) {
return Math.random() * (max - min) + min;
}
@johnschimmel
johnschimmel / index.html
Last active September 4, 2021 10:35
Demo of loading Google Maps, fetching Markers with AJAX, Geocoding new location and POSTing new location with AJAX. http://dwd-nodejs-remoteapis.herokuapp.com/
<style>
/* IMPORTANT - must give map div height */
#map-canvas {
height:400px;
}
/* IMPORTANT - fixes webkit infoWindow rendering */
#map-canvas img {
max-width: none;
}