You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
79 lines
2.3 KiB
HTML
79 lines
2.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="A beginners guide to front-end web development, from absolutely no knowledge, to a junior developer.">
|
|
<meta name="author" content="Nathan (Aney) Steel">
|
|
<meta name="theme-color" content="white">
|
|
<meta name="theme-color" content="black">
|
|
<link rel="stylesheet" type="text/css" href="/main.css">
|
|
<link rel="icon" type="image/png" href="/images/favicon.svg">
|
|
<title>Web Development 101. Guide to web development.</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<a href="#main" class="vh">Jump directly to main content</a>
|
|
<h1>Web Development 101</h1>
|
|
<input id="burger-toggle" type="checkbox"/>
|
|
<label class="burger-container" for="burger-toggle"><div class="burger"></div><span class="sr">Burger menu</span></label>
|
|
<hr/>
|
|
<nav>
|
|
<a href="/">home</a>
|
|
<a href="/about.html">about</a>
|
|
<a href="/projects.html">projects</a>
|
|
<a href="/blog/">blog</a>
|
|
<a href="/sitemap.html">misc</a>
|
|
<a href="/support.html">support</a>
|
|
</nav>
|
|
<hr/>
|
|
</header>
|
|
|
|
<main id="main">
|
|
<section>
|
|
<p>Interested in web development, but don't know where to begin? Don't worry, I've got you covered.</p>
|
|
|
|
<h2>My guides</h2>
|
|
<p>For each of my guides I recommend typing out the code snippets individually instead of copy and pasting, as it'll help you remember and learn.</p>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Getting started</h2>
|
|
<ul>
|
|
<li><a href="/guides/your-first-webpage.html">Your first webpage</a></li>
|
|
<li><a href="/guides/webpage-to-website.html">Webpage to website</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>HTML</h2>
|
|
<ul>
|
|
<li>What is a tag/element?</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>CSS</h2>
|
|
<ul>
|
|
<li>What is a selector?</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Javascript</h2>
|
|
</section>
|
|
|
|
<section>
|
|
<h2>Snippets</h2>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<hr/>
|
|
<p>Written by <a href="https://aney.co.uk" target="_blank" rel="noopener">@aney</a> with <a href="https://danluu.com/web-bloat/" target="_blank" rel="noopener">web bloat</a> in mind | <a href="https://github.com/Aney/website" target="_blank" rel="noopener">Source Code</a></p>
|
|
</footer>
|
|
</body>
|
|
</html>
|
|
|