Skip to content

Instantly share code, notes, and snippets.

View katio's full-sized avatar

Johann Echavarria katio

  • Medellín, Colombia
View GitHub Profile
@katio
katio / polyfill.js
Last active November 4, 2021 15:02
Collection of JavaScript polyfills of MDN (Mozilla Developer Network) https://developer.mozilla.org. Polyfill definition in MDN (https://developer.mozilla.org/en-US/docs/Web/Guide/Terminology) "A polyfill is a piece of code that implements a common API that isn't natively supported by a browser". This file can be used in XPages SSJS (Server Side…
"use strict";
/*Start of developer.mozilla.org Polyfill*/
/*WARNING FOR SERVER SIDE JAVASCRIPT IN XPAGES: http://xomino.com/2014/03/02/prototypal-inheritance-of-ssjs-across-the-whole-server-in-xpages/ http://stackoverflow.com/questions/26695434/how-to-clean-ssjs-in-domino-server-after-someone-used-javascript-*/
/*
* Polyfill:
Array.isArray
Array.prototype.indexOf
Array.prototype.lastIndexOf
Array.prototype.forEach
Array.prototype.some
@katio
katio / dado.html
Last active September 24, 2021 02:56
Totalidad de código de hilo de Twitter #ProgramaciónDesdeCero https://twitter.com/abrupto/status/1411413368091643905
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>
lanzador de dado
</title>
<link rel="icon" type="image/png" href="https://i.imgur.com/dNkJmNs.png">
</head>
@katio
katio / dado.html
Created July 3, 2021 07:44
Código de video número 28 de la serie Programación desde cero. Condicionales en JavaScript: if...else: https://www.youtube.com/watch?v=txFTstj87pE&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=28 https://twitter.com/abrupto
<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
body {
color: green;
font-family: arial;
@katio
katio / dado.html
Created July 3, 2021 07:28
Código de video número 26 de la serie Programación desde cero. JavaScript: eventos y cómo programar un clic: https://www.youtube.com/watch?v=_i4fUcYaYM0&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=26 https://twitter.com/abrupto
<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
body {
color: green;
font-family: arial;
}
#dado {
@katio
katio / dado.html
Last active July 3, 2021 07:25
Código de video número 13 de la serie Programación desde cero. CSS: reglas, selectores y declaraciones: https://www.youtube.com/watch?v=ORR8-rwXsnE&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=14 https://twitter.com/abrupto
<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
body {
color: green;
}
</style>
<h1>Dado</h1>
@katio
katio / dado.html
Last active July 3, 2021 07:24
Código de video número 11 de la serie Programación desde cero. Haciendo una aplicación desde cero: HTML: https://www.youtube.com/watch?v=FQd0SZoSkso&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=11 https://twitter.com/abrupto
<!DOCTYPE html>
<html>
<head></head>
<body>
<h1>Dado</h1>
<img src="https://i.imgur.com/AYxOJot.png" alt="Trébol de 4 hojas">
<button id="boton">Lanzar dado</button>
<div id="dado"></div>
</body>
</html>
@katio
katio / dado.html
Last active July 3, 2021 07:23
Código de video número 17 de la serie Programación desde cero. CSS: estilos de fondo, mouse y herramientas de desarrollo: https://www.youtube.com/watch?v=yFlSyWihha4&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=17 https://twitter.com/abrupto
<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
body {
color: green;
font-family: arial;
}
#dado {
@katio
katio / dado.html
Last active July 3, 2021 07:22
Código de video número 23 de la serie Programación desde cero. JavaScript: Camel case y ubicación de etiqueta script: https://www.youtube.com/watch?v=V55HUglWr5k&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=23 https://twitter.com/abrupto
<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
body {
color: green;
font-family: arial;
}
#dado {
@katio
katio / dado.html
Last active July 3, 2021 07:20
Código de video número 25 de la serie Programación desde cero. Separación de intereses en funciones de JavaScript: https://www.youtube.com/watch?v=-IHr6_q2DEs&list=PLZCwI0BeUWWK9xfJY9bO36_DG4QtXJX0o&index=25 https://twitter.com/abrupto
<!DOCTYPE html>
<html>
<head></head>
<body>
<style>
body {
color: green;
font-family: arial;
}
#dado {
@katio
katio / resig-netflix-inheritance.js
Last active April 23, 2018 22:45
From @dylanthehuman's article: (http://techblog.netflix.com/2014/05/improving-performance-of-our-javascript.html) about Netflix's improved version of John Resig's "simple-javascript-inheritance" (http://ejohn.org/blog/simple-javascript-inheritance/)
/* Simple JavaScript Inheritance with NFE's
* MIT Licensed.
*/
// Inspired by base2 and Prototype and John Resig's class system
(function(){
var initializing = false;
// The base Class implementation (does nothing)
this.Class = function(){};