+
+
+
+
\ No newline at end of file
diff --git a/00-HTML-CSS-basics/topic0-exc2.5-2.6/normalize.css b/00-HTML-CSS-basics/topic0-exc2.5-2.6/normalize.css
new file mode 100644
index 000000000..a9c6f52f0
--- /dev/null
+++ b/00-HTML-CSS-basics/topic0-exc2.5-2.6/normalize.css
@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/00-HTML-CSS-basics/topic0-exc2.5-2.6/primera.jpg b/00-HTML-CSS-basics/topic0-exc2.5-2.6/primera.jpg
new file mode 100644
index 000000000..2bba5b335
Binary files /dev/null and b/00-HTML-CSS-basics/topic0-exc2.5-2.6/primera.jpg differ
diff --git a/00-HTML-CSS-basics/topic0-exc2.5-2.6/quinta.jpg b/00-HTML-CSS-basics/topic0-exc2.5-2.6/quinta.jpg
new file mode 100644
index 000000000..e16cfe7e8
Binary files /dev/null and b/00-HTML-CSS-basics/topic0-exc2.5-2.6/quinta.jpg differ
diff --git a/00-HTML-CSS-basics/topic0-exc2.5-2.6/segunda.jpg b/00-HTML-CSS-basics/topic0-exc2.5-2.6/segunda.jpg
new file mode 100644
index 000000000..866495962
Binary files /dev/null and b/00-HTML-CSS-basics/topic0-exc2.5-2.6/segunda.jpg differ
diff --git a/00-HTML-CSS-basics/topic0-exc2.5-2.6/sexta.jpg b/00-HTML-CSS-basics/topic0-exc2.5-2.6/sexta.jpg
new file mode 100644
index 000000000..ec25362d1
Binary files /dev/null and b/00-HTML-CSS-basics/topic0-exc2.5-2.6/sexta.jpg differ
diff --git a/00-HTML-CSS-basics/topic0-exc2.5-2.6/tercera.jpg b/00-HTML-CSS-basics/topic0-exc2.5-2.6/tercera.jpg
new file mode 100644
index 000000000..56078d3b3
Binary files /dev/null and b/00-HTML-CSS-basics/topic0-exc2.5-2.6/tercera.jpg differ
diff --git a/01-JS-DOM-APIs/Exc1-2/index.css b/01-JS-DOM-APIs/Exc1-2/index.css
new file mode 100644
index 000000000..6c1e0411b
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc1-2/index.css
@@ -0,0 +1,17 @@
+* {
+ text-align: center;
+}
+
+.loader-page {
+ position: fixed;
+ z-index: 25000;
+ background: rgb(255, 255, 255);
+ left: 0px;
+ top: 0px;
+ height: 100%;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: all .3s ease;
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc1-2/index.html b/01-JS-DOM-APIs/Exc1-2/index.html
new file mode 100644
index 000000000..25745de75
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc1-2/index.html
@@ -0,0 +1,51 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Hello World
+
+
+ Hello World
+
+
+
+
+
+
+
+
+
+
Article
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc1-2/index.js b/01-JS-DOM-APIs/Exc1-2/index.js
new file mode 100644
index 000000000..c398061e5
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc1-2/index.js
@@ -0,0 +1,12 @@
+$(window).on('load', function() {
+ setTimeout(function() {
+ $(".loader-page").css({
+ visibility: "hidden",
+ opacity: "0"
+ })
+ }, 2000);
+});
+
+function myFunction() {
+ alert("Alert Message!");
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc1-2/normalize.css b/01-JS-DOM-APIs/Exc1-2/normalize.css
new file mode 100644
index 000000000..a9c6f52f0
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc1-2/normalize.css
@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/01-JS-DOM-APIs/Exc3/index.html b/01-JS-DOM-APIs/Exc3/index.html
new file mode 100644
index 000000000..858cfc4a6
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc3/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Chuck Norris Joke
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc3/normalize.css b/01-JS-DOM-APIs/Exc3/normalize.css
new file mode 100644
index 000000000..a9c6f52f0
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc3/normalize.css
@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/01-JS-DOM-APIs/Exc3/script.js b/01-JS-DOM-APIs/Exc3/script.js
new file mode 100644
index 000000000..9129a3cfe
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc3/script.js
@@ -0,0 +1,29 @@
+function getJoke() {
+ var promise = functionRequest("GET", "http://api.icndb.com/jokes/random", true); // I create a variable, I assign a function and I pass the parameters to it.
+
+ promise.then(function(response) {
+ var valor = JSON.parse(response);
+ document.getElementById("joke").innerHTML = valor.value.joke;
+ }, function(error) {
+ document.getElementById("box").style.backgroundColor = 'Red';
+ console.log(error);
+ });
+}
+
+function functionRequest(method, url, async) {
+
+ var myPromise = new Promise(function(resolve, reject) {
+ var request = new XMLHttpRequest();
+
+ request.onreadystatechange = function() {
+ if (this.readyState == 4 && this.status < 399) {
+ resolve(this.responseText); // Notice by console that everything went well.
+ } else if (this.readyState === 4 && this.status > 399) {
+ reject(error("Something went wrong")); // Notice by console that something went wrong.
+ }
+ };
+ request.open(method, url, async);
+ request.send();
+ });
+ return myPromise;
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc3/style.css b/01-JS-DOM-APIs/Exc3/style.css
new file mode 100644
index 000000000..60057f0fa
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc3/style.css
@@ -0,0 +1,31 @@
+header {
+ text-align: center;
+ margin: 5% 11px 12px 13px;
+ font-family: sans-serif;
+ font-size: 42px;
+}
+
+button {
+ margin: auto auto auto 670px;
+ border-radius: 30px 0px 30px 0px;
+ -moz-border-radius: 30px 0px 30px 0px;
+ -webkit-border-radius: 30px 0px 30px 0px;
+ border: 1px solid;
+ /* display: inline-block; */
+}
+
+#box {
+ border-radius: 35px 0px 35px 0px;
+ -moz-border-radius: 35px 0px 35px 0px;
+ -webkit-border-radius: 35px 0px 35px 0px;
+ border: 2px solid #5878ca;
+ font-family: sans-serif;
+ font-size: 37px;
+ font-weight: 400;
+ color: #ffffff;
+ background: #889ccf;
+ margin: 0 13% 25px 13%;
+ overflow: hidden;
+ padding: 20px;
+ text-align: center;
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc4/debug.log b/01-JS-DOM-APIs/Exc4/debug.log
new file mode 100644
index 000000000..931310a59
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc4/debug.log
@@ -0,0 +1 @@
+[1103/185731.276:ERROR:process_info.cc(359)] UncheckedAllocate
diff --git a/01-JS-DOM-APIs/Exc4/index.html b/01-JS-DOM-APIs/Exc4/index.html
new file mode 100644
index 000000000..55e655ed2
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc4/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Search the repositories of a GitHub user
+
+
+
+ Enter the User:
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc4/normalize.css b/01-JS-DOM-APIs/Exc4/normalize.css
new file mode 100644
index 000000000..a9c6f52f0
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc4/normalize.css
@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/01-JS-DOM-APIs/Exc4/script.js b/01-JS-DOM-APIs/Exc4/script.js
new file mode 100644
index 000000000..a1664dda6
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc4/script.js
@@ -0,0 +1,19 @@
+function getRepositorie() {
+ var request = new XMLHttpRequest();
+ var search = document.getElementById("user").value;
+ request.open("GET", "https://api.github.com/search/repositories?q=" + search, true);
+ request.onload = () => get_list(JSON.parse(request.responseText));
+ request.send();
+}
+
+function get_list(user) {
+ var userList = document.getElementsByClassName("repositories")[0];
+ var Ul = document.createElement("ul");
+ for (var count = 0; count < user.items.length; count++) {
+ var Li = document.createElement("li");
+ var user_Repo = document.createTextNode(user.items[count].name);
+ Li.appendChild(user_Repo);
+ Ul.appendChild(Li);
+ }
+ userList.appendChild(Ul);
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc4/style.css b/01-JS-DOM-APIs/Exc4/style.css
new file mode 100644
index 000000000..5af67786e
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc4/style.css
@@ -0,0 +1,21 @@
+* {
+ font-family: sans-serif;
+ text-align: center;
+}
+
+header {
+ margin: 5% 11px 12px 13px;
+ font-size: 42px;
+}
+
+div {
+ margin: 13px 250px 13px 250px;
+ box-align: center;
+ padding: 2%;
+}
+
+.repositories {
+ font-size: 18px;
+ border-style: double;
+ /* visibility: hidden; */
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc6/index.css b/01-JS-DOM-APIs/Exc6/index.css
new file mode 100644
index 000000000..4dc1bf6a1
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc6/index.css
@@ -0,0 +1,35 @@
+* {
+ font-family: sans-serif;
+ text-align: center;
+}
+
+header {
+ margin: 5% 11px 12px 13px;
+ font-size: 42px;
+}
+
+div {
+ margin: 13px 250px 13px 250px;
+ box-align: center;
+ padding: 2%;
+}
+
+.repositories {
+ font-size: 18px;
+ border-style: double;
+ /* visibility: hidden; */
+}
+
+table {
+ /* Centro la tabla y quito espacios entre las filas y columnas*/
+ margin: 0 auto;
+ width: 350px;
+ border-collapse: collapse;
+ margin-bottom: 3%;
+}
+
+td,
+th {
+ /* Agrego bordes a las filas y columnas */
+ border: 1px solid black;
+}
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc6/index.html b/01-JS-DOM-APIs/Exc6/index.html
new file mode 100644
index 000000000..2194c51a1
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc6/index.html
@@ -0,0 +1,25 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Create Table!
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc6/index.js b/01-JS-DOM-APIs/Exc6/index.js
new file mode 100644
index 000000000..ff971adc0
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc6/index.js
@@ -0,0 +1,86 @@
+// Funcion para crear la tabla
+function create_table() {
+ // Take the reference of the element body.
+ var body = document.getElementsByTagName("body")[0];
+ // Create the elements
and .
+ var table = document.createElement("table");
+ var tbody = document.createElement("tbody");
+ // Variables
+ var row;
+ var cells;
+ var textCells;
+ var counter;
+ var counter_2;
+
+ // Create cells titles
+ row = document.createElement("tr");
+ for (counter_2 = 0; counter_2 < 3; counter_2++) {
+ cells = document.createElement("th");
+ if (counter_2 === 0) {
+ textCells = document.createTextNode("Name");
+ }
+ if (counter_2 === 1) {
+ textCells = document.createTextNode("LastName");
+ }
+ if (counter_2 === 2) {
+ textCells = document.createTextNode("Age");
+ }
+ cells.appendChild(textCells);
+ row.appendChild(cells);
+ }
+ tbody.appendChild(row);
+
+ // Create cells content
+ for (counter = 0; counter < getRandomArbitrary(100); counter++) {
+ row = document.createElement("tr");
+
+ for (counter_2 = 0; counter_2 < 3; counter_2++) {
+ cells = document.createElement("td");
+ if (counter_2 === 0) {
+ textCells = document.createTextNode(names[getRandomArbitrary(names.length - 1)]);
+ }
+ if (counter_2 === 1) {
+ textCells = document.createTextNode(lastname[getRandomArbitrary(lastname.length - 1)]);
+ }
+ if (counter_2 === 2) {
+ textCells = document.createTextNode(getRandomArbitrary(100));
+ }
+
+ cells.appendChild(textCells);
+ row.appendChild(cells);
+ }
+ tbody.appendChild(row);
+ }
+ table.appendChild(tbody);
+ body.appendChild(table);
+}
+
+
+// Function to create a random number.
+function getRandomArbitrary(max) {
+ return Math.round(Math.random() * max);
+}
+// Array list of names.
+var names = ['Abie', 'Aaron',
+ 'Adele', 'Abadie',
+ 'AdelineE', 'Abel',
+ 'Adriana', 'Abigail',
+ 'Aeryn', 'Abraham',
+ 'Agnes', 'Achille',
+ 'Ailann', 'Adam',
+ 'Alanis', 'Adolf',
+ 'Alberta', 'Adrian',
+ 'Alberte', 'Adrien',
+ 'Alessia', 'Aki'
+];
+// Array list of lastnames.
+var lastname = ['Roberts',
+ 'Thomas', 'Evans',
+ 'Wilson', 'Davies',
+ 'Taylor', 'Brown',
+ 'Williams', 'Jones',
+ 'Smith', 'Smith',
+ 'Johnson', 'Williams',
+ 'Brown', 'Jones',
+ 'Miller', 'Garcia'
+];
\ No newline at end of file
diff --git a/01-JS-DOM-APIs/Exc6/normalize.css b/01-JS-DOM-APIs/Exc6/normalize.css
new file mode 100644
index 000000000..a9c6f52f0
--- /dev/null
+++ b/01-JS-DOM-APIs/Exc6/normalize.css
@@ -0,0 +1,396 @@
+/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
+
+/* ==========================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/**
+ * Correct `block` display not defined in IE 8/9.
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+main,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/**
+ * Correct `inline-block` display not defined in IE 8/9.
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+}
+
+/**
+ * Prevent modern browsers from displaying `audio` without controls.
+ * Remove excess height in iOS 5 devices.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+[hidden] {
+ display: none;
+}
+
+/* ==========================================================================
+ Base
+ ========================================================================== */
+
+/**
+ * 1. Set default font family to sans-serif.
+ * 2. Prevent iOS text size adjust after orientation change, without disabling
+ * user zoom.
+ */
+
+html {
+ font-family: sans-serif; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/**
+ * Remove default margin.
+ */
+
+body {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Links
+ ========================================================================== */
+
+/**
+ * Address `outline` inconsistency between Chrome and other browsers.
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/**
+ * Improve readability when focused and also mouse hovered in all browsers.
+ */
+
+a:active,
+a:hover {
+ outline: 0;
+}
+
+/* ==========================================================================
+ Typography
+ ========================================================================== */
+
+/**
+ * Address variable `h1` font-size and margin within `section` and `article`
+ * contexts in Firefox 4+, Safari 5, and Chrome.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/**
+ * Address styling not present in IE 8/9, Safari 5, and Chrome.
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/**
+ * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
+ */
+
+b,
+strong {
+ font-weight: bold;
+}
+
+/**
+ * Address styling not present in Safari 5 and Chrome.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Address differences between Firefox and other browsers.
+ */
+
+hr {
+ -moz-box-sizing: content-box;
+ box-sizing: content-box;
+ height: 0;
+}
+
+/**
+ * Address styling not present in IE 8/9.
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/**
+ * Correct font family set oddly in Safari 5 and Chrome.
+ */
+
+code,
+kbd,
+pre,
+samp {
+ font-family: monospace, serif;
+ font-size: 1em;
+}
+
+/**
+ * Improve readability of pre-formatted text in all browsers.
+ */
+
+pre {
+ white-space: pre-wrap;
+}
+
+/**
+ * Set consistent quote types.
+ */
+
+q {
+ quotes: "\201C" "\201D" "\2018" "\2019";
+}
+
+/**
+ * Address inconsistent and variable font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` affecting `line-height` in all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+/* ==========================================================================
+ Embedded content
+ ========================================================================== */
+
+/**
+ * Remove border when inside `a` element in IE 8/9.
+ */
+
+img {
+ border: 0;
+}
+
+/**
+ * Correct overflow displayed oddly in IE 9.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* ==========================================================================
+ Figures
+ ========================================================================== */
+
+/**
+ * Address margin not present in IE 8/9 and Safari 5.
+ */
+
+figure {
+ margin: 0;
+}
+
+/* ==========================================================================
+ Forms
+ ========================================================================== */
+
+/**
+ * Define consistent border, margin, and padding.
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct `color` not being inherited in IE 8/9.
+ * 2. Remove padding so people aren't caught out if they zero out fieldsets.
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Correct font family not being inherited in all browsers.
+ * 2. Correct font size not being inherited in all browsers.
+ * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
+ */
+
+button,
+input,
+select,
+textarea {
+ font-family: inherit; /* 1 */
+ font-size: 100%; /* 2 */
+ margin: 0; /* 3 */
+}
+
+/**
+ * Address Firefox 4+ setting `line-height` on `input` using `!important` in
+ * the UA stylesheet.
+ */
+
+button,
+input {
+ line-height: normal;
+}
+
+/**
+ * Address inconsistent `text-transform` inheritance for `button` and `select`.
+ * All other form control elements do not inherit `text-transform` values.
+ * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
+ * Correct `select` style inheritance in Firefox 4+ and Opera.
+ */
+
+button,
+select {
+ text-transform: none;
+}
+
+/**
+ * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
+ * and `video` controls.
+ * 2. Correct inability to style clickable `input` types in iOS.
+ * 3. Improve usability and consistency of cursor style between image-type
+ * `input` and others.
+ */
+
+button,
+html input[type="button"], /* 1 */
+input[type="reset"],
+input[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+ cursor: pointer; /* 3 */
+}
+
+/**
+ * Re-set default cursor for disabled elements.
+ */
+
+button[disabled],
+html input[disabled] {
+ cursor: default;
+}
+
+/**
+ * 1. Address box sizing set to `content-box` in IE 8/9.
+ * 2. Remove excess padding in IE 8/9.
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
+ * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
+ * (include `-moz` to future-proof).
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/**
+ * Remove inner padding and search cancel button in Safari 5 and Chrome
+ * on OS X.
+ */
+
+input[type="search"]::-webkit-search-cancel-button,
+input[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * Remove inner padding and border in Firefox 4+.
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/**
+ * 1. Remove default vertical scrollbar in IE 8/9.
+ * 2. Improve readability and alignment in all browsers.
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+/* ==========================================================================
+ Tables
+ ========================================================================== */
+
+/**
+ * Remove most spacing between table cells.
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/02-oop-inheritance/Exc1/movie.js b/02-oop-inheritance/Exc1/movie.js
new file mode 100644
index 000000000..1febae10c
--- /dev/null
+++ b/02-oop-inheritance/Exc1/movie.js
@@ -0,0 +1,47 @@
+// MOVIE CLASS
+class Movie {
+ constructor(title, year, duration) {
+ this.title = title;
+ this.year = year;
+ this.duration = duration;
+ }
+
+ play() {
+ console.log("the movie is playing.");
+ }
+
+ pause() {
+ console.log("the movie is paused.")
+ }
+
+ resume() {
+ console.log("Resume of the movie.")
+ }
+}
+
+// ACTOR CLASS
+class Actor {
+ constructor(name, age) {
+ this.name = name;
+ this.age = age;
+ }
+}
+
+
+// EVENTEMITTER CLASS
+class EventEmitter {
+ constructor() {
+
+ }
+
+ on(eventName, callback) {
+
+ }
+ emit(eventName) {
+
+ }
+ off(eventName, callback) {
+
+ }
+
+}
\ No newline at end of file
diff --git a/02-oop-inheritance/Exc2/All.js b/02-oop-inheritance/Exc2/All.js
new file mode 100644
index 000000000..a8a24fe14
--- /dev/null
+++ b/02-oop-inheritance/Exc2/All.js
@@ -0,0 +1,115 @@
+// This file contains all the classes to be compiled here and tested.
+// There is also an index.js file that has the same operation as this All.js
+// but that imports the classes.
+
+class Logger {
+ constructor() {
+
+ }
+ log(eventName) {
+ console.log(`event ${eventName} is active`);
+ }
+}
+
+class EventEmitter extends Logger {
+ constructor() {
+ super();
+ this.events = [];
+ }
+
+ on(eventName, callback) { // 'on' is used to add a callback function that’s going to be executed when the event is triggered || Eventname = play, pause, resume.
+ // 'EventName' is a string and 'callback' is a function
+ if (this.events[eventName]) {
+ this.events[eventName].push(callback);
+ } else {
+ this.events[eventName] = [callback];
+ }
+ }
+ emit(eventName) { // emit is used to trigger an event
+ if (this.events[eventName]) {
+ this.events[eventName].forEach(cb => {
+ this.log(eventName);
+ cb();
+ });
+ }
+ }
+ off(eventName) {
+ if (this.events[eventName]) {
+ this.events[eventName].splice(this.events[eventName], this.events[eventName].length);
+ }
+ }
+}
+
+class Movie extends EventEmitter {
+ constructor(title, year, duration) {
+ super();
+ this.title = title;
+ this.year = year;
+ this.duration = duration;
+ this.cast = [];
+ }
+
+ play() {
+ super.emit("Play");
+ }
+
+ pause() {
+ super.emit("Pause");
+ }
+
+ resume() {
+ super.emit("Resume");
+ }
+
+ addCast(actor) {
+ if (actor.length != undefined) {
+ for (var i = 0; i < actor.length; i++) {
+ this.cast.push(actor[i]);
+ }
+ } else {
+ this.cast.push(actor);
+ }
+ }
+}
+
+var Social = {
+ share(friendName) {
+ console.log(`${friendName} is sharing with you.`);
+ },
+ like(friendName) {
+ console.log(`${friendName} likes the movie.`);
+ }
+}
+
+class Actor {
+ constructor(name, age) {
+ this.name = name;
+ this.age = age;
+ }
+}
+
+var Terminator = new Movie("Terminator", 1996, 180);
+var arnold = new Actor("Arnold Schwarzenegger", 50);
+Object.assign(Movie.prototype, Social); // Mixing
+Terminator.addCast(arnold);
+var othercast = [
+ new Actor('Paul Winfield', 50),
+ new Actor('Michael Biehn', 50),
+ new Actor('Linda Hamilton', 50)
+];
+Terminator.addCast(othercast);
+
+Terminator.share("Gonzalo");
+Terminator.like("Gonzalo");
+Terminator.on("Play", function() {
+ console.log("Play Event");
+});
+Terminator.on("Pause", function() {
+ console.log("Pause Event");
+});
+Terminator.on("Resume", function() {
+ console.log("Resume Event");
+});
+Terminator.play();
+Terminator.pause();
+Terminator.resume();
\ No newline at end of file
diff --git a/02-oop-inheritance/Exc2/actor.js b/02-oop-inheritance/Exc2/actor.js
new file mode 100644
index 000000000..98514721e
--- /dev/null
+++ b/02-oop-inheritance/Exc2/actor.js
@@ -0,0 +1,6 @@
+export class Actor {
+ constructor(name, age) {
+ this.name = name;
+ this.age = age;
+ }
+}
\ No newline at end of file
diff --git a/02-oop-inheritance/Exc2/eventEmitter.js b/02-oop-inheritance/Exc2/eventEmitter.js
new file mode 100644
index 000000000..36840ccca
--- /dev/null
+++ b/02-oop-inheritance/Exc2/eventEmitter.js
@@ -0,0 +1,31 @@
+import { Logger } from "./logger";
+
+export class EventEmitter extends Logger {
+ constructor() {
+ super();
+ this.events = [];
+ }
+
+ on(eventName, callback) { // 'on' is used to add a callback function that’s going to be executed when the event is triggered || Eventname = play, pause, resume.
+ // 'EventName' is a string and 'callback' is a function
+ if (this.events[eventName]) {
+ this.events[eventName].push(callback);
+ } else {
+ this.events[eventName] = [callback];
+ }
+ }
+ emit(eventName) { // emit is used to trigger an event
+ if (this.events[eventName]) {
+ this.events[eventName].forEach(cb => {
+ this.log(eventName);
+ cb();
+ });
+ }
+
+ }
+ off(eventName) {
+ if (this.events[eventName]) {
+ this.events[eventName].splice(this.events[eventName], this.events[eventName].length);
+ }
+ }
+}
\ No newline at end of file
diff --git a/02-oop-inheritance/Exc2/index.js b/02-oop-inheritance/Exc2/index.js
new file mode 100644
index 000000000..4ec0e0a65
--- /dev/null
+++ b/02-oop-inheritance/Exc2/index.js
@@ -0,0 +1,29 @@
+// This file imports the classes used to be able to work.
+// There is also an All.js file that contains all the classes without importing
+// and that can be executed from that same All.js file
+
+import { Actor } from "./actor.js";
+import { Movie } from "./movie.js";
+import { EventEmitter } from "./eventEmitter.js";
+import { Logger } from "./logger.js";
+
+var Terminator = new Movie("Terminator", 1996, 180);
+var arnold = new Actor("Arnold Schwarzenegger", 50);
+Object.assign(Movie.prototype, Social); // Mixing
+Terminator.addCast(arnold);
+var othercast = [
+ new Actor('Paul Winfield', 50),
+ new Actor('Michael Biehn', 50),
+ new Actor('Linda Hamilton', 50)
+];
+Terminator.addCast(othercast);
+// console.log(Terminator.cast);
+
+Terminator.share("Gonzalo");
+Terminator.like("Gonzalo");
+Terminator.on("Play", function() {});
+Terminator.on("Pause", function() {});
+Terminator.on("Resume", function() {});
+Terminator.play();
+Terminator.pause();
+Terminator.resume();
\ No newline at end of file
diff --git a/02-oop-inheritance/Exc2/logger.js b/02-oop-inheritance/Exc2/logger.js
new file mode 100644
index 000000000..c0bee468d
--- /dev/null
+++ b/02-oop-inheritance/Exc2/logger.js
@@ -0,0 +1,8 @@
+export class Logger {
+ constructor() {
+
+ }
+ log(eventName) {
+ console.log(`event ${eventName} is active`);
+ }
+}
\ No newline at end of file
diff --git a/02-oop-inheritance/Exc2/movie.js b/02-oop-inheritance/Exc2/movie.js
new file mode 100644
index 000000000..cdc229a58
--- /dev/null
+++ b/02-oop-inheritance/Exc2/movie.js
@@ -0,0 +1,34 @@
+import { EventEmitter } from "./eventEmitter";
+
+class Movie extends EventEmitter {
+ constructor(title, year, duration) {
+ super();
+ this.title = title;
+ this.year = year;
+ this.duration = duration;
+ this.cast = [];
+ }
+
+ play() {
+ super.emit("Play");
+ }
+
+ pause() {
+ super.emit("Pause");
+ }
+
+ resume() {
+ super.emit("Resume");
+ }
+
+ addCast(actor) {
+ if (actor.length != undefined) {
+ for (var i = 0; i < actor.length; i++) {
+ this.cast.push(actor[i]);
+
+ }
+ } else {
+ this.cast.push(actor);
+ }
+ }
+}
\ No newline at end of file
diff --git a/02-oop-inheritance/Exc2/social.js b/02-oop-inheritance/Exc2/social.js
new file mode 100644
index 000000000..a7fa20083
--- /dev/null
+++ b/02-oop-inheritance/Exc2/social.js
@@ -0,0 +1,8 @@
+export var Social = {
+ share(friendName) {
+ console.log(`${friendName} is sharing with you.`);
+ },
+ like(friendName) {
+ console.log(`${friendName} likes the movie.`);
+ }
+}
\ No newline at end of file
diff --git a/03-MVC-AngularJS/.empty b/03-MVC-AngularJS/.empty
deleted file mode 100644
index e69de29bb..000000000
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+ 
+
+