Skip to content

02-OOP-inheritance #4

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Matiassimone wants to merge 22 commits into
base: master
Choose a base branch
from
Open

02-OOP-inheritance #4

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
22 commits
Select commit Hold shift + click to select a range
0ed17fd
Fixed troubleshooting in signUp.html (Tag table has been eliminated)
Matiassimone Oct 18, 2018
3a46702
Fixed troubleshooting in style.css (Two unnecessary lines has been el…
Matiassimone Oct 18, 2018
47b1b29
JavaScript and DOM APIs (Ex. 1)
Matiassimone Oct 18, 2018
0ced08b
JavaScript and DOM APIs (Ex. 2)
Matiassimone Oct 18, 2018
0f7ec2d
JavaScript and DOM APIs (Ex. 3)
Matiassimone Oct 21, 2018
e30c10b
JavaScript and DOM APIs (Ex. 4)
Matiassimone Oct 22, 2018
327e839
Exercise 4 fixed up, now can search different repositories and coinci…
Matiassimone Oct 22, 2018
fc5e16c
JavaScript and DOM APIs (Ex. 5 and 6)
Matiassimone Oct 22, 2018
da46a34
Fixed troubleshooting in scripts.js (The function handleError now use…
Matiassimone Oct 23, 2018
25752df
Fixed troubleshooting in scripts.js (The HTML tag HR has been elimina…
Matiassimone Oct 23, 2018
8c13e13
Fixed troubleshooting in scripts.js (added = missing)
Matiassimone Oct 23, 2018
ffee632
Fixed troubleshooting in scripts.js (The style of table has been modu…
Matiassimone Oct 23, 2018
11eb0d2
Fixed troubleshooting in scripts.js (Now the function xhrRequestAsync…
Matiassimone Oct 23, 2018
57b50c0
Fixed troubleshooting in scripts.js (The function drawSampleMatrix ha…
Matiassimone Oct 23, 2018
cb43949
Fixed troubleshooting in scripts.js (All styles now are exclusive the…
Matiassimone Oct 23, 2018
d9b89e4
Design Patterns and OOP in JavaScript Ex-1
Matiassimone Oct 24, 2018
639ddb4
Design Patterns and OOP in JavaScript Ex-2 (All archives javaScript a…
Matiassimone Oct 25, 2018
9cfa7e9
Design Patterns and OOP in JavaScript Ex-3
Matiassimone Oct 25, 2018
3e94552
Design Patterns and OOP in JavaScript Ex-4
Matiassimone Oct 25, 2018
3726bff
Troubleshooting (ex.3 in script.js), now the Class Movie, and the Cla…
Matiassimone Oct 26, 2018
6e07160
Ex-5 in the folder (afterSplit) have the source code splitted and tra…
Matiassimone Oct 26, 2018
cc451be
Add readme with documentation and steps info
Matiassimone Oct 26, 2018
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
73 changes: 35 additions & 38 deletions 00-HTML-CSS-basics/1.HTML/signUp.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
Expand All @@ -8,53 +9,49 @@
</head>

<body>
<hr>

<header>
<h1>Sign Up</h1>
</header>
<hr>

<main>
<form action="#" method="POST">
<table>
<tr>
<td><label for="firstName">First Name</label></td>
<td><input type="text" name="firstName" placeholder="Ex: Matias" id="firstName" required></td>
</tr>
<tr>
<td><label for="lastName">Last Name</label></td>
<td><input type="text" name="lastName" placeholder="Ex: Simone" id="lastName" required></td>
</tr>
<tr>
<td><label for="email">Email</label></td>
<td><input type="email" name="email" placeholder="Ex: matiassimone@ex.com" id="email" required></td>
</tr>
<tr>
<td><label for="birthday">Birthday</label></td>
<td><input type="date" name="birthday" id="birthday" required></td>
</tr>
<tr>
<td><label for="sport">Favourite sport</label></td>
<td>
<select name="sport" id="sport" multiple required>
<option value="football">Football</option>
<option value="basketball">Basketball</option>
<option value="golf">Golf</option>
<option value="curling">Curling</option>
<option value="programming">Computer programming (?)</option>
<option value="others">Others</option>
</select>
</td>
</tr>
<tr>
<td><label for="bio">Biography</label></td>
<td><textarea name="bio" id="bio" cols="30" rows="10" placeholder="Write a short biography.." required></textarea></td>
</tr>
</table>

<label for="firstName">First Name</label>
<br>
<input type="text" name="firstName" placeholder="Ex: Matias" id="firstName" required>
<br><br>
<label for="lastName">Last Name</label>
<br>
<input type="text" name="lastName" placeholder="Ex: Simone" id="lastName" required>
<br><br>
<label for="email">Email</label>
<br>
<input type="email" name="email" placeholder="Ex: matiassimone@ex.com" id="email" required>
<br><br>
<label for="birthday">Birthday</label>
<br>
<input type="date" name="birthday" id="birthday" required>
<br><br>
<label for="sport">Favourite sport</label>
<br>
<select name="sport" id="sport" multiple required>
<option value="football">Football</option>
<option value="basketball">Basketball</option>
<option value="golf">Golf</option>
<option value="curling">Curling</option>
<option value="programming">Computer programming (?)</option>
<option value="others">Others</option>
</select>
<br><br>
<label for="bio">Biography</label>
<br>
<textarea name="bio" id="bio" cols="30" rows="10" placeholder="Write a short biography.." required></textarea>
<br><br>
<button type="submit">Submit</button>
<br><br>
<button type="reset">Reset</button>
</form>
<hr>
</main>
</body>

Expand Down
3 changes: 0 additions & 3 deletions 00-HTML-CSS-basics/2.CSS/FirstExercises/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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'
Expand Down
Empty file removed 01-JS-DOM-APIs/.empty
View file
Open in desktop
Empty file.
3 changes: 3 additions & 0 deletions 01-JS-DOM-APIs/README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
# 01-JS-DOM-APIs

###
144 changes: 144 additions & 0 deletions 01-JS-DOM-APIs/css/grid.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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;
}

}

/*________________________________________________________________________________________________*/
Loading