diff --git a/01-JS-DOM-APIs/css/maincss.css b/01-JS-DOM-APIs/css/maincss.css
new file mode 100644
index 00000000..db76360e
--- /dev/null
+++ b/01-JS-DOM-APIs/css/maincss.css
@@ -0,0 +1,23 @@
+body{
+    margin: 5px;
+    padding: 5px;
+}
+section{
+    text-align: center;
+}
+.ocultado{
+    visibility:hidden;
+    opacity: 0;
+}
+.mostrado{
+    visibility:visible;
+    transition: opacity 2s;
+    opacity: 1;
+}
+aside{
+    float: right;
+    margin: 5px;
+}
+.classError{
+    background: red;
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/css/normalize.css b/01-JS-DOM-APIs/css/normalize.css
new file mode 100644
index 00000000..aba238fe
--- /dev/null
+++ b/01-JS-DOM-APIs/css/normalize.css
@@ -0,0 +1,341 @@
+/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/* Document
+   ========================================================================== */
+
+/**
+ * 1. Correct the line height in all browsers.
+ * 2. Prevent adjustments of font size after orientation changes in iOS.
+ */
+
+ html {
+    line-height: 1.15; /* 1 */
+    -webkit-text-size-adjust: 100%; /* 2 */
+  }
+  
+  /* Sections
+     ========================================================================== */
+  
+  /**
+   * Remove the margin in all browsers.
+   */
+  
+  body {
+    margin: 0;
+  }
+  
+  /**
+   * Correct the font size and margin on `h1` elements within `section` and
+   * `article` contexts in Chrome, Firefox, and Safari.
+   */
+  
+  h1 {
+    font-size: 2em;
+    margin: 0.67em 0;
+  }
+  
+  /* Grouping content
+     ========================================================================== */
+  
+  /**
+   * 1. Add the correct box sizing in Firefox.
+   * 2. Show the overflow in Edge and IE.
+   */
+  
+  hr {
+    box-sizing: content-box; /* 1 */
+    height: 0; /* 1 */
+    overflow: visible; /* 2 */
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  pre {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /* Text-level semantics
+     ========================================================================== */
+  
+  /**
+   * Remove the gray background on active links in IE 10.
+   */
+  
+  a {
+    background-color: transparent;
+  }
+  
+  /**
+   * 1. Remove the bottom border in Chrome 57-
+   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+   */
+  
+  abbr[title] {
+    border-bottom: none; /* 1 */
+    text-decoration: underline; /* 2 */
+    text-decoration: underline dotted; /* 2 */
+  }
+  
+  /**
+   * Add the correct font weight in Chrome, Edge, and Safari.
+   */
+  
+  b,
+  strong {
+    font-weight: bolder;
+  }
+  
+  /**
+   * 1. Correct the inheritance and scaling of font size in all browsers.
+   * 2. Correct the odd `em` font sizing in all browsers.
+   */
+  
+  code,
+  kbd,
+  samp {
+    font-family: monospace, monospace; /* 1 */
+    font-size: 1em; /* 2 */
+  }
+  
+  /**
+   * Add the correct font size in all browsers.
+   */
+  
+  small {
+    font-size: 80%;
+  }
+  
+  /**
+   * Prevent `sub` and `sup` elements from affecting the line height in
+   * all browsers.
+   */
+  
+  sub,
+  sup {
+    font-size: 75%;
+    line-height: 0;
+    position: relative;
+    vertical-align: baseline;
+  }
+  
+  sub {
+    bottom: -0.25em;
+  }
+  
+  sup {
+    top: -0.5em;
+  }
+  
+  /* Embedded content
+     ========================================================================== */
+  
+  /**
+   * Remove the border on images inside links in IE 10.
+   */
+  
+  img {
+    border-style: none;
+  }
+  
+  /* Forms
+     ========================================================================== */
+  
+  /**
+   * 1. Change the font styles in all browsers.
+   * 2. Remove the margin in Firefox and Safari.
+   */
+  
+  button,
+  input,
+  optgroup,
+  select,
+  textarea {
+    font-family: inherit; /* 1 */
+    font-size: 100%; /* 1 */
+    line-height: 1.15; /* 1 */
+    margin: 0; /* 2 */
+  }
+  
+  /**
+   * Show the overflow in IE.
+   * 1. Show the overflow in Edge.
+   */
+  
+  button,
+  input { /* 1 */
+    overflow: visible;
+  }
+  
+  /**
+   * Remove the inheritance of text transform in Edge, Firefox, and IE.
+   * 1. Remove the inheritance of text transform in Firefox.
+   */
+  
+  button,
+  select { /* 1 */
+    text-transform: none;
+  }
+  
+  /**
+   * Correct the inability to style clickable types in iOS and Safari.
+   */
+  
+  button,
+  [type="button"],
+  [type="reset"],
+  [type="submit"] {
+    -webkit-appearance: button;
+  }
+  
+  /**
+   * Remove the inner border and padding in Firefox.
+   */
+  
+  button::-moz-focus-inner,
+  [type="button"]::-moz-focus-inner,
+  [type="reset"]::-moz-focus-inner,
+  [type="submit"]::-moz-focus-inner {
+    border-style: none;
+    padding: 0;
+  }
+  
+  /**
+   * Restore the focus styles unset by the previous rule.
+   */
+  
+  button:-moz-focusring,
+  [type="button"]:-moz-focusring,
+  [type="reset"]:-moz-focusring,
+  [type="submit"]:-moz-focusring {
+    outline: 1px dotted ButtonText;
+  }
+  
+  /**
+   * Correct the padding in Firefox.
+   */
+  
+  fieldset {
+    padding: 0.35em 0.75em 0.625em;
+  }
+  
+  /**
+   * 1. Correct the text wrapping in Edge and IE.
+   * 2. Correct the color inheritance from `fieldset` elements in IE.
+   * 3. Remove the padding so developers are not caught out when they zero out
+   *    `fieldset` elements in all browsers.
+   */
+  
+  legend {
+    box-sizing: border-box; /* 1 */
+    color: inherit; /* 2 */
+    display: table; /* 1 */
+    max-width: 100%; /* 1 */
+    padding: 0; /* 3 */
+    white-space: normal; /* 1 */
+  }
+  
+  /**
+   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
+   */
+  
+  progress {
+    vertical-align: baseline;
+  }
+  
+  /**
+   * Remove the default vertical scrollbar in IE 10+.
+   */
+  
+  textarea {
+    overflow: auto;
+  }
+  
+  /**
+   * 1. Add the correct box sizing in IE 10.
+   * 2. Remove the padding in IE 10.
+   */
+  
+  [type="checkbox"],
+  [type="radio"] {
+    box-sizing: border-box; /* 1 */
+    padding: 0; /* 2 */
+  }
+  
+  /**
+   * Correct the cursor style of increment and decrement buttons in Chrome.
+   */
+  
+  [type="number"]::-webkit-inner-spin-button,
+  [type="number"]::-webkit-outer-spin-button {
+    height: auto;
+  }
+  
+  /**
+   * 1. Correct the odd appearance in Chrome and Safari.
+   * 2. Correct the outline style in Safari.
+   */
+  
+  [type="search"] {
+    -webkit-appearance: textfield; /* 1 */
+    outline-offset: -2px; /* 2 */
+  }
+  
+  /**
+   * Remove the inner padding in Chrome and Safari on macOS.
+   */
+  
+  [type="search"]::-webkit-search-decoration {
+    -webkit-appearance: none;
+  }
+  
+  /**
+   * 1. Correct the inability to style clickable types in iOS and Safari.
+   * 2. Change font properties to `inherit` in Safari.
+   */
+  
+  ::-webkit-file-upload-button {
+    -webkit-appearance: button; /* 1 */
+    font: inherit; /* 2 */
+  }
+  
+  /* Interactive
+     ========================================================================== */
+  
+  /*
+   * Add the correct display in Edge, IE 10+, and Firefox.
+   */
+  
+  details {
+    display: block;
+  }
+  
+  /*
+   * Add the correct display in all browsers.
+   */
+  
+  summary {
+    display: list-item;
+  }
+  
+  /* Misc
+     ========================================================================== */
+  
+  /**
+   * Add the correct display in IE 10+.
+   */
+  
+  template {
+    display: none;
+  }
+  
+  /**
+   * Add the correct display in IE 10.
+   */
+  
+  [hidden] {
+    display: none;
+  }
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/index.html b/01-JS-DOM-APIs/index.html
new file mode 100644
index 00000000..fd4688b6
--- /dev/null
+++ b/01-JS-DOM-APIs/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>Bootcamp</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <link rel="stylesheet" type="text/css" media="screen" href="css/maincss.css" />
+    <link rel="stylesheet" type="text/css" media="screen" href="css/normalize.css" />
+    
+</head>
+<body onload="hacerFadeIn()">
+    <section>
+        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam nostrum totam, voluptates optio labore harum in vero nam rerum iusto porro accusamus, itaque cum, dolor architecto eveniet sit accusantium. Tempora.</p>
+    </section>
+    <section>
+       <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sit, delectus reprehenderit ab qui deleniti tempora unde maxime rem et ullam ad impedit repellat corrupti error eligendi modi exercitationem eius assumenda.</p>
+    </section>
+    <section id="fadein" class="ocultado">
+        <p>Hello World</p>
+    </section>
+    <button onclick="mostrarChiste();">Boton</button>
+    
+    <section id="contenidoJson"></section>
+    <br>
+    <button onclick="crearMatriz();">Cargar Matrix</button>
+    <section id="matriz">
+
+    </section>
+    <aside>
+        <input type="text" id="valorUsuario" placeholder="Agrege su valor">
+        <br>
+        <button onclick="traerConParametros(valorUsuario.value);">Traer Repositorio</button>
+        <br> Repositories
+        <ul id="repositores">
+
+        </ul>
+    
+    </aside>
+    <script src="js/main.js"></script>
+</body>
+</html>
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/js/main.js b/01-JS-DOM-APIs/js/main.js
new file mode 100644
index 00000000..65210b76
--- /dev/null
+++ b/01-JS-DOM-APIs/js/main.js
@@ -0,0 +1,83 @@
+function hacerFadeIn(){
+    var elementFadeIn = document.getElementById("fadein");
+    elementFadeIn.classList.remove("ocultado");
+    elementFadeIn.classList.add("mostrado");
+}
+function popUpMessage(){
+    alert("Mensaje de alerta!");
+}
+function mostrarChiste(){
+    var direc = {};
+    direc.method = 'GET';
+    direc.url = 'http://api.icndb.com/jokes/random';
+
+    reusable(direc).then(response =>{
+        var res = JSON.parse(response);
+        
+        if(res.type === "success"){
+            document.getElementById("contenidoJson").innerHTML = res.value.joke;
+        }
+    })
+    .catch(error => {
+        document.getElementById("contenidoJson").classList.add("classError");
+    })
+}
+function reusable(configuracion) {
+	return new Promise(function (resolve,reject){
+		var httpRqs = new XMLHttpRequest;
+	    httpRqs.open(configuracion.method, configuracion.url);
+        httpRqs.onload = function() {  
+            if (httpRqs.status == 200) {
+                resolve(httpRqs.response);
+            }
+            else {       
+                reject(Error(httpRqs.statusText));
+            }
+        }
+        httpRqs.onerror = function() {
+            reject(Error("Hubo un error"));
+        }
+        httpRqs.send();
+    })  
+};
+function traerConParametros(value){
+    var configurar = {};
+    configurar.method = 'GET';
+    configurar.url = 'https://api.github.com/search/repositories?q=' + value;
+
+    document.getElementById("repositores").innerHTML = '';
+
+    reusable(configurar).then(response =>{
+        var objeto = JSON.parse(response);
+        
+        objeto.items.forEach(elemento => {
+            document.getElementById("repositores").innerHTML += "<li>" + elemento["name"] + "</li>";
+        });
+    })
+    .catch(error => alert("cuidadooo"));    
+};
+function crearMatriz(matriz = [[14,25,78,2], [76,35,48], [98,37,81,88,91], [95,25,13,285]]){
+    var seccion = document.getElementById("matriz");
+    var tablaGeneral = document.createElement('table');
+    var cuerpoTabla = document.createElement('tbody');
+
+    var largo = matriz.length;
+    var i =0;
+   
+    for(i;i<largo;i++){
+        var fila = document.createElement('tr');
+        var elemento = matriz[i].length;
+        var n = 0;
+        for(n;n<elemento;n++){
+            var columna = document.createElement('td');
+            var node = document.createTextNode(matriz[i][n]);
+
+            columna.appendChild(node);
+            fila.appendChild(columna);
+        }
+
+        cuerpoTabla.appendChild(fila);
+    }
+    tablaGeneral.appendChild(cuerpoTabla);
+    seccion.appendChild(tablaGeneral);
+}
\ No newline at end of file