Linux-101/index.html

182 lines
4.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8' />
<title>Linux 101 • Freeside</title>
</head>
<body>
<main class="js-deck3000">
<section>
<article class="title">
<h1>Linux 101</h1>
</article>
<article>
<h2>Structure</h2>
<ul>
<li>Introduction - why and where</li>
<li>Installation of Ubuntu</li>
<li>Writing and compiling a simple C&sharp; program</li>
</ul>
</article>
<article>
<h2>Why?</h2>
<div class="flex horizontal">
<div><img src="./images/linux-vs-windows-desktop-os.svg" /></div>
<ul>
<li>74.44% Windows</li>
<li>12.22% macOS</li>
<li>9.51% Other</li>
<li>1.58% Linux</li>
</ul>
</div>
<p><small>According to <a href="http://gs.statcounter.com/os-market-share/desktop/worldwide">statcounter GlobalStats</a></small></p>
</article>
<article>
<h2>Why?</h2>
<div class="flex horizontal">
<div><img src="./images/linux-vs-windows-server-os.svg" /></div>
<ul>
<li>69.4% of webservers use a Unix-based OS</li>
<li>30.6% of webservers use Windows</li>
</ul>
</div>
<p><small>
According to
<a href="https://w3techs.com/technologies/overview/operating_system/all">W<sup>3</sup>Techs</a>
</small></p>
</article>
<article>
<h2>Where?</h2>
<ul>
<li>US Department of Defence</li>
<!-- Largest Single Red Hat user in the world -->
<li>French Parliament</li>
<li>Amazon</li>
<li>Android</li>
</ul>
<p><small>Sources: <a href="https://www.comparebusinessproducts.com/fyi/50-places-linux-running-you-might-not-expect">1</a></small></p>
</article>
</section>
<section>
<article class="title">
<h1>Installing Ubuntu</h1>
</article>
<article>
<h2>What's Ubuntu?</h1>
<ul>
<li>A distribution of Linux</li>
<li>Others are available, but Ubuntu is great for beginners</li>
<li>Lots of help available online if you get stuck</li>
</ul>
</article>
<article>
<img src="./images/linux-logos.png" alt="The logos of a number of different linux distributions.">
</article>
<article>
<img src="./images/linux-timeline-17.10.svg" alt="A timeline of different linux distributions.">
</article>
<article>
<h2>Let's Get Started!</h2>
<ul>
<li>Visit here to access the VMs:</li>
<li><a href="http://www2.dcs.hull.ac.uk/people/cssaph/FreesideLinux101/">http://www2.dcs.hull.ac.uk/people/cssaph/FreesideLinux101/</a> (short link: <a href="https://tinyurl.com/freesidelinux101">https://tinyurl.com/freesidelinux101</a>)</li>
</ul>
</article>
<article>
<h2>Choosing the language</h2>
<img src="./images/VM-Install/0.png" />
</article>
<article>
<h2>Boot menu</h2>
<img src="./images/VM-Install/1.png" />
</article>
<article>
<h2>Welcome</h2>
<img src="./images/VM-Install/2.png" />
</article>
<article>
<h2>Keyboard Layout</h2>
<img src="./images/VM-Install/3.png" />
</article>
<article>
<h2>Initial Software and Updates</h2>
<img src="./images/VM-Install/4.png" />
</article>
<article>
<h2>Partitioning</h2>
<img src="./images/VM-Install/5.png" />
</article>
<article>
<h2>Dual Booting</h2>
<img src="./images/VM-Install/6.png" />
</article>
<article>
<h2>I'm sure it's fine.....</h2>
<img src="./images/VM-Install/7.png" />
</article>
<article>
<h2>Location</h2>
<img src="./images/VM-Install/8.png" />
</article>
<article>
<h2>Credentials</h2>
<img src="./images/VM-Install/9.png" />
</article>
<article>
<h2>Now we wait!</h2>
<img src="./images/VM-Install/10.png" />
</article>
<article>
<h2>and wait</h2>
<img src="./images/VM-Install/12.png" />
</article>
<article>
<h2>Complete!</h2>
<img src="./images/VM-Install/13.png" />
</article>
<article>
<h2>Logging in</h2>
<img src="./images/VM-Install/14.png" />
</article>
<article>
<h2>Type your password</h2>
<img src="./images/VM-Install/15.png" />
</article>
<article>
<img src="./images/VM-Install/16.png" />
</article>
<article>
<img src="./images/VM-Install/17.png" />
</article>
<article>
<img src="./images/VM-Install/18.png" />
</article>
<article>
<h2>The amazing <code>apt</code></h2>
<h2></h2>
<img src="./images/VM-Install/20.png" />
</article>
<article>
<h2>Doing it manually</h2>
<img src="./images/VM-Install/21.png" />
</article>
<article>
<h2>Done!</h2>
<ul>
<li>Installation complete!</li>
<li>What next?</li>
<li>Let's write some C&sharp;</li>
</ul>
</article>
</section>
</main>
<!---------------->
<link rel="stylesheet" href="linux101.css" />
<script src="linux101.js"></script>
</body>
</html>