<h1 id="introduction-to-front-end-development">Introduction to Front-End Development<a aria-hidden="true" class="anchor-heading icon-link" href="#introduction-to-front-end-development"></a></h1>
<h2 id="goals">Goals<a aria-hidden="true" class="anchor-heading icon-link" href="#goals"></a></h2>
<ul>
<li>Distinguish between front-end. back-end, and full-stack developers.</li>
<li>Create and style a webpage with HTML and CSS.</li>
<li>The benefits of working with UI frameworks.</li>
</ul>
<h2 id="skills-you-will-gain">Skills you will gain<a aria-hidden="true" class="anchor-heading icon-link" href="#skills-you-will-gain"></a></h2>
<ul>
<li>Web Development Tools</li>
<li>HTML and CSS</li>
<li>Responsive Web Design</li>
<li>Front-End Web Development</li>
<li>User Interface</li>
</ul>
<h2 id="modules">Modules<a aria-hidden="true" class="anchor-heading icon-link" href="#modules"></a></h2>
<ol>
<li>Get started with web development (4h)
<ol>
<li>18 videos</li>
<li>11 readings</li>
<li>5 quizzes</li>
<li>1 discussion prompt</li>
</ol>
</li>
<li>Introduction to HTML and CSS (6h)
<ol>
<li>12 videos</li>
<li>6 readings</li>
<li>3 quizzes</li>
<li>3 programming assignments</li>
<li>1 discussion prompt</li>
</ol>
</li>
<li>UI Frameworks (5h)
<ol>
<li>12 videos</li>
<li>8 readings</li>
<li>5 quizzes</li>
<li>2 ungraded labs</li>
</ol>
</li>
<li>End-of-Course Graded Assessment (2h)
<ol>
<li>2 videos</li>
<li>3 readings</li>
<li>2 quizzes</li>
<li>2 discussion prompts</li>
<li>1 ungraded lab</li>
</ol>
</li>
</ol>
<hr>
<strong>Children</strong>
<ol>
<li><a href="/garden/notes/5319t32cb45w37lzh80iqr9">How the Web Works</a></li>
<li><a href="/garden/notes/6eqez8mpkwuecuaytj6uo8b">Intro</a></li>
</ol>

Introduction to Front-End Development

Dendron


Welcome to my digital garden! What's that? Well, a digital garden is a curated set of notes, often shared online for learning and sharing purposes. My garden is mostly full of my study notes, plain ole' random notes, prose, and whatever world I'm creating at the moment. So, yes, I'm tending to it nearly every day.

With that out of the way, just a fair warning, not everything in this garden will make sense to you. There are some sections that are… shall we say, little buds that need a bit more watering and time before they're big enough to actually portray their species. To help you (and me) figure out the growth status of a page, there are emojis on every one that show their current state within the garden.
