${data.name}
${data.region}
👫${( +data.population / 1000000 ).toFixed(1)} people
🗣️${data.languages[0].name}
💰${data.currencies[0].name}
Repository: jonasschmedtmann/complete-javascript-course Branch: master Commit: 76b8b79b2994 Files: 154 Total size: 2.4 MB Directory structure: gitextract_6_nnlknq/ ├── 01-Fundamentals-Part-1/ │ ├── final/ │ │ ├── index.html │ │ └── script.js │ └── starter/ │ └── index.html ├── 02-Fundamentals-Part-2/ │ ├── final/ │ │ ├── index.html │ │ └── script.js │ └── starter/ │ ├── index.html │ └── script.js ├── 03-Developer-Skills/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ └── script.js │ └── starter/ │ ├── index.html │ └── script.js ├── 04-HTML-CSS/ │ └── final/ │ ├── index.html │ └── style.css ├── 05-Guess-My-Number/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 06-Modal/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 07-Pig-Game/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 08-Behind-the-Scenes/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ └── script.js │ └── starter/ │ ├── .prettierrc │ ├── index.html │ └── script.js ├── 09-Data-Structures-Operators/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ └── script.js │ └── starter/ │ ├── .prettierrc │ ├── index.html │ └── script.js ├── 10-Functions/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ └── script.js │ └── starter/ │ ├── .prettierrc │ ├── index.html │ └── script.js ├── 11-Arrays-Bankist/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 12-Numbers-Dates-Timers-Bankist/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 13-Advanced-DOM-Bankist/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 14-OOP/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ └── script.js │ └── starter/ │ ├── .prettierrc │ ├── index.html │ └── script.js ├── 15-Mapty/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── other.js │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 16-Asynchronous/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── index.html │ │ ├── script.js │ │ └── style.css │ └── starter/ │ ├── .prettierrc │ ├── index.html │ ├── script.js │ └── style.css ├── 17-Modern-JS-Modules-Tooling/ │ ├── final/ │ │ ├── .prettierrc │ │ ├── clean.js │ │ ├── dist/ │ │ │ ├── index.html │ │ │ ├── index.js │ │ │ ├── script.0b6e4fd3.js │ │ │ └── script.75da7f30.js │ │ ├── index.html │ │ ├── package.json │ │ ├── script.js │ │ └── shoppingCart.js │ └── starter/ │ ├── .prettierrc │ ├── clean.js │ ├── index.html │ └── script.js ├── 18-forkify/ │ ├── final/ │ │ ├── .gitignore │ │ ├── .prettierrc │ │ ├── README.md │ │ ├── index.html │ │ ├── package.json │ │ └── src/ │ │ ├── js/ │ │ │ ├── config.js │ │ │ ├── controller.js │ │ │ ├── helpers.js │ │ │ ├── model.js │ │ │ └── views/ │ │ │ ├── View.js │ │ │ ├── addRecipeView.js │ │ │ ├── bookmarksView.js │ │ │ ├── paginationView.js │ │ │ ├── previewView.js │ │ │ ├── recipeView.js │ │ │ ├── resultsView.js │ │ │ └── searchView.js │ │ └── sass/ │ │ ├── _base.scss │ │ ├── _components.scss │ │ ├── _header.scss │ │ ├── _preview.scss │ │ ├── _recipe.scss │ │ ├── _searchResults.scss │ │ ├── _upload.scss │ │ └── main.scss │ └── starter/ │ ├── .prettierrc │ ├── index.html │ └── src/ │ ├── js/ │ │ └── controller.js │ └── sass/ │ ├── _base.scss │ ├── _components.scss │ ├── _header.scss │ ├── _preview.scss │ ├── _recipe.scss │ ├── _searchResults.scss │ ├── _upload.scss │ └── main.scss └── README.md ================================================ FILE CONTENTS ================================================ ================================================ FILE: 01-Fundamentals-Part-1/final/index.html ================================================
You can learn JavaScript without HTML and CSS, but for DOM manipulation it's useful to have some basic ideas of HTML & CSS. You can learn more about it on Udemy.
Just another paragraph
================================================
FILE: 04-HTML-CSS/final/style.css
================================================
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background-color: rgb(255, 247, 201);
font-family: Arial;
font-size: 20px;
padding: 50px;
}
h1 {
font-size: 35px;
margin-bottom: 25px;
}
h2 {
margin-bottom: 20px;
text-align: center;
}
p {
margin-bottom: 20px;
}
.first {
color: red;
}
#your-name {
background-color: rgb(255, 220, 105);
border: 5px solid #444;
width: 400px;
padding: 25px;
margin-top: 30px;
}
input,
button {
padding: 10px;
font-size: 16px;
}
a {
background-color: yellowgreen;
}
#course-image {
width: 300px;
}
#your-name h2 {
color: olivedrab;
}
================================================
FILE: 05-Guess-My-Number/final/.prettierrc
================================================
{
"singleQuote": true,
"arrowParens": "avoid"
}
================================================
FILE: 05-Guess-My-Number/final/index.html
================================================
(Between 1 and 20)
💯 Score: 20
🥇 Highscore: 0
(Between 1 and 20)
💯 Score: 20
🥇 Highscore: 0
43
Current
0
24
Current
0
43
Current
0
24
Current
0
Current balance
As of 05/03/2037
0000€
In
0000€
Out
0000€
Interest
0000€
You will be logged out in 05:00
Current balance
As of 05/03/2037
0000€
In
0000€
Out
0000€
Interest
0000€
You will be logged out in 05:00
Current balance
As of 05/03/2037
0000€
In
0000€
Out
0000€
Interest
0000€
You will be logged out in 05:00
Current balance
As of 05/03/2037
0000€
In
0000€
Out
0000€
Interest
0000€
You will be logged out in 05:00
Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde alias sint quos? Accusantium a fugiat porro reiciendis saepe quibusdam debitis ducimus.
Nesciunt quos autem dolorum voluptates cum dolores dicta fuga inventore ab? Nulla incidunt eius numquam sequi iste pariatur quibusdam!
Quasi, fugit in cumque cupiditate reprehenderit debitis animi enim eveniet consequatur odit quam quos possimus assumenda dicta fuga inventore ab.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Unde alias sint quos? Accusantium a fugiat porro reiciendis saepe quibusdam debitis ducimus.
Nesciunt quos autem dolorum voluptates cum dolores dicta fuga inventore ab? Nulla incidunt eius numquam sequi iste pariatur quibusdam!
Quasi, fugit in cumque cupiditate reprehenderit debitis animi enim eveniet consequatur odit quam quos possimus assumenda dicta fuga inventore ab.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
👫${( +data.population / 1000000 ).toFixed(1)} people
🗣️${data.languages[0].name}
💰${data.currencies[0].name}
👫${( +data.population / 1000000 ).toFixed(1)} people
🗣️${data.languages[0].name}
💰${data.currencies[0].name}