From 0ed17fdff74266e08368213085f9f62aece0d3ca Mon Sep 17 00:00:00 2001 From: Matias Simone Date: Thu, 18 Oct 2018 09:39:23 -0300 Subject: [PATCH 01/15] Fixed troubleshooting in signUp.html (Tag table has been eliminated) --- 00-HTML-CSS-basics/1.HTML/signUp.html | 73 +++++++++++++-------------- 1 file changed, 35 insertions(+), 38 deletions(-) diff --git a/00-HTML-CSS-basics/1.HTML/signUp.html b/00-HTML-CSS-basics/1.HTML/signUp.html index efb3693c..56f2ec6b 100644 --- a/00-HTML-CSS-basics/1.HTML/signUp.html +++ b/00-HTML-CSS-basics/1.HTML/signUp.html @@ -1,5 +1,6 @@ + @@ -8,53 +9,49 @@ -
+

Sign Up

-
- - - - - - - - - - - - - - - - - - - - - - - - - -
- -
+ + +
+ +

+ +
+ +

+ +
+ +

+ +
+ +

+ +
+ +

+ +
+ +

+

-
From 3a467029ca645140882dc10086843f1ffc8e9d53 Mon Sep 17 00:00:00 2001 From: Matias Simone Date: Thu, 18 Oct 2018 10:21:56 -0300 Subject: [PATCH 02/15] Fixed troubleshooting in style.css (Two unnecessary lines has been eliminated) --- 00-HTML-CSS-basics/2.CSS/FirstExercises/css/style.css | 3 --- 1 file changed, 3 deletions(-) diff --git a/00-HTML-CSS-basics/2.CSS/FirstExercises/css/style.css b/00-HTML-CSS-basics/2.CSS/FirstExercises/css/style.css index 683ad75e..629f388d 100644 --- a/00-HTML-CSS-basics/2.CSS/FirstExercises/css/style.css +++ b/00-HTML-CSS-basics/2.CSS/FirstExercises/css/style.css @@ -6,9 +6,6 @@ .my-grid { display: grid; - grid-template-columns: 0.20fr 0.80fr 0.20fr; - grid-auto-rows: 0.07fr 0.93fr 0.10fr; - grid-template-areas: 'head head head head' 'nav section section aside' From 47b1b293ea3157c5580a90e514cfc69dffbb5713 Mon Sep 17 00:00:00 2001 From: Matias Simone Date: Thu, 18 Oct 2018 11:26:25 -0300 Subject: [PATCH 03/15] JavaScript and DOM APIs (Ex. 1) --- 01-JS-DOM-APIs/.empty | 0 01-JS-DOM-APIs/README.md | 3 + 01-JS-DOM-APIs/css/grid.css | 144 +++++++++++++ 01-JS-DOM-APIs/css/normalize.css | 341 +++++++++++++++++++++++++++++++ 01-JS-DOM-APIs/css/style.css | 55 +++++ 01-JS-DOM-APIs/img/favicon.png | Bin 0 -> 3650 bytes 01-JS-DOM-APIs/index.html | 35 ++++ 01-JS-DOM-APIs/js/scripts.js | 4 + 8 files changed, 582 insertions(+) delete mode 100644 01-JS-DOM-APIs/.empty create mode 100644 01-JS-DOM-APIs/README.md create mode 100644 01-JS-DOM-APIs/css/grid.css create mode 100644 01-JS-DOM-APIs/css/normalize.css create mode 100644 01-JS-DOM-APIs/css/style.css create mode 100644 01-JS-DOM-APIs/img/favicon.png create mode 100644 01-JS-DOM-APIs/index.html create mode 100644 01-JS-DOM-APIs/js/scripts.js diff --git a/01-JS-DOM-APIs/.empty b/01-JS-DOM-APIs/.empty deleted file mode 100644 index e69de29b..00000000 diff --git a/01-JS-DOM-APIs/README.md b/01-JS-DOM-APIs/README.md new file mode 100644 index 00000000..60aed149 --- /dev/null +++ b/01-JS-DOM-APIs/README.md @@ -0,0 +1,3 @@ +# 01-JS-DOM-APIs + +### \ No newline at end of file diff --git a/01-JS-DOM-APIs/css/grid.css b/01-JS-DOM-APIs/css/grid.css new file mode 100644 index 00000000..ba4204d5 --- /dev/null +++ b/01-JS-DOM-APIs/css/grid.css @@ -0,0 +1,144 @@ +/*________________________________________________________________________________________________ +Borders and padding are drawn inside the set width of your content. The margin is drawn outside.*/ + +*, +*:before, +*:after { + -moz-box-sizing: border-box; + -webkit-box-sizing: border-box; + box-sizing: border-box; +} + +/*________________________________________________________________________________________________ +Grid Layout.*/ + +@media (min-width: 600px) { + main { + display: grid; + grid-template-columns: repeat(6, 1fr); + } + + + .col-1-row-1 { + grid-column: span 1; + grid-row: span 1; + } + + .col-2-row-1 { + grid-column: span 2; + grid-row: span 1; + } + + .col-3-row-1 { + grid-column: span 3; + grid-row: span 1; + } + + .col-4-row-1 { + grid-column: span 4; + grid-row: span 1; + } + + .col-5-row-1 { + grid-column: span 5; + grid-row: span 1; + } + + .col-6-row-1 { + grid-column: span 6; + grid-row: span 1; + } + + .col-1-row-1 { + grid-column: span 1; + grid-row: span 1; + } + + .col-2-row-2 { + grid-column: span 2; + grid-row: span 2; + } + + .col-3-row-2 { + grid-column: span 3; + grid-row: span 2; + } + + .col-4-row-2 { + grid-column: span 4; + grid-row: span 2; + } + + .col-5-row-2 { + grid-column: span 5; + grid-row: span 2; + } + + .col-6-row-2 { + grid-column: span 6; + grid-row: span 2; + } + + .col-1-row-3 { + grid-column: span 1; + grid-row: span 3; + } + + .col-2-row-3 { + grid-column: span 2; + grid-row: span 3; + } + + .col-3-row-3 { + grid-column: span 3; + grid-row: span 3; + } + + .col-4-row-3 { + grid-column: span 4; + grid-row: span 3; + } + + .col-5-row-3 { + grid-column: span 5; + grid-row: span 3; + } + + .col-6-row-3 { + grid-column: span 6; + grid-row: span 3; + } + + .col-1-row-4 { + grid-column: span 1; + grid-row: span 4; + } + + .col-2-row-4 { + grid-column: span 2; + grid-row: span 4; + } + + .col-3-row-4 { + grid-column: span 3; + grid-row: span 4; + } + + .col-4-row-4 { + grid-column: span 4; + grid-row: span 4; + } + + .col-5-row-4 { + grid-column: span 5; + grid-row: span 4; + } + + .col-6-row-4 { + grid-column: span 6; + grid-row: span 4; + } + +} + +/*________________________________________________________________________________________________*/ \ 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/css/style.css b/01-JS-DOM-APIs/css/style.css new file mode 100644 index 00000000..f651914f --- /dev/null +++ b/01-JS-DOM-APIs/css/style.css @@ -0,0 +1,55 @@ + +/*Add a stylesheet to the HTML file and use it to center the texts of all section elements.*/ + +section > *{ + text-align: center; +} + +/*________________________________________________________________________________________*/ + +body { + max-width: 1600px; + margin: 0 auto; + font-family: Helvetica, sans-serif; + text-rendering: optimizeLegibility; + -webkit-font-smoothing: antialiased; +} + +h1 { + border-collapse: collapse; + padding: 0; + margin: 0; + text-align: center; + font-size: 3em; + line-height: 1.3em; +} + +h2 { + font-size: 2em; + margin-bottom: 1em; +} + +@media only screen and (max-width: 600px) { + p { + font-size: 2em; + } +} + +@media only screen and (min-width: 600px) { + p { + font-size: 1em; + } +} + +.footer { + + right: 0; + bottom: 0; + left: 0; + padding: 1rem; + background-color: #efefef; + text-align: center; + font-size: 1em; + line-height: 1.3em; +} + diff --git a/01-JS-DOM-APIs/img/favicon.png b/01-JS-DOM-APIs/img/favicon.png new file mode 100644 index 0000000000000000000000000000000000000000..1c8ea8e88d007be07cf0a6b03adbb3b3cb8893c0 GIT binary patch literal 3650 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 literal 0 HcmV?d00001 diff --git a/01-JS-DOM-APIs/index.html b/01-JS-DOM-APIs/index.html new file mode 100644 index 00000000..b34ff018 --- /dev/null +++ b/01-JS-DOM-APIs/index.html @@ -0,0 +1,35 @@ + + + + + + + Topic 1 - JavaScript and DOM APIs + + + + + + + + + + +
+

Topic 1 - JavaScript and DOM APIs

+
+ +
+ +
+ +
+ Matias Simone || matiassimone.d@gmail.com || 2018 BootcampUI +
+ + + + + \ No newline at end of file diff --git a/01-JS-DOM-APIs/js/scripts.js b/01-JS-DOM-APIs/js/scripts.js new file mode 100644 index 00000000..eb898454 --- /dev/null +++ b/01-JS-DOM-APIs/js/scripts.js @@ -0,0 +1,4 @@ + +function fadeIn() { + document.getElementById("sectionOnLoad").hidden = false; +} From 0ced08b24ef99ebe1c1ace6f1aef7314013dd5c6 Mon Sep 17 00:00:00 2001 From: Matias Simone Date: Thu, 18 Oct 2018 11:42:33 -0300 Subject: [PATCH 04/15] JavaScript and DOM APIs (Ex. 2) --- 01-JS-DOM-APIs/css/style.css | 1 + 01-JS-DOM-APIs/index.html | 1 + 01-JS-DOM-APIs/js/scripts.js | 4 ++++ 3 files changed, 6 insertions(+) diff --git a/01-JS-DOM-APIs/css/style.css b/01-JS-DOM-APIs/css/style.css index f651914f..c3c1f6ab 100644 --- a/01-JS-DOM-APIs/css/style.css +++ b/01-JS-DOM-APIs/css/style.css @@ -53,3 +53,4 @@ h2 { line-height: 1.3em; } + diff --git a/01-JS-DOM-APIs/index.html b/01-JS-DOM-APIs/index.html index b34ff018..d343f976 100644 --- a/01-JS-DOM-APIs/index.html +++ b/01-JS-DOM-APIs/index.html @@ -23,6 +23,7 @@

Topic 1 - JavaScript and DOM APIs

+