This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<meta name="Description" content="Portfolio website about projects, interests and skills. Author: Miroslav Pillar." /> | |
</head> | |
<body> | |
// Your content here.. | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<html> | |
<head> | |
<title>The Rock (1996)</title> | |
<meta property="og:title" content="The Rock" /> | |
<meta property="og:type" content="video.movie" /> | |
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/" /> | |
<meta property="og:image" content="http://ia.media-imdb.com/images/rock.jpg" /> | |
<meta propery="og:image:secure_url" content="https://ia.media-imdb.com/images/rock.jpg" /> | |
... | |
</head> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<label>First in tab order:<input type="text"></label> | |
<span tabindex="0">Tabbable due to tabindex.</span> | |
<div>Not tabbable: no tabindex.</div> | |
<button tabindex="0" onClick={() => handleClick()}>Submit</button> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const handleFamily = () => { | |
const myGrandpa = 'grandpa'; | |
return sayHello = () => { | |
const myFather = 'father'; | |
return 'Hello there!'; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const handleFamily = () => { | |
const myGrandpa = 'grandpa'; | |
return sayHello = () => { | |
const myFather = 'father'; | |
return `Hello ${myGrandpa} and ${myFather}!` | |
} | |
} | |
const hold = handleFamily(); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const produceCandyEfficiently = () => { | |
const candyFactory = new Array(7000).fill('sweet candy') | |
//candyFactory is stored in the closure memory, | |
// because it has reference in execution scope of inner function below | |
console.log('the candy factory was established'); | |
return (index) => { | |
return candyFactory[index]; | |
} | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
const monitorProductivityTime = () => { | |
let timeWithoutReset = 0; | |
const productivityTime = () => timeWithoutReset++; | |
const totalProductivityTime = () => timeWithoutReset; | |
const reset = () => { | |
timeWithoutReset = -1; | |
return 'production time has been restarted!'; | |
} | |
setInterval(productivityTime, 1000); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
import "./App.css"; | |
import CountriesContainer from "./components/CountriesContainer"; | |
const App = () => { | |
return <CountriesContainer />; | |
}; | |
export default App; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React, { useState, useEffect } from "react"; | |
import CountryCard from "./CountryCard"; | |
import "./CountriesContainer.css"; | |
const CountriesContainer = () => { | |
const [countries, setCountries] = useState([]); | |
return ( | |
<div className="countries-container"> | |
{countries.map(country => { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import React from "react"; | |
import "./CountryCard.css"; | |
const CountryCard = ({ country }) => { | |
return ( | |
<div className="country-card"> | |
<h3>{country.name}</h3> | |
<div className="country-info-container"> | |
<h4>Capital:</h4> | |
<p>{country.capital}</p> |
OlderNewer