Skip to content

Instantly share code, notes, and snippets.

@beaucarnes
Created October 18, 2019 17:46
Show Gist options
  • Save beaucarnes/e5f8be4d68867abd7fbe9b263ce67ac3 to your computer and use it in GitHub Desktop.
Save beaucarnes/e5f8be4d68867abd7fbe9b263ce67ac3 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>freeCodeCamp.org</title>
<meta name="HandheldFriendly" content="True" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" type="text/css" href="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism.min.css" />
<link rel="stylesheet" type="text/css"
href="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-unescaped-markup.css" />
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Roboto+Mono:400,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://freecodecamp.org/news/assets/built/screen.css?v=bd5d580f49" />
<link rel="stylesheet" type="text/css" href="https://freecodecamp.org/news/assets/css/algolia-search.css?v=bd5d580f49" />
<script src="https://cdn.freecodecamp.org/news-assets/algolia/algoliasearch-3-33-0/algoliasearch.min.js"></script>
<script src="https://cdn.freecodecamp.org/news-assets/algolia/autocomplete-0-36-0/autocomplete.min.js"></script>
<script src="https://embed.runkit.com"></script>
<meta name="description" content="Learn to code. Build projects. Earn certifications. Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft." />
<link rel="shortcut icon" href="https://freecodecamp.org/news/favicon.png" type="image/png" />
<link rel="canonical" href="https://www.freecodecamp.org/news/" />
<meta name="referrer" content="no-referrer-when-downgrade" />
<link rel="next" href="https://www.freecodecamp.org/news/page/2/" />
<meta property="og:site_name" content="freeCodeCamp.org" />
<meta property="og:type" content="website" />
<meta property="og:title" content="freeCodeCamp.org" />
<meta property="og:description" content="Learn to code. Build projects. Earn certifications. Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft." />
<meta property="og:url" content="https://www.freecodecamp.org/news/" />
<meta property="og:image" content="https://www.freecodecamp.org/news/content/images/2019/06/background.png" />
<meta property="article:publisher" content="https://www.facebook.com/freecodecamp" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="freeCodeCamp.org" />
<meta name="twitter:description" content="Learn to code. Build projects. Earn certifications. Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft." />
<meta name="twitter:url" content="https://www.freecodecamp.org/news/" />
<meta name="twitter:image" content="https://www.freecodecamp.org/news/content/images/2019/06/background.png" />
<meta name="twitter:site" content="@freecodecamp" />
<meta property="og:image:width" content="1920" />
<meta property="og:image:height" content="1080" />
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"publisher": {
"@type": "Organization",
"name": "freeCodeCamp.org",
"logo": "https://cdn-media-1.freecodecamp.org/ghost/2018/12/FCC-logo-white.png"
},
"url": "https://www.freecodecamp.org/news/",
"image": {
"@type": "ImageObject",
"url": "https://www.freecodecamp.org/news/content/images/2019/06/background.png",
"width": 1920,
"height": 1080
},
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "https://www.freecodecamp.org/news/"
},
"description": "Learn to code. Build projects. Earn certifications. Since 2015, 40,000 graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft."
}
</script>
<meta name="generator" content="Ghost 2.25" />
<link rel="alternate" type="application/rss+xml" title="freeCodeCamp.org" href="https://www.freecodecamp.org/news/rss/" />
<script>
// Set up dataLayer with data if provided
window.dataLayer = window.dataLayer || [{ gaPropertyId: 'UA-55446531-20' }];
// Initialized GTM via gtag
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-55446531-20');
// Configure and initialize GTM
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl+'&gtm_cookies_win=x';f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer', 'GTM-5D6RKKP');
</script>
<script>
// For Runkit embeds
document.addEventListener('DOMContentLoaded', function() {
(function() {
const runkitElements = document.querySelectorAll('.runkit-element');
runkitElements.forEach(function(element) {
const source = element.innerHTML.replace(/&amp;/g, '&');
element.innerHTML = '';
RunKit.createNotebook({element, source});
});
})();
});
</script>
</head>
<body class="home-template">
<div class="site-wrapper">
<nav class="site-nav nav-padding">
<div class="site-nav-left">
<form onsubmit="event.preventDefault();">
<input type="search" placeholder="Search 5,000+ tutorials" id="search-input" />
</form>
<script>
const client = algoliasearch('QMJYL5WYTI', '4318af87aa3ce128708f1153556c6108');
const index = client.initIndex('news');
autocomplete('#search-input', { hint: false }, [
{
source: autocomplete.sources.hits(index, { hitsPerPage: 8 }),
debounce: 250,
templates: {
suggestion: (suggestion, result) => {
return `
<a href="${suggestion.url}">
<div class="algolia-result">
<span>${suggestion._highlightResult.title.value}</span>
</div>
</a>
`;
},
empty: (options) => {
return `
<div class="algolia-result">
No tutorials found
</div>
`;
},
footer: (query, result) => {
if (!query.isEmpty) {
return `
<hr/>
<a href="https://freecodecamp.org/news/search?query=${result.query}">
<div class="algolia-result algolia-footer">
<span>See all results for ${result.query}</span>
</div>
</a>
`;
}
}
}
}
]).on('autocomplete:selected', (event, suggestion, dataset, context) => {
// Set to true if hit is selected by mouse or enter key
hitSelected = true;
// Do nothing on click, as the browser will already do it
if (context.selectionMethod === 'click') {
return;
}
// Change the page, for example, on other events
window.location.assign(suggestion.url);
});
// If no hits in the Autocomplete dropdown are highlighted,
// treat input like normal search bar
const input = document.getElementById("search-input");
let searchQuery;
let hitSelected;
// Get the value of the search bar after each key event
input.addEventListener('input', e => {
searchQuery = input.value;
});
input.addEventListener('keydown', e => {
if (event.key === "Enter" && !hitSelected && searchQuery) {
window.location.assign(`https://freecodecamp.org/news/search?query=${searchQuery}`);
}
});
</script> </div>
<div class="site-nav-middle">
<a class="site-nav-logo" href="https://www.freecodecamp.org/news"><img src="https://cdn-media-1.freecodecamp.org/ghost/2018/12/FCC-logo-white.png" alt="freeCodeCamp.org" /></a>
</div>
<div class="site-nav-right main-nav">
<div class="main-nav-group">
<ul class="nav" role="menu">
<li class="nav-news nav-current" role="menuitem"><a href="https://www.freecodecamp.org/news/">News</a></li>
<li class="nav-forum" role="menuitem"><a href="https://www.freecodecamp.org/forum/">Forum</a></li>
<li class="nav-projects" role="menuitem"><a href="https://www.freecodecamp.org/learn/">Learn</a></li>
</ul>
</div>
</div>
<button class="site-nav-right toggle-button-nav">
Menu
</button>
</nav>
<main id="site-main" class="site-main outer">
<div class="inner">
<h1 align="center">Tech explained. No Ads.</h1>
<div class="post-feed">
<article class="post-card post tag-css tag-css3 tag-youtube ">
<a class="post-card-image-link" href="https://freecodecamp.org/news/learn-css-in-this-free-6-hour-video-course/">
<img class="post-card-image" srcset="https://freecodecamp.org/news/content/images/size/w300/2019/10/css.png 300w,
https://freecodecamp.org/news/content/images/size/w600/2019/10/css.png 600w,
https://freecodecamp.org/news/content/images/size/w1000/2019/10/css.png 1000w,
https://freecodecamp.org/news/content/images/size/w2000/2019/10/css.png 2000w" sizes="(max-width: 1000px) 400px, 700px" onerror="this.style.display='none'" src="https://freecodecamp.org/news/content/images/size/w600/2019/10/css.png" alt="Learn CSS in this free 6-hour video course">
</a>
<div class="post-card-content">
<div class="post-card-content-link">
<header class="post-card-header">
<span class="post-card-tags">
<a href="https://freecodecamp.org/news/tag/css/">
#CSS
</a>
</span>
<h2 class="post-card-title">
<a href="https://freecodecamp.org/news/learn-css-in-this-free-6-hour-video-course/">
Learn CSS in this free 6-hour video course
</a>
</h2>
</header>
</div>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Beau Carnes
</div>
<a href="https://freecodecamp.org/news/author/beau/" class="static-avatar">
<img class="author-profile-image" src="https://www.gravatar.com/avatar/18db9fe1308ffbd0cbc9f420e1eb001f?s=250&amp;d=mm&amp;r=x" alt="Beau Carnes">
</a>
</li>
</ul>
<a class="meta-item" href="https://freecodecamp.org/news/author/beau/">Beau Carnes</a>
<time class="meta-item">2 days ago</time>
</footer>
</div>
</article>
<article class="post-card post tag-react tag-learning-to-code tag-coding-bootcamps ">
<a class="post-card-image-link" href="https://freecodecamp.org/news/how-to-become-a-react-developer-in-5-months/">
<img class="post-card-image" srcset="https://freecodecamp.org/news/content/images/size/w300/2019/10/fac-1.jpeg 300w,
https://freecodecamp.org/news/content/images/size/w600/2019/10/fac-1.jpeg 600w,
https://freecodecamp.org/news/content/images/size/w1000/2019/10/fac-1.jpeg 1000w,
https://freecodecamp.org/news/content/images/size/w2000/2019/10/fac-1.jpeg 2000w" sizes="(max-width: 1000px) 400px, 700px" onerror="this.style.display='none'" src="https://freecodecamp.org/news/content/images/size/w600/2019/10/fac-1.jpeg" alt="How to become a React developer in 5 months">
</a>
<div class="post-card-content">
<div class="post-card-content-link">
<header class="post-card-header">
<span class="post-card-tags">
<a href="https://freecodecamp.org/news/tag/react/">
#React
</a>
</span>
<h2 class="post-card-title">
<a href="https://freecodecamp.org/news/how-to-become-a-react-developer-in-5-months/">
How to become a React developer in 5 months
</a>
</h2>
</header>
</div>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Per Harald Borgen
</div>
<a href="https://freecodecamp.org/news/author/per/" class="static-avatar">
<img class="author-profile-image" src="https://freecodecamp.org/news/content/images/size/w100/2019/06/per.jpg" alt="Per Harald Borgen">
</a>
</li>
</ul>
<a class="meta-item" href="https://freecodecamp.org/news/author/per/">Per Harald Borgen</a>
<time class="meta-item">2 days ago</time>
</footer>
</div>
</article>
<article class="post-card post tag-open-source tag-meetup ">
<a class="post-card-image-link" href="https://freecodecamp.org/news/the-wework-meetup-debacle-and-a-new-chapter/">
<img class="post-card-image" srcset="https://images.unsplash.com/photo-1562953842-188bb7ce6588?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 300w,
https://images.unsplash.com/photo-1562953842-188bb7ce6588?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 600w,
https://images.unsplash.com/photo-1562953842-188bb7ce6588?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 1000w,
https://images.unsplash.com/photo-1562953842-188bb7ce6588?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 2000w" sizes="(max-width: 1000px) 400px, 700px" onerror="this.style.display='none'" src="https://images.unsplash.com/photo-1562953842-188bb7ce6588?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ" alt="WeWork is Desperately Squeezing Cash Out of Meetup.com by Taxing 225,000 Communities">
</a>
<div class="post-card-content">
<div class="post-card-content-link">
<header class="post-card-header">
<span class="post-card-tags">
<a href="https://freecodecamp.org/news/tag/open-source/">
#Open Source
</a>
</span>
<h2 class="post-card-title">
<a href="https://freecodecamp.org/news/the-wework-meetup-debacle-and-a-new-chapter/">
WeWork is Desperately Squeezing Cash Out of Meetup.com by Taxing 225,000 Communities
</a>
</h2>
</header>
</div>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Quincy Larson
</div>
<a href="https://freecodecamp.org/news/author/quincylarson/" class="static-avatar">
<img class="author-profile-image" src="https://freecodecamp.org/news/content/images/size/w100/2018/12/quincy-headshot-highres.png" alt="Quincy Larson">
</a>
</li>
</ul>
<a class="meta-item" href="https://freecodecamp.org/news/author/quincylarson/">Quincy Larson</a>
<time class="meta-item">3 days ago</time>
</footer>
</div>
</article>
<article class="post-card post tag-ios tag-security ">
<a class="post-card-image-link" href="https://freecodecamp.org/news/apple-safe-browsing-explained-why-apple-sends-your-data-to-google-and-tencent-and-how-to-turn-it-off/">
<img class="post-card-image" srcset="https://images.unsplash.com/photo-1517488948216-e473cee81e23?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 300w,
https://images.unsplash.com/photo-1517488948216-e473cee81e23?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 600w,
https://images.unsplash.com/photo-1517488948216-e473cee81e23?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 1000w,
https://images.unsplash.com/photo-1517488948216-e473cee81e23?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ 2000w" sizes="(max-width: 1000px) 400px, 700px" onerror="this.style.display='none'" src="https://images.unsplash.com/photo-1517488948216-e473cee81e23?ixlib=rb-1.2.1&amp;q=80&amp;fm=jpg&amp;crop=entropy&amp;cs=tinysrgb&amp;w=1080&amp;fit=max&amp;ixid=eyJhcHBfaWQiOjExNzczfQ" alt="Apple Safe Browsing Explained - Why Apple sends your data to Google and Tencent and how to turn it off">
</a>
<div class="post-card-content">
<div class="post-card-content-link">
<header class="post-card-header">
<span class="post-card-tags">
<a href="https://freecodecamp.org/news/tag/ios/">
#iOS
</a>
</span>
<h2 class="post-card-title">
<a href="https://freecodecamp.org/news/apple-safe-browsing-explained-why-apple-sends-your-data-to-google-and-tencent-and-how-to-turn-it-off/">
Apple Safe Browsing Explained - Why Apple sends your data to Google and Tencent and how to turn it off
</a>
</h2>
</header>
</div>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Beau Carnes
</div>
<a href="https://freecodecamp.org/news/author/beau/" class="static-avatar">
<img class="author-profile-image" src="https:////www.gravatar.com/avatar/18db9fe1308ffbd0cbc9f420e1eb001f?s=250&amp;d=mm&amp;r=x" alt="Beau Carnes">
</a>
</li>
</ul>
<a class="meta-item" href="https://freecodecamp.org/news/author/beau/">Beau Carnes</a>
<time class="meta-item">3 days ago</time>
</footer>
</div>
</article>
<article class="post-card post tag-career-change tag-machine-learning tag-podcast tag-software-engineering ">
<a class="post-card-image-link" href="https://freecodecamp.org/news/from-high-school-english-teacher-to-software-engineer-at-a-machine-learning-company/">
<img class="post-card-image" srcset="https://freecodecamp.org/news/content/images/size/w300/2019/09/jackson_1-1-.jpg 300w,
https://freecodecamp.org/news/content/images/size/w600/2019/09/jackson_1-1-.jpg 600w,
https://freecodecamp.org/news/content/images/size/w1000/2019/09/jackson_1-1-.jpg 1000w,
https://freecodecamp.org/news/content/images/size/w2000/2019/09/jackson_1-1-.jpg 2000w" sizes="(max-width: 1000px) 400px, 700px" onerror="this.style.display='none'" src="https://freecodecamp.org/news/content/images/size/w600/2019/09/jackson_1-1-.jpg" alt="From high school English teacher to Software Engineer at a Machine Learning company (Podcast)">
</a>
<div class="post-card-content">
<div class="post-card-content-link">
<header class="post-card-header">
<span class="post-card-tags">
<a href="https://freecodecamp.org/news/tag/career-change/">
#Career Change
</a>
</span>
<h2 class="post-card-title">
<a href="https://freecodecamp.org/news/from-high-school-english-teacher-to-software-engineer-at-a-machine-learning-company/">
From high school English teacher to Software Engineer at a Machine Learning company (Podcast)
</a>
</h2>
</header>
</div>
<footer class="post-card-meta">
<ul class="author-list">
<li class="author-list-item">
<div class="author-name-tooltip">
Abbey Rennemeyer
</div>
<a href="https://freecodecamp.org/news/author/abbey/" class="static-avatar">
<img class="author-profile-image" src="https://freecodecamp.org/news/content/images/size/w100/2019/05/Abbey-profile-square.jpg" alt="Abbey Rennemeyer">
</a>
</li>
</ul>
<a class="meta-item" href="https://freecodecamp.org/news/author/abbey/">Abbey Rennemeyer</a>
<time class="meta-item">4 days ago</time>
</footer>
</div>
</article>
</div>
</div>
</main>
<footer class="site-footer">
<div class="footer-container">
<div class="footer-row">
<div class="footer-desc-col">
<p>freeCodeCamp is a donor-supported tax-exempt 501(c)(3) nonprofit organization (United States Federal
Tax Identification Number: 82-0779546)
</p>
<p>
Our mission: to help people learn to code for free. We accomplish this by creating thousands of
videos, articles, and interactive coding lessons - all freely available to the public. We also have
thousands of freeCodeCamp study groups around the world.
</p>
<p>
Donations to freeCodeCamp go toward our education initiatives, and help pay for servers, services,
and staff. You can&nbsp;<a href="https://freecodecamp.org/donate" class="inline"
rel="noopener noreferrer" target="_blank">make a tax-deductible donation here</a>.
</p>
</div>
<div class="footer-col-1">
<div class="col-header">Our Nonprofit</div>
<a href="https://www.freecodecamp.org/news/about/">About</a>
<a href="https://freecodecamp.org/donate">Donate</a>
<a href="https://www.freecodecamp.org/shop/" rel="noopener noreferrer" target="_blank">Shop</a>
<a href="https://www.linkedin.com/school/free-code-camp/people/" rel="noopener noreferrer"
target="_blank">Alumni Network</a>
<a href="https://github.com/freeCodeCamp/">Open Source</a>
<a href="https://www.freecodecamp.org/news/support/">Support</a>
<a href="https://www.freecodecamp.org/news/sponsors/">Sponsors</a>
<a href="https://www.freecodecamp.org/news/academic-honesty-policy/">Academic Honesty</a>
<a href="https://www.freecodecamp.org/news/code-of-conduct/">Code of Conduct</a>
<a href="https://www.freecodecamp.org/news/privacy-policy/">Privacy Policy</a>
<a href="https://www.freecodecamp.org/news/terms-of-service/">Terms of Service</a>
<a href="https://www.freecodecamp.org/news/copyright-policy/">Copyright Policy</a>
</div>
<div class="footer-col-2">
<div class="col-header">Best Tutorials</div>
<a href="https://www.freecodecamp.org/news/best-python-tutorial/">Python Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-git-tutorial/">Git Tutorial</a>
<a href="https://www.freecodecamp.org/news/the-best-linux-tutorials/">Linux Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-javascript-tutorial/">JavaScript Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-react-javascript-tutorial/">React Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-html-html5-tutorial/">HTML Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-css-and-css3-tutorial/">CSS Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-sql-database-tutorial/">SQL Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-java-8-tutorial/">Java Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-angular-tutorial-angularjs/">Angular Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-wordpress-tutorial/">WordPress Tutorial</a>
<a href="https://www.freecodecamp.org/news/best-bootstrap-tutorial-responsive-web-design/">Bootstrap
Tutorial</a>
</div>
<div class="footer-col-3">
<div class="col-header">Best Examples</div>
<a href="https://www.freecodecamp.org/news/python-example/">Python Example </a>
<a href="https://www.freecodecamp.org/news/javascript-example/">JavaScript Example</a>
<a href="https://www.freecodecamp.org/news/react-examples-reactjs/">React Example</a>
<a href="https://www.freecodecamp.org/news/linux-example-bash-command-line/">Linux Example</a>
<a href="https://www.freecodecamp.org/news/html-and-html5-example/">HTML Example</a>
<a href="https://www.freecodecamp.org/news/css-example-css3/">CSS Example</a>
<a href="https://www.freecodecamp.org/news/sql-example/">SQL Example</a>
<a href="https://www.freecodecamp.org/news/java-example/">Java Example</a>
<a href="https://www.freecodecamp.org/news/the-best-angular-examples/">Angular Example</a>
<a href="https://www.freecodecamp.org/news/the-best-jquery-examples/">jQuery Example</a>
<a href="https://www.freecodecamp.org/news/the-best-bootstrap-examples/">Bootstrap Example</a>
<a href="https://www.freecodecamp.org/news/the-best-php-examples/">PHP Example</a>
</div>
<div class="footer-col-4">
<div class="col-header">Trending Reference</div>
<a href="https://www.freecodecamp.org/news/2019-web-developer-roadmap/">2019 Web Developer Roadmap</a>
<a href="https://www.freecodecamp.org/news/linux-command-line-bash-tutorial/">Linux Command Line
Guide</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-git-reset-and-git-revert/">Git Reset
and Git Revert</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-git-merge-and-git-rebase/">Git Merge
and Git Rebase</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-javascript-array-methods-map/">JavaScript
Array Map</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-javascript-array-methods-reduce/">JavaScript
Array Reduce</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-javascript-date-and-moment-js/">JavaScript
Date</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-javascript-string-methods-split/">JavaScript
String Split</a>
<a
href="https://www.freecodecamp.org/news/understanding-flexbox-everything-you-need-to-know-b4013d4dc9af/">CSS
Flexbox Guide</a>
<a
href="https://www.freecodecamp.org/news/11-things-i-learned-reading-the-css-grid-specification-fb3983aa5e0/">CSS
Grid Guide</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-linux-creating-a-sudo-user/">Create a
Linux Sudo User</a>
<a href="https://www.freecodecamp.org/news/the-ultimate-guide-to-ssh-setting-up-ssh-keys/">How to Set Up
SSH Keys</a>
</div>
</div>
</div>
</footer>
</div>
<script>
var images = document.querySelectorAll('.kg-gallery-image img');
images.forEach(function (image) {
var container = image.closest('.kg-gallery-image');
var width = image.attributes.width.value;
var height = image.attributes.height.value;
var ratio = width / height;
container.style.flex = ratio + ' 1 0%';
})
</script>
<script src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous">
</script>
<script type="text/javascript" src="https://freecodecamp.org/news/assets/built/jquery.fitvids.js?v=bd5d580f49"></script>
<script type="text/javascript" src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-unescaped-markup.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-markup-templating.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-bash.min.js"></script>
<script type="text/javascript" src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-c.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-clojure.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-cpp.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-csharp.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-css.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-docker.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-elixir.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-erlang.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-git.min.js"></script>
<script type="text/javascript" src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-go.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-graphql.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-haskell.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-java.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-javascript.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-json.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-jsx.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-kotlin.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-lua.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-markup.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-php.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-python.min.js"></script>
<script type="text/javascript" src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-r.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-ruby.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-rust.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-scala.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-sql.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-swift.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-typescript.min.js"></script>
<script type="text/javascript"
src="https://cdn.freecodecamp.org/news-assets/prism-1-16-0/prism-yaml.min.js"></script>
<script>
$(document).ready(function () {
$(".toggle-button-nav").click(function () {
$(".nav").toggleClass("show-main-nav-items");
$(".site-nav").toggleClass("expand-nav");
$(".toggle-button-nav").toggleClass("reverse-toggle-color");
$(".site-nav-left").toggleClass("display-search");
});
});
</script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5D6RKKP"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment