You are on page 1of 20

<div class="rc-MetatagsWrapper" data-reactroot="" data-reactid="1"><!

-- react-
empty: 2 --><div class="rc-Course" data-reactid="3"><!-- react-empty: 4 --><div
class="rc-Home" data-reactid="5"><div class="rc-CoursePageHeader" data-
reactid="6"><span data-reactid="7"><header class="rc-PageHeaderControls" data-
reactid="8"><div class="rc-MobilePromoOption" data-reactid="9"><span data-
reactid="10"></span></div><div class="smart-scroll-container" data-
reactid="11"><div class="SmartScrollWrapper_1g73uxh" style="z-index:3000;box-
shadow:none;max-width:100vw;" data-reactid="12"><div class="rc-PageHeader" data-
reactid="13"><div class="bt3-navbar c-ph-nav full-width" data-reactid="14"><div
class="c-container bt3-container-fluid" data-reactid="15"><div class="rc-HeaderLogo
c-ph-logo bt3-navbar-header horizontal-box align-items-vertical-center align-items-
absolute-center" data-reactid="16"><div class="c-ph-mobile-toggle-button" data-
reactid="17"><button class="bt3-navbar-toggle c-collapsed-toggle-button" data-
toggle="" data-target="" aria-controls="" aria-haspopup="true" data-
reactid="18"><span class="bt3-sr-only" data-reactid="19">Toggle
navigation</span><span class="c-hidden-accessibility" data-js="navbar-toggle-open"
data-reactid="20">Navigation open</span><span class="c-hidden-accessibility" data-
js="navbar-toggle-closed" data-reactid="21">Navigation closed</span><span
class="bt3-icon-bar" data-reactid="22"></span><span class="bt3-icon-bar" data-
reactid="23"></span><span class="bt3-icon-bar" data-
reactid="24"></span></button></div><div class="horizontal-box align-items-vertical-
center" data-reactid="25"><h1 class="m-a-0 body" data-reactid="26"><a data-click-
key="common.page_header.click.logo" data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;logo&quot;,&quot;action&quot;:&quot;click&quot;},&quot;open_c
ourse_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quo
t;href&quot;:&quot;/&quot;}" data-track="true" data-track-app="common" data-track-
page="page_header" data-track-action="click" data-track-component="logo" data-
track-href="/" href="/" to="/" class="c-logo horizontal-box align-items-vertical-
center" aria-label="Coursera" data-reactid="27"><img
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4K
PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4
gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy
9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxM
S5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9y
Zy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCI
geT0iMHB4IgogICB3aWR0aD0iMTA4cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDEwOCAxNyIgZW
5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTA4IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZ
mlsbD0iIzRhODlkYyIgZD0iTTU0LjI4MSw1Ljc3M2MwLjA2Ni0xLjI2OSwwLjUyMS0yLjMwNiwxLjIzMi0z
LjExNVYxLjU4aC0wLjk0NWMtMS45MSwwLTMuNTI3LDAuNzMyLTQuNDY3LDIuMzg2aC0wLjA1NQogIFYxLjc
2MmgtNC44OTl2MTMuNDQxaDQuOVY5Ljc3N2MwLTIuMzAzLDAuNjc0LTQuMDU5LDMuMzkzLTQuMDU5QzUzLj
czNiw1LjcyLDU0LjAxMyw1LjczNyw1NC4yODEsNS43NzN6Ii8+CjxwYXRoIGZpbGw9IiM0YTg5ZGMiIGQ9I
k05MS4zOCw1LjcyNGMwLjQwNy0xLjE4OCwxLjA2Ny0yLjI0NiwxLjkyNS0zLjA5NXYtMS4wNWgtMC45NDNj
LTEuOTExLDAtMy41MjYsMC43MzItNC40NzEsMi4zODVoLTAuMDUzCiAgVjEuNzYyaC00LjkwMnYxMy40NDF
oNC45MDJWOS43NzdjMC0yLjMwMywwLjY3Ni00LjA1OSwzLjM5NS00LjA1OUw5MS4zOCw1LjcyNHoiLz4KPH
BhdGggZmlsbD0iIzRhODlkYyIgZD0iTTY0LjIzMiw1LjIyYy0wLjc1Ni0wLjM5My0xLjgwOC0wLjY1NS0yL
jY0NS0wLjY1NWMtMC41NjIsMC0xLjUzMywwLjIzNC0xLjUzMywwLjkxNwogIGMwLDAuOTE4LDEuNTMzLDEu
MDQ4LDIuMjExLDEuMTgyYzIuMjg0LDAuNDQ0LDQuMDEyLDEuNDkzLDQuMDEyLDMuOTc5YzAsMy41MzYtMy4
zMTMsNS4wMDgtNi41Miw1LjAwOAogIGMtMS45NjcsMC0zLjkwMi0wLjU1MS01LjU3NC0xLjU0N2wxLjc3Ny
0zLjMzYzAuOTk1LDAuNjg0LDIuNjY1LDEuMzYzLDMuODc3LDEuMzYzYzAuNjIsMCwxLjUzNS0wLjI4NywxL
jUzNS0xLjAyMQogIGMwLTEuMDQ4LTEuNTM1LTEuMTAzLTMuMDcyLTEuNDk1Yy0xLjUzMy0wLjM5My0zLjA2
Ni0xLjEyNS0zLjA2Ni0zLjUzNmMwLTMuMzAyLDMuMDY2LTQuNzY3LDYuMDg4LTQuNzY3CiAgYzEuNTYyLDA
sMy4xMjUsMC4yMzUsNC41NDksMC44NjRMNjQuMjMyLDUuMjJ6Ii8+CjxwYXRoIGZpbGw9IiM0YTg5ZGMiIG
Q9Ik0xMDgsMTUuMjAzaC00Ljl2LTEuNDk1aC0wLjA1NGMtMC44NjIsMS4zMzYtMi41NjIsMS45MzgtNC4xN
zUsMS45MzhjLTQuMDk2LDAtNi45NzUtMy4zMjgtNi45NzUtNy4xOAogIGMwLTMuODQ4LDIuODI4LTcuMTUx
LDYuOTItNy4xNTFjMS41ODgsMCwzLjI2LDAuNTc2LDQuMjgzLDEuNzU0VjEuNzYyaDQuODk5TDEwOCwxNS4
yMDNMMTA4LDE1LjIwM3ogTTk2Ljk1OSw4LjQ5NQogIGMwLDEuNzAyLDEuMTYsMy4wMTIsMy4xNSwzLjAxMm
MxLjk5MiwwLDMuMTQ3LTEuMzA4LDMuMTQ3LTMuMDEyYzAtMS42NTEtMS4xNTUtMy4wMzktMy4xNDctMy4wM
zkKICBDOTguMTE5LDUuNDU3LDk2Ljk1OSw2Ljg0NCw5Ni45NTksOC40OTV6Ii8+CjxwYXRoIGZpbGw9IiM0
YTg5ZGMiIGQ9Ik04Mi4xNjMsOS4yODNINzEuODQ2YzAsMS45MzcsMS4wNTMsMi45ODQsMy4wNzIsMi45ODR
jMS4wNSwwLDEuODAzLTAuMzM5LDIuMzQzLTEuMjMxaDQuNzE0CiAgYy0wLjc4MSwzLjE3MS0zLjg3OSw0Lj
YxMi03LjAyOSw0LjYxMmMtNC41NzUsMC03Ljk5NS0yLjUxNy03Ljk5NS03LjE1MmMwLTQuNDgsMy4xNDctN
y4xNzgsNy42NDQtNy4xNzgKICBjNC43OTMsMCw3LjU3LDIuODgzLDcuNTcsNy40NjZMODIuMTYzLDkuMjgz
TDgyLjE2Myw5LjI4M3ogTTc3LjYxMSw2LjUzYy0wLjI0My0xLjI4NC0xLjQ1NS0yLjEyMi0yLjc3My0yLjE
yMgogIGMtMS40MjksMC0yLjYwOSwwLjczMS0yLjkxLDIuMTIySDc3LjYxMXoiLz4KPGc+CiAgPGc+CiAgIC
A8cGF0aCBmaWxsPSIjNGE4OWRjIiBkPSJNMjkuNTYxLDguMjYxYy0wLjAwNS0wLjExNi0wLjAxMy0wLjIyO
S0wLjAyMi0wLjM0NGMwLDAsMC0wLjAwMSwwLTAuMDAyYzAsMCwwLTAuMDAxLDAtMC4wMDIKICAgICAgYy0w
LjExLTEuMjQ3LTAuNTIyLTIuNDE0LTEuMjIxLTMuNDY4Yy0wLjMxMi0wLjQ3LTAuNjY5LTAuODk3LTEuMDY
4LTEuMjhjLTAuNTgzLTAuNTYxLTEuMjU4LTEuMDI1LTIuMDE5LTEuMzkyCiAgICAgIGMtMS4xNDUtMC41ND
ctMi40MS0wLjgyMy0zLjc2LTAuODIzYy0wLjEzMiwwLTAuMjcsMC4wMDItMC40MDksMC4wMDdDMjAuMTE0L
DEsMTkuMTk3LDEuMTgsMTguMzM1LDEuNDk3CiAgICAgIGMtMC44NjksMC4zMTQtMS42MjYsMC43MjktMi4y
NDUsMS4yMjdjLTAuMTI2LDAuMS0wLjI2MywwLjIyMy0wLjQxLDAuMzU4bC0wLjEwNiwwLjEwNEwxNS40Mjk
sMy4zNGgwLjAwMWgwLjAwMWwtMC4wNjgsMC4wNjcKICAgICAgTDE1LjMzLDMuNDQzbC0wLjE3MywwLjE4Mm
MtMC4xMjgsMC4xNDQtMC4yNSwwLjI4OC0wLjM2NCwwLjQyOWwtMC4wMDEtMC4wMDJsLTAuMDA0LTAuMDA0Y
y0wLjIzNywwLjI4OC0wLjQ1NiwwLjU4Ni0wLjYxNywwLjg1NAogICAgICBjLTAuMTA5LDAuMTcyLTAuMjE2
LDAuMzQ5LTAuMzE4LDAuNTI2TDEyLjQ0LDguMjg1bDAuMDAyLDAuMDAybC0wLjA3NCwwLjE0NWwtMC4xNTY
sMC4zMTZjLTAuMzEsMC42MjctMC42NDIsMS4yNTItMS4wMTMsMS43NjgKICAgICAgYy0wLjgyNywwLjkwNy
0xLjc2MiwxLjM1MS0yLjk2NCwxLjM1MWMtMC4wODQsMC0wLjE3LTAuMDA0LTAuMjU4LTAuMDA5Yy0wLjcyN
C0wLjAyOS0xLjM0NS0wLjItMS44OTYtMC41MjYKICAgICAgYy0wLjA1OS0wLjAzNS0wLjExNi0wLjA3MS0w
LjE3MS0wLjEwOGMtMC40NS0wLjI5OS0wLjc5NS0wLjY4My0xLjA1My0xLjE2MmMtMC4yOTEtMC41NDMtMC4
0Mi0xLjA5OC0wLjQwMi0xLjY4NgogICAgICBDNC40NTYsOC4zNiw0LjQ1Nyw4LjM0Niw0LjQ1Nyw4LjMzM0
M0LjQ5Niw3LjM5Nyw0Ljg1Myw2LjY2OSw1LjU3Miw2LjA0QzUuNzQ3LDUuODg5LDUuOTMsNS43NjEsNi4xM
jEsNS42NDcKICAgICAgYzAuMDI3LTAuMDE2LDAuMDU0LTAuMDMxLDAuMDgxLTAuMDQ1YzAuNTM0LTAuMjkx
LDEuMTQyLTAuNDM2LDEuODM5LTAuNDM2bDAuMjE3LDAuMDA2QzkuMzY1LDUuMjE0LDEwLjIxOSw1LjU2LDE
wLjksNi4yMzUKICAgICAgTDEzLjAzNiwyLjRjLTAuNTExLTAuMzQyLTEuMDg4LTAuNjM2LTEuNzI0LTAuOD
c1Yy0wLjAyNC0wLjAwOS0wLjA0OS0wLjAxOS0wLjA3NC0wLjAyN2MtMC4wNzYtMC4wMjctMC4xNTEtMC4wN
TUtMC4yMjktMC4wOAogICAgICBDMTAuMzMzLDEuMTkyLDkuNjI0LDEuMDUzLDguODk0LDAuOTlsMCwwQzgu
ODc2LDAuOTg3LDguODU2LDAuOTg1LDguODM4LDAuOTgzQzguNzI2LDAuOTc2LDguNjEyLDAuOTYyLDguNSw
wLjk1NwogICAgICBDOC4zNzgsMC45NTIsOC4yNTUsMC45NSw4LjEzNSwwLjk0OUg4LjA2NmMtMS4zNDMsMC
4wMDUtMi41OTEsMC4yOC0zLjczMiwwLjgyNUMzLjA1NiwyLjM5LDIuMDIsMy4yODcsMS4yNTIsNC40NDMKI
CAgICAgQzAuNDg2LDUuNTk5LDAuMDY4LDYuODgyLDAuMDA4LDguMjU5QzAuMDAzLDguMzc3LDAsOC40OTQs
MCw4LjYwOWMtMC4wMDEsMS45MjYsMC43MDEsMy42MiwyLjA5Nyw1LjA0MgogICAgICBjMS40NTcsMS40OTI
sMy4zNTIsMi4yOTYsNS42MjcsMi4zOTFjMC4xNDYsMC4wMDYsMC4yOSwwLjAxLDAuNDM0LDAuMDFjMS4yOD
csMCwyLjQ3OC0wLjIyOSwzLjU0Ni0wLjY4NwogICAgICBjMC4yNjctMC4xMTQsMC41MjYtMC4yNDgsMC43O
TEtMC4zOTdjMC4xNDQtMC4wODMsMC4yOC0wLjE3MSwwLjQxNS0wLjI2NWwwLjEtMC4wNjdsMC4xNjgtMC4x
MTUKICAgICAgYzAuMjAyLTAuMTQ1LDAuMzkxLTAuMzAyLDAuNTc1LTAuNDY5bDAuMDY0LTAuMDYxYzAuMTA
4LTAuMTAzLDAuMjE2LTAuMjA3LDAuMzE4LTAuMzE0bDAuMzgzLTAuNDMzbDAuMTQ2LTAuMTgzbDAuMDY4LT
AuMQogICAgICBsMC4wNjgtMC4wOThjMC41NjktMC45NTYsMi40MjEtNC40MzUsMi40MjEtNC40MzVWOC40M
jFsMC4xMS0wLjIxMmwwLjA5Mi0wLjE2NmMwLjI3My0wLjQ5NywwLjQ3LTAuODUsMC43MzEtMS4yMjFsMC4w
MDctMC4wMTEKICAgICAgYzAuNjA5LTAuODgzLDEuNjU2LTEuNTEyLDIuODktMS42MThjMi4wNy0wLjE3OCw
zLjg4NCwxLjE4Miw0LjA1MSwzLjAzOGMwLjE2NiwxLjg1Ni0xLjM3OCwzLjUwNS0zLjQ0OCwzLjY4NAogIC
AgICBjLTAuNDMxLDAuMDM3LTAuODUsMC4wMDgtMS4yNDUtMC4wNzlsLTAuMDEsMC4wMDRjLTEuNTE5LTAuM
zE2LTIuNDg2LTEuNDI0LTIuOTYzLTEuOTE5bC0xLjk5MiwzLjY2MwogICAgICBjMCwwLDAuNjE5LDAuNjI0
LDEuMDQzLDAuOTM2YzAuNDI1LDAuMzExLDAuOTc0LDAuNjE3LDEuNDEyLDAuODA3YzEuMDYzLDAuNDU0LDI
uMjE5LDAuNzI2LDMuNDk2LDAuNzI2CiAgICAgIGMwLjE0OCwwLDAuMTE4LDAsMC4yNzItMC4wMDZjMi4yNz
MtMC4wOTUsNC4yOTktMC45NjYsNS43Ni0yLjQ1OGMxLjM4NC0xLjQxNywyLjEzNS0zLjAzNSwyLjE0Mi00L
jk1VjguNTgyCiAgICAgIEMyOS41NjgsOC40NzYsMjkuNTY1LDguMzY5LDI5LjU2MSw4LjI2MXoiLz4KICA8
L2c+CjwvZz4KPGc+CiAgPHBhdGggZmlsbD0iIzRhODlkYyIgZD0iTTM3LjE4MSwxNS42NTdjLTEuMDMzLDA
tMS45Ny0wLjEyLTIuODExLTAuMzZjLTAuODQxLTAuMjQtMS41NTktMC42MTktMi4xNTQtMS4xMzkKICAgIG
MtMC41OTctMC41Mi0xLjA1Ny0xLjE4Mi0xLjM4MS0xLjk4NXMtMC40ODYtMS43NzEtMC40ODYtMi44OTlWM
S43NTloNC43Mjd2Ny40NTVjMCwwLjg0NSwwLjIwMiwxLjQ1NywwLjYwNSwxLjgzOQogICAgYzAuNDA0LDAu
MzgzLDAuOTE3LDAuNTc0LDEuNTM5LDAuNTc0YzAuNjM2LDAsMS4xNTItMC4xNzgsMS41NS0wLjUzNWMwLjM
5Ni0wLjM1NywwLjU5Ni0wLjk0OSwwLjU5Ni0xLjc4MVYxLjc1OWg0LjcyN3Y3LjQxNgogICAgYzAsMS4xNj
gtMC4xNjYsMi4xNjEtMC40OTcsMi45NzhjLTAuMzMxLDAuODE4LTAuNzk4LDEuNDg2LTEuMzk5LDIuMDA2Y
y0wLjYwNCwwLjUyLTEuMzMxLDAuODk4LTIuMTg2LDEuMTM5CiAgICBDMzkuMTU2LDE1LjUzNywzOC4yMTMs
MTUuNjU3LDM3LjE4MSwxNS42NTd6Ii8+CjwvZz4KPC9zdmc+" class="rc-CourseraLogo
courseraLogoImage_wme5kp" alt="Coursera" aria-hidden="true" data-reactid="28"><div
class="Box_120drhm-o_O-centerAlign_19zvu2s-o_O-displayflex_poyjc rc-UniversityLogo"
data-reactid="29"><div class="branding-image" data-reactid="30"><img
src="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://cour
sera-course-photos.s3.amazonaws.com/30/5544004a2111e7ab700f068f7eca4b/UM-logo-for-
Coursera.jpg?auto=format%2Ccompress&amp;dpr=1&amp;w=256&amp;h=32"
srcset="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://c
oursera-course-photos.s3.am
azonaws.com/30/5544004a2111e7ab700f068f7eca4b/UM-logo-for-Coursera.jpg?auto=format
%2Ccompress&amp;dpr=2&amp;w=256&amp;h=32 2x,
https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-
course-photos.s3.amazonaws.com/30/5544004a2111e7ab700f068f7eca4b/UM-logo-for-
Coursera.jpg?auto=format%2Ccompress&amp;dpr=3&amp;w=256&amp;h=32 3x" class="w-100"
style="max-width:256px;max-height:32px;" alt="Introduction to HTML5" data-
reactid="31"></div></div></a></h1></div></div><div class="c-ph-search-catalog nav-
item horizontal-box browse-search" data-reactid="32"><div class="browse-header-
wrapper horizontal-box" data-reactid="33"><div class="rc-MegaMenuWrapper" data-
reactid="34"><a data-click-key="common.page_header.click.explore_button " data-
click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;explore_button
&quot;,&quot;action&quot;:&quot;click&quot;},&quot;open_course_slug&quot;:&quot;htm
l&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;}" data-track="true" data-
track-app="common" data-track-page="page_header" data-track-action="click" data-
track-component="explore_button " class="rc-ExploreButton" aria-expanded="false"
aria-haspopup="true" data-reactid="35"><span class="" data-reactid="36" aria-
expanded="false"><!-- react-text: 37 -->Explore<!-- /react-text --><i class="cif-
chevron-down" aria-hidden="true" data-
reactid="38"></i></span></a><noscript></noscript></div><div class="header-search
horizontal-box" data-reactid="40"><div class="magnifier-wrapper" data-
reactid="41"><svg width="16px" height="16px" viewBox="0 0 16 16" version="1.1"
xmlns="http://www.w3.org/2000/svg" data-reactid="42"><title data-reactid="43">Loupe
Copy</title><g id="Browse-Topic-Page-V2" stroke="none" stroke-width="1" fill="none"
fill-rule="evenodd" transform="translate(-293.000000, -23.000000)" data-
reactid="44"><g id="new-nav" fill="#333333" data-reactid="45"><g id="search"
transform="translate(293.000000, 22.000000)" data-reactid="46"><path
d="M11.355485,11.4503883 L16.0066609,16.1015642 L15.1015642,17.0066609
L10.4503883,12.355485 C9.34711116,13.2583262 7.93681293,13.8 6.4,13.8
C2.8653776,13.8 0,10.9346224 0,7.4 C0,3.8653776 2.8653776,1 6.4,1 C9.9346224,1
12.8,3.8653776 12.8,7.4 C12.8,8.93681293 12.2583262,10.3471112 11.355485,11.4503883
Z M6.4,12.52 C9.22769792,12.52 11.52,10.2276979 11.52,7.4 C11.52,4.57230208
9.22769792,2.28 6.4,2.28 C3.57230208,2.28 1.28,4.57230208 1.28,7.4 C1.28,10.2276979
3.57230208,12.52 6.4,12.52 Z" id="Loupe-Copy" data-
reactid="47"></path></g></g></g></svg></div><div class="c-ph-search-bar" data-
reactid="48"><div class="c-ph-search-wrapper" data-reactid="49"><span class="c-
search-input-container" data-reactid="50"><form class="c-search-form" data-
reactid="51"><span class="twitter-typeahead" style="position: relative; display:
inline-block;"><input type="text" class="c-search-catalog-input c-search-hint"
value="" data-courselenium="search-catalog-input" aria-label="What do you want to
learn?" data-reactid="52" readonly="" autocomplete="off" spellcheck="false"
tabindex="-1" dir="ltr" style="position: absolute; top: 0px; left: 0px; border-
color: transparent; box-shadow: none; opacity: 1; background: none 0% 0% / auto
repeat scroll padding-box border-box rgb(255, 255, 255);"><input type="text"
class="c-search-catalog-input tt-input" placeholder="What do you want to learn?"
value="" name="query" data-courselenium="search-catalog-input" aria-label="What do
you want to learn?" data-reactid="52" autocomplete="off" spellcheck="false"
dir="auto" style="position: relative; vertical-align: top; background-color:
transparent;"><pre aria-hidden="true" style="position: absolute; visibility:
hidden; white-space: pre; font-family: OpenSans, Arial, sans-serif; font-size:
14px; font-style: normal; font-variant: normal; font-weight: 800; word-spacing:
0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform:
none;"></pre><div class="c-search-menu card-rich-interaction" style="position:
absolute; top: 100%; left: 0px; z-index: 100; display: none;"><div class="tt-
dataset tt-dataset-
courses"></div></div></span></form></span></div></div></div></div></div><div id="c-
ph-right-nav" class="c-ph-right-nav collapse" data-reactid="53"><ul
id="authenticated-info-menu" class="c-navbar-list bt3-nav bt3-navbar-nav bt3-
navbar-right" role="menu" data-reactid="54"><li role="none" class="rc-
HeaderRightNavButton c-ph-right-nav-button c-ph-right-nav-mobile-only" data-
reactid="55"><a data-click-key="common.page_header.click.header_right_nav_button"
data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;header_right_nav_button&quot;,&quot;action&quot;:&quot;click&
quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;browse&
quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/browse&q
uot;}" data-track="true" data-track-app="common" data-track-page="page_header"
data-track-action="click" data-track-component="header_right_nav_button" data-
track-href="/browse" href="/browse" to="/browse" id="browse-link" role="menuitem"
data-reactid="56">Browse</a></li><li role="none" class="rc-HeaderRightNavButton c-
ph-right-nav-button c-ph-right-nav-mobile-only" data-reactid="57"><a data-click-
key="common.page_header.click.header_right_nav_button" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;header_right_nav_button&quot;,&quot;action&quot;:&quot;click&
quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;search&
quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/courses&
quot;}" data-track="true" data-track-app="common" data-track-page="page_header"
data-track-action="click" data-track-component="header_right_nav_button" data-
track-href="/courses" href="/courses" to="/courses" id="search-link"
role="menuitem" data-reactid="58">Search</a></li><li role="none" class="rc-
HeaderRightNavButton c-ph-right-nav-button c-ph-right-nav-mobile-only" data-
reactid="59"><a data-click-key="common.page_header.click.header_right_nav_button"
data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;header_right_nav_button&quot;,&quot;action&quot;:&quot;click&
quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;profile
&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/account
-profile&quot;}" data-track="true" data-track-app="common" data-track-
page="page_header" data-track-action="click" data-track-
component="header_right_nav_button" data-track-href="/account-profile"
href="/account-profile" to="/account-profile" id="profile-link" role="menuitem"
data-reactid="60">Profile</a></li><li role="none" class="rc-HeaderRightNavButton c-
ph-right-nav-button c-ph-right-nav-mobile-only" data-reactid="61"><a data-click-
key="common.page_header.click.header_right_nav_button" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;header_right_nav_button&quot;,&quot;action&quot;:&quot;click&
quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;my-
purchases&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot
;/my-purchases&quot;}" data-track="true" data-track-app="common" data-track-
page="page_header" data-track-action="click" data-track-
component="header_right_nav_button" data-track-href="/my-purchases" href="/my-
purchases" to="/my-purchases" id="my-purchases-link" role="menuitem" data-
reactid="62">My Purchases</a></li><li role="none" class="rc-HeaderRightNavButton c-
ph-right-nav-button c-ph-right-nav-mobile-only" data-reactid="63"><a data-click-
key="common.page_header.click.header_right_nav_button" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;header_right_nav_button&quot;,&quot;action&quot;:&quot;click&
quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;account
-
settings&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;
/account-settings&quot;}" data-track="true" data-track-app="common" data-track-
page="page_header" data-track-action="click" data-track-
component="header_right_nav_button" data-track-href="/account-settings"
href="/account-settings" to="/account-settings" id="account-settings-link"
role="menuitem" data-reactid="64">Settings</a></li><li role="none" class="rc-
HeaderRightNavButton c-ph-right-nav-button c-ph-right-nav-mobile-only" data-
reactid="65"><a data-click-key="common.page_header.click.header_right_nav_button"
data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;header_right_nav_button&quot;,&quot;action&quot;:&quot;click&
quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;learner
-help-
center&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;ht
tps://learner.coursera.help&quot;}" data-track="true" data-track-app="common" data-
track-page="page_header" data-track-action="click" data-track-
component="header_right_nav_button" data-track-href="https://learner.coursera.help"
href="https://learner.coursera.help" to="https://learner.coursera.help"
id="learner-help-center-link" role="menuitem" target="_blank" data-
reactid="66">Help Center</a></li><li class="c-ph-right-nav-button c-ph-right-nav-
mobile-only" data-reactid="67"><form class="SignoutForm_1e137e1 c-ph-right-nav-
button" action="/api/logoutSsr/v1?csrf3-token=1529119940.Gimj9wnZFCWmFcq2"
method="post"
data-reactid="68"><button id="logout-btn" class="sign-out" type="submit" data-
popup-close="true" style="border:none;" data-reactid="69">Log
Out</button></form></li><li class="rc-ShoppingCart c-ph-right-nav-button rc-cart-
left-border"><a data-click-key="common.page_header.click.cart" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;cart&quot;,&quot;action&quot;:&quot;click&quot;},&quot;open_c
ourse_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quo
t;href&quot;:&quot;/payments/checkout?cartId=21583323&quot;}" data-track="true"
data-track-app="common" data-track-page="page_header" data-track-action="click"
data-track-component="cart" data-track-href="/payments/checkout?cartId=21583323"
href="/payments/checkout?cartId=21583323" to="/payments/checkout?
cartId=21583323"><img
src="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://d3nj
jcbhbojbot.cloudfront.net/web/bundles/payments/assets/cart_badged.png?auto=format
%2Ccompress&amp;dpr=1&amp;w=38&amp;h=32"
srcset="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://d
3njjcbhbojbot.cloudfront.net/web/bundles/payments/assets/cart_badged.png?
auto=format%2Ccompress&amp;dpr=2&amp;w=38&amp;h=32 2x,
https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://d3njjcbhb
ojbot.cloudfront.net/web/bundles/payments/assets/cart_badged.png?auto=format
%2Ccompress&amp;dpr=3&amp;w=38&amp;h=32 3x" class="icon" alt="Click to complete
your purchase!" style="max-width: 38px; max-height: 32px;"></a></li><li class="rc-
AuthenticatedAccountDropdown c-ph-right-nav-button c-ph-right-nav-desktop-only c-
ph-avatar-button c-ph-right-nav-no-border" data-reactid="71"><div class="bt3-
dropdown c-authenticated-dropdown-menu-container" data-reactid="72"><button
id="right-nav-dropdown-btn" class="button-link horizontal-box switcher_trigger
align-items-absolute-center c-authenticated-dropdown-button c-ph-slim" aria-
haspopup="true" aria-expanded="false" aria-owns="c-ph-aai-dropdown" data-
reactid="73"><span class="horizontal-box align-items-vertical-center" data-
reactid="74"><span class="withSvgStack_120drhm horizontal-box align-items-absolute-
center" style="width:40px;height:40px;overflow:hidden;border:0px solid
#e3e4e5;border-radius:50%;background-color:#3bafda;" data-reactid="75"><svg
class="SvgIcon_zkeqxc" style="fill:#ffffff;height:24px;width:24px;" viewBox="0 0 48
48" xmlns="http://www.w3.org/2000/svg" data-reactid="76"><title data-
reactid="77">user</title><path d="M33.5,10.4C33.7,5.1,29.2,1,24,1s-9.8,4.2-
9.5,9.4c0.1,1.1,1.1,6.3,1.1,6.3c0.8,4.5,3.8,8.3,8.4,8.3s7.6-3.8,8.4-
8.4C32.4,16.6,33.4,11.4,33.5,10.4z" data-reactid="78"></path><path d="M47,47H1l1.1-
8.2c0.5-2.7,2.9-4.3,5.6-4.9L24,31l16.3,2.9c2.7,0.6,5.1,2.2,5.5,4.9L47,47z" data-
reactid="79"></path></svg></span><span class="c-ph-username" data-
reactid="80">Anirudh</span><i class="bt3-caret" data-
reactid="81"></i></span></button><div class="c-arrow-up" data-
reactid="82"></div></div></li></ul></div></div></div></div><div data-
reactid="83"><div data-reactid="84"></div></div></div></div></header><div
class="rc-MobileHeader" data-reactid="85"><div class="SmartScrollWrapper_1g73uxh"
style="z-index:10001;min-width:200px;max-width:100vw;box-shadow:none;" data-
reactid="86"><div class="c-mobile-header-controls horizontal-box align-items-
spacebetween" data-reactid="87"><span data-reactid="88"><nav data-
reactid="89"><button data-track="true" data-track-app="common" data-track-
page="page_header" data-track-action="click" data-track-
component="mobile_header_nav_button" class="c-mobile-toggle-button" aria-
label="Open Navigation Menu" data-reactid="90"><svg fill="#1a1b1c"
class="SvgIcon_1i1gi7h" style="fill:#363B42;height:26px;width:26px;" viewBox="0 0
48 48" xmlns="http://www.w3.org/2000/svg" data-reactid="91"><title data-
reactid="92">List</title><polygon points="0 2 38 2 38 0 0 0" data-
reactid="93"></polygon><polygon points="0 16 38 16 38 14 0 14" data-
reactid="94"></polygon><polygon points="0 30 38 30 38 28 0 28" data-
reactid="95"></polygon></svg></button><ul class="mobile-header-menu" data-
reactid="96"><span data-reactid="97"><div class="nav-transition-wrapper" data-
reactid="98"><li class="mobile-loggedIn-nav-header horizontal-box align-items-
vertical-center theme-light" data-reactid="99"><span class="withSvgStack_120drhm
horizontal-box align-items-absolute-center"
style="width:40px;height:40px;overflow:hidden;border:0px solid #e3e4e5;border-
radius:50%;background-color:#3bafda;" data-reactid="100"><svg
class="SvgIcon_zkeqxc" style="fill:#ffffff;height:24px;width:24px;" viewBox="0 0 48
48" xmlns="http://www.w3.org/2000/svg" data-reactid="101"><title data-
reactid="102">user</title><path d="M33.5,10.4C33.7,5.1,29.2,1,24,1s-9.8,4.2-
9.5,9.4c0.1,1.1,1.1,6.3,1.1,6.3c0.8,4.5,3.8,8.3,8.4,8.3s7.6-3.8,8.4-
8.4C32.4,16.6,33.4,11.4,33.5,10.4z" data-reactid="103"></path><path
d="M47,47H1l1.1-8.2c0.5-2.7,2.9-4.3,5.6-
4.9L24,31l16.3,2.9c2.7,0.6,5.1,2.2,5.5,4.9L47,47z" data-
reactid="104"></path></svg></span><span class="c-mobile-nav-username" data-
reactid="105"><!-- react-text: 106 -->Welcome Back<!-- /react-text --><!-- react-
text: 107 -->, <!-- /react-text --><br data-reactid="108"><!-- react-text: 109
-->Anirudh!<!-- /react-text --></span></li><li class="mobile-header-btn first"
data-reactid="110"><a data-click-
key="common.page_header.click.mobile_header_nav_button" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;mobile_header_nav_button&quot;,&quot;action&quot;:&quot;click
&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;browse
&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/browse&
quot;}" data-track="true" data-track-app="common" data-track-page="page_header"
data-track-action="click" data-track-component="mobile_header_nav_button" data-
track-href="/browse" href="/browse" to="/browse" role="menuitem" data-
reactid="111"><span data-reactid="112">Explore</span></a></li><li class="mobile-
header-btn" data-reactid="113"><a data-click-
key="common.page_header.click.mobile_header_nav_button" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;mobile_header_nav_button&quot;,&quot;action&quot;:&quot;click
&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;dashbo
ard&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/&quo
t;}" data-track="true" data-track-app="common" data-track-page="page_header" data-
track-action="click" data-track-component="mobile_header_nav_button" data-track-
href="/" href="/" to="/" role="menuitem" data-reactid="114"><span data-
reactid="115">My Coursera</span></a></li><button data-track="true" data-track-
app="common" data-track-page="page_header" data-track-action="click" data-track-
component="mobile_header_nav_button" class="mobile-header-btn htmlButton" aria-
label="Go to account navigation slide" data-reactid="116"><span data-
reactid="117">Account</span><svg class="SvgIcon_zkeqxc"
style="fill:#1a1b1c;height:18px;width:18px;" viewBox="0 0 48 48"
xmlns="http://www.w3.org/2000/svg" data-reactid="118"><title data-
reactid="119">ChevronRight</title><polygon transform="translate(33.0000000,
6.000000) scale(-1, 1)" points="0 16 14.585 32 15.999 30.586 2.828 16 15.999 1.415
14.585 0" data-reactid="120"></polygon></svg></button><li class="mobile-header-btn
horizontal-box mobile-shopping-cart"><span class="mobile-cart-pill">1</span><a
data-click-key="common.page_header.click.mobile_header_nav_cart_button" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;mobile_header_nav_cart_button&quot;,&quot;action&quot;:&quot;
click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;c
art&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/paym
ents/checkout?cartId=21583323&quot;}" data-track="true" data-track-app="common"
data-track-page="page_header" data-track-action="click" data-track-
component="mobile_header_nav_cart_button" data-track-href="/payments/checkout?
cartId=21583323" href="/payments/checkout?cartId=21583323" to="/payments/checkout?
cartId=21583323"><span>Cart</span></a></li><li class="mobile-header-btn" data-
reactid="122"><a data-click-key="common.page_header.click.mobile_header_nav_button"
data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;mobile_header_nav_button&quot;,&quot;action&quot;:&quot;click
&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;help&q
uot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;https://le
arner.coursera.help&quot;}" data-track="true" data-track-app="common" data-track-
page="page_header" data-track-action="click" data-track-
component="mobile_header_nav_button" data-track-
href="https://learner.coursera.help" href="https://learner.coursera.help"
to="https://learner.coursera.help" role="menuitem" data-reactid="123"><span data-
reactid="124">Help Center</span></a></li><li class="mobile-header-btn" data-
reactid="125"><a data-click-key="common.page_header.click.mobile_header_nav_button"
data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;mobile_header_nav_button&quot;,&quot;action&quot;:&quot;click
&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;name&quot;:&quot;enterp
rise&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/bus
iness&quot;}" data-track="true" data-track-app="common" data-track-
page="page_header"
data-track-action="click" data-track-component="mobile_header_nav_button" data-
track-href="/business" href="/business" to="/business" role="menuitem" data-
reactid="126"><span data-reactid="127">For
Enterprise</span></a></li></div></span></ul><span data-
reactid="128"></span></nav></span><a data-click-
key="common.page_header.click.mobile_header_logo" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;common&quot;,&quot;page&quot;:&quot;page_header&quot;,&quot;
component&quot;:&quot;mobile_header_logo&quot;,&quot;action&quot;:&quot;click&quot;
},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONT
END&quot;,&quot;href&quot;:&quot;/&quot;}" data-track="true" data-track-
app="common" data-track-page="page_header" data-track-action="click" data-track-
component="mobile_header_logo" data-track-href="/" href="/" to="/" class="c-mobile-
logo horizontal-box align-items-vertical-center" data-reactid="129"><img
src="data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4K
PCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjIuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4
gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy
9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxM
S5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9y
Zy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCI
geT0iMHB4IgogICB3aWR0aD0iMTA4cHgiIGhlaWdodD0iMTdweCIgdmlld0JveD0iMCAwIDEwOCAxNyIgZW
5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMTA4IDE3IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHBhdGggZ
mlsbD0iIzRhODlkYyIgZD0iTTU0LjI4MSw1Ljc3M2MwLjA2Ni0xLjI2OSwwLjUyMS0yLjMwNiwxLjIzMi0z
LjExNVYxLjU4aC0wLjk0NWMtMS45MSwwLTMuNTI3LDAuNzMyLTQuNDY3LDIuMzg2aC0wLjA1NQogIFYxLjc
2MmgtNC44OTl2MTMuNDQxaDQuOVY5Ljc3N2MwLTIuMzAzLDAuNjc0LTQuMDU5LDMuMzkzLTQuMDU5QzUzLj
czNiw1LjcyLDU0LjAxMyw1LjczNyw1NC4yODEsNS43NzN6Ii8+CjxwYXRoIGZpbGw9IiM0YTg5ZGMiIGQ9I
k05MS4zOCw1LjcyNGMwLjQwNy0xLjE4OCwxLjA2Ny0yLjI0NiwxLjkyNS0zLjA5NXYtMS4wNWgtMC45NDNj
LTEuOTExLDAtMy41MjYsMC43MzItNC40NzEsMi4zODVoLTAuMDUzCiAgVjEuNzYyaC00LjkwMnYxMy40NDF
oNC45MDJWOS43NzdjMC0yLjMwMywwLjY3Ni00LjA1OSwzLjM5NS00LjA1OUw5MS4zOCw1LjcyNHoiLz4KPH
BhdGggZmlsbD0iIzRhODlkYyIgZD0iTTY0LjIzMiw1LjIyYy0wLjc1Ni0wLjM5My0xLjgwOC0wLjY1NS0yL
jY0NS0wLjY1NWMtMC41NjIsMC0xLjUzMywwLjIzNC0xLjUzMywwLjkxNwogIGMwLDAuOTE4LDEuNTMzLDEu
MDQ4LDIuMjExLDEuMTgyYzIuMjg0LDAuNDQ0LDQuMDEyLDEuNDkzLDQuMDEyLDMuOTc5YzAsMy41MzYtMy4
zMTMsNS4wMDgtNi41Miw1LjAwOAogIGMtMS45NjcsMC0zLjkwMi0wLjU1MS01LjU3NC0xLjU0N2wxLjc3Ny
0zLjMzYzAuOTk1LDAuNjg0LDIuNjY1LDEuMzYzLDMuODc3LDEuMzYzYzAuNjIsMCwxLjUzNS0wLjI4NywxL
jUzNS0xLjAyMQogIGMwLTEuMDQ4LTEuNTM1LTEuMTAzLTMuMDcyLTEuNDk1Yy0xLjUzMy0wLjM5My0zLjA2
Ni0xLjEyNS0zLjA2Ni0zLjUzNmMwLTMuMzAyLDMuMDY2LTQuNzY3LDYuMDg4LTQuNzY3CiAgYzEuNTYyLDA
sMy4xMjUsMC4yMzUsNC41NDksMC44NjRMNjQuMjMyLDUuMjJ6Ii8+CjxwYXRoIGZpbGw9IiM0YTg5ZGMiIG
Q9Ik0xMDgsMTUuMjAzaC00Ljl2LTEuNDk1aC0wLjA1NGMtMC44NjIsMS4zMzYtMi41NjIsMS45MzgtNC4xN
zUsMS45MzhjLTQuMDk2LDAtNi45NzUtMy4zMjgtNi45NzUtNy4xOAogIGMwLTMuODQ4LDIuODI4LTcuMTUx
LDYuOTItNy4xNTFjMS41ODgsMCwzLjI2LDAuNTc2LDQuMjgzLDEuNzU0VjEuNzYyaDQuODk5TDEwOCwxNS4
yMDNMMTA4LDE1LjIwM3ogTTk2Ljk1OSw4LjQ5NQogIGMwLDEuNzAyLDEuMTYsMy4wMTIsMy4xNSwzLjAxMm
MxLjk5MiwwLDMuMTQ3LTEuMzA4LDMuMTQ3LTMuMDEyYzAtMS42NTEtMS4xNTUtMy4wMzktMy4xNDctMy4wM
zkKICBDOTguMTE5LDUuNDU3LDk2Ljk1OSw2Ljg0NCw5Ni45NTksOC40OTV6Ii8+CjxwYXRoIGZpbGw9IiM0
YTg5ZGMiIGQ9Ik04Mi4xNjMsOS4yODNINzEuODQ2YzAsMS45MzcsMS4wNTMsMi45ODQsMy4wNzIsMi45ODR
jMS4wNSwwLDEuODAzLTAuMzM5LDIuMzQzLTEuMjMxaDQuNzE0CiAgYy0wLjc4MSwzLjE3MS0zLjg3OSw0Lj
YxMi03LjAyOSw0LjYxMmMtNC41NzUsMC03Ljk5NS0yLjUxNy03Ljk5NS03LjE1MmMwLTQuNDgsMy4xNDctN
y4xNzgsNy42NDQtNy4xNzgKICBjNC43OTMsMCw3LjU3LDIuODgzLDcuNTcsNy40NjZMODIuMTYzLDkuMjgz
TDgyLjE2Myw5LjI4M3ogTTc3LjYxMSw2LjUzYy0wLjI0My0xLjI4NC0xLjQ1NS0yLjEyMi0yLjc3My0yLjE
yMgogIGMtMS40MjksMC0yLjYwOSwwLjczMS0yLjkxLDIuMTIySDc3LjYxMXoiLz4KPGc+CiAgPGc+CiAgIC
A8cGF0aCBmaWxsPSIjNGE4OWRjIiBkPSJNMjkuNTYxLDguMjYxYy0wLjAwNS0wLjExNi0wLjAxMy0wLjIyO
S0wLjAyMi0wLjM0NGMwLDAsMC0wLjAwMSwwLTAuMDAyYzAsMCwwLTAuMDAxLDAtMC4wMDIKICAgICAgYy0w
LjExLTEuMjQ3LTAuNTIyLTIuNDE0LTEuMjIxLTMuNDY4Yy0wLjMxMi0wLjQ3LTAuNjY5LTAuODk3LTEuMDY
4LTEuMjhjLTAuNTgzLTAuNTYxLTEuMjU4LTEuMDI1LTIuMDE5LTEuMzkyCiAgICAgIGMtMS4xNDUtMC41ND
ctMi40MS0wLjgyMy0zLjc2LTAuODIzYy0wLjEzMiwwLTAuMjcsMC4wMDItMC40MDksMC4wMDdDMjAuMTE0L
DEsMTkuMTk3LDEuMTgsMTguMzM1LDEuNDk3CiAgICAgIGMtMC44NjksMC4zMTQtMS42MjYsMC43MjktMi4y
NDUsMS4yMjdjLTAuMTI2LDAuMS0wLjI2MywwLjIyMy0wLjQxLDAuMzU4bC0wLjEwNiwwLjEwNEwxNS40Mjk
sMy4zNGgwLjAwMWgwLjAwMWwtMC4wNjgsMC4wNjcKICAgICAgTDE1LjMzLDMuNDQzbC0wLjE3MywwLjE4Mm
MtMC4xMjgsMC4xNDQtMC4yNSwwLjI4OC0wLjM2NCwwLjQyOWwtMC4wMDEtMC4wMDJsLTAuMDA0LTAuMDA0Y
y0wLjIzNywwLjI4OC0wLjQ1NiwwLjU4Ni0wLjYxNywwLjg1NAogICAgICBjLTAuMTA5LDAuMTcyLTAuMjE2
LDAuMzQ5LTAuMzE4LDAuNTI2TDEyLjQ0LDguMjg1bDAuMDAyLDAuMDAybC0wLjA3NCwwLjE0NWwtMC4xNTY
sMC4zMTZjLTAuMzEsMC42MjctMC42NDIsMS4yNTItMS4wMTMsMS43NjgKICAgICAgYy0wLjgyNywwLjkwNy
0xLjc2MiwxLjM1MS0yLjk2NCwxLjM1MWMtMC4wODQsMC0wLjE3LTAuMDA0LTAuMjU4LTAuMDA5Yy0wLjcyN
C0wLjAyOS0xLjM0NS0wLjItMS44OTYtMC41MjYKICAgICAgYy0wLjA1OS0wLjAzNS0wLjExNi0wLjA3MS0w
LjE3MS0wLjEwOGMtMC40NS0wLjI5OS0wLjc5NS0wLjY4My0xLjA1My0xLjE2MmMtMC4yOTEtMC41NDMtMC4
0Mi0xLjA5OC0wLjQwMi0xLjY4NgogICAgICBDNC40NTYsOC4zNiw0LjQ1Nyw4LjM0Niw0LjQ1Nyw4LjMzM0
M0LjQ5Niw3LjM5Nyw0Ljg1Myw2LjY2OSw1LjU3Miw2LjA0QzUuNzQ3LDUuODg5LDUuOTMsNS43NjEsNi4xM
jEsNS42NDcKICAgICAgYzAuMDI3LTAuMDE2LDAuMDU0LTAuMDMxLDAuMDgxLTAuMDQ1YzAuNTM0LTAuMjkx
LDEuMTQyLTAuNDM2LDEuODM5LTAuNDM2bDAuMjE3LDAuMDA2QzkuMzY1LDUuMjE0LDEwLjIxOSw1LjU2LDE
wLjksNi4yMzUKICAgICAgTDEzLjAzNiwyLjRjLTAuNTExLTAuMzQyLTEuMDg4LTAuNjM2LTEuNzI0LTAuOD
c1Yy0wLjAyNC0wLjAwOS0wLjA0OS0wLjAxOS0wLjA3NC0wLjAyN2MtMC4wNzYtMC4wMjctMC4xNTEtMC4wN
TUtMC4yMjktMC4wOAogICAgICBDMTAuMzMzLDEuMTkyLDkuNjI0LDEuMDUzLDguODk0LDAuOTlsMCwwQzgu
ODc2LDAuOTg3LDguODU2LDAuOTg1LDguODM4LDAuOTgzQzguNzI2LDAuOTc2LDguNjEyLDAuOTYyLDguNSw
wLjk1NwogICAgICBDOC4zNzgsMC45NTIsOC4yNTUsMC45NSw4LjEzNSwwLjk0OUg4LjA2NmMtMS4zNDMsMC
4wMDUtMi41OTEsMC4yOC0zLjczMiwwLjgyNUMzLjA1NiwyLjM5LDIuMDIsMy4yODcsMS4yNTIsNC40NDMKI
CAgICAgQzAuNDg2LDUuNTk5LDAuMDY4LDYuODgyLDAuMDA4LDguMjU5QzAuMDAzLDguMzc3LDAsOC40OTQs
MCw4LjYwOWMtMC4wMDEsMS45MjYsMC43MDEsMy42MiwyLjA5Nyw1LjA0MgogICAgICBjMS40NTcsMS40OTI
sMy4zNTIsMi4yOTYsNS42MjcsMi4zOTFjMC4xNDYsMC4wMDYsMC4yOSwwLjAxLDAuNDM0LDAuMDFjMS4yOD
csMCwyLjQ3OC0wLjIyOSwzLjU0Ni0wLjY4NwogICAgICBjMC4yNjctMC4xMTQsMC41MjYtMC4yNDgsMC43O
TEtMC4zOTdjMC4xNDQtMC4wODMsMC4yOC0wLjE3MSwwLjQxNS0wLjI2NWwwLjEtMC4wNjdsMC4xNjgtMC4x
MTUKICAgICAgYzAuMjAyLTAuMTQ1LDAuMzkxLTAuMzAyLDAuNTc1LTAuNDY5bDAuMDY0LTAuMDYxYzAuMTA
4LTAuMTAzLDAuMjE2LTAuMjA3LDAuMzE4LTAuMzE0bDAuMzgzLTAuNDMzbDAuMTQ2LTAuMTgzbDAuMDY4LT
AuMQogICAgICBsMC4wNjgtMC4wOThjMC41NjktMC45NTYsMi40MjEtNC40MzUsMi40MjEtNC40MzVWOC40M
jFsMC4xMS0wLjIxMmwwLjA5Mi0wLjE2NmMwLjI3My0wLjQ5NywwLjQ3LTAuODUsMC43MzEtMS4yMjFsMC4w
MDctMC4wMTEKICAgICAgYzAuNjA5LTAuODgzLDEuNjU2LTEuNTEyLDIuODktMS42MThjMi4wNy0wLjE3OCw
zLjg4NCwxLjE4Miw0LjA1MSwzLjAzOGMwLjE2NiwxLjg1Ni0xLjM3OCwzLjUwNS0zLjQ0OCwzLjY4NAogIC
AgICBjLTAuNDMxLDAuMDM3LTAuODUsMC4wMDgtMS4yNDUtMC4wNzlsLTAuMDEsMC4wMDRjLTEuNTE5LTAuM
zE2LTIuNDg2LTEuNDI0LTIuOTYzLTEuOTE5bC0xLjk5MiwzLjY2MwogICAgICBjMCwwLDAuNjE5LDAuNjI0
LDEuMDQzLDAuOTM2YzAuNDI1LDAuMzExLDAuOTc0LDAuNjE3LDEuNDEyLDAuODA3YzEuMDYzLDAuNDU0LDI
uMjE5LDAuNzI2LDMuNDk2LDAuNzI2CiAgICAgIGMwLjE0OCwwLDAuMTE4LDAsMC4yNzItMC4wMDZjMi4yNz
MtMC4wOTUsNC4yOTktMC45NjYsNS43Ni0yLjQ1OGMxLjM4NC0xLjQxNywyLjEzNS0zLjAzNSwyLjE0Mi00L
jk1VjguNTgyCiAgICAgIEMyOS41NjgsOC40NzYsMjkuNTY1LDguMzY5LDI5LjU2MSw4LjI2MXoiLz4KICA8
L2c+CjwvZz4KPGc+CiAgPHBhdGggZmlsbD0iIzRhODlkYyIgZD0iTTM3LjE4MSwxNS42NTdjLTEuMDMzLDA
tMS45Ny0wLjEyLTIuODExLTAuMzZjLTAuODQxLTAuMjQtMS41NTktMC42MTktMi4xNTQtMS4xMzkKICAgIG
MtMC41OTctMC41Mi0xLjA1Ny0xLjE4Mi0xLjM4MS0xLjk4NXMtMC40ODYtMS43NzEtMC40ODYtMi44OTlWM
S43NTloNC43Mjd2Ny40NTVjMCwwLjg0NSwwLjIwMiwxLjQ1NywwLjYwNSwxLjgzOQogICAgYzAuNDA0LDAu
MzgzLDAuOTE3LDAuNTc0LDEuNTM5LDAuNTc0YzAuNjM2LDAsMS4xNTItMC4xNzgsMS41NS0wLjUzNWMwLjM
5Ni0wLjM1NywwLjU5Ni0wLjk0OSwwLjU5Ni0xLjc4MVYxLjc1OWg0LjcyN3Y3LjQxNgogICAgYzAsMS4xNj
gtMC4xNjYsMi4xNjEtMC40OTcsMi45NzhjLTAuMzMxLDAuODE4LTAuNzk4LDEuNDg2LTEuMzk5LDIuMDA2Y
y0wLjYwNCwwLjUyLTEuMzMxLDAuODk4LTIuMTg2LDEuMTM5CiAgICBDMzkuMTU2LDE1LjUzNywzOC4yMTMs
MTUuNjU3LDM3LjE4MSwxNS42NTd6Ii8+CjwvZz4KPC9zdmc+" class="rc-CourseraLogo"
alt="Coursera" aria-hidden="false" data-reactid="130"></a><span data-
reactid="131"><button data-track="true" data-track-app="common" data-track-
page="page_header" data-track-action="click" data-track-
component="mobile_search_icon" class="mobile-search-icon"
style="border:none;background-color:transparent;" data-reactid="132"><div
class="magnifier-wrapper" data-reactid="133"><svg width="16px" height="16px"
viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" data-
reactid="134"><title data-reactid="135">Loupe Copy</title><g id="Browse-Topic-Page-
V2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"
transform="translate(-293.000000, -23.000000)" data-reactid="136"><g id="new-nav"
fill="#1a1b1c" data-reactid="137"><g id="search" transform="translate(293.000000,
22.000000)" data-reactid="138"><path d="M11.355485,11.4503883
L16.0066609,16.1015642 L15.1015642,17.0066609 L10.4503883,12.355485
C9.34711116,13.2583262 7.93681293,13.8 6.4,13.8 C2.8653776,13.8 0,10.9346224 0,7.4
C0,3.8653776 2.8653776,1 6.4,1 C9.9346224,1 12.8,3.8653776 12.8,7.4
C12.8,8.93681293 12.2583262,10.3471112 11.355485,11.4503883 Z M6.4,12.52
C9.22769792,12.52 11.52,10.2276979 11.52,7.4 C11.52,4.57230208 9.22769792,2.28
6.4,2.28 C3.57230208,2.28 1.28,4.57230208 1.28,7.4 C1.28,10.2276979
3.57230208,12.52 6.4,12.52 Z" id="Loupe-Copy" data-
reactid="139"></path></g></g></g></svg></div></button></span></div></div></div><!--
react-empty: 140 --></span></div><div class="rc-CourseNavigation" data-
reactid="141"><h2 class="rc-A11yScreenReaderOnly" data-reactid="142">Course
Navigation</h2><div class="rc-CourseHeader" data-reactid="143"><div
class="headline-1-text" title="Introduction to HTML5" data-
reactid="144">Introduction to HTML5</div><div class="body-1-text color-secondary-
text" data-reactid="145">University
of Michigan</div></div><nav class="items align-self-stretch" aria-label="Course
Navigation" data-reactid="146"><div class="rc-WeekCollectionNavigationItem" data-
reactid="147"><a data-click-key="open_course_home.menu.click.nav_item" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_item&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/home/welcome&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="menu" data-track-action="click" data-
track-component="nav_item" data-track-href="/learn/html/home/welcome"
href="/learn/html/home/welcome" class="rc-NavigationLink horizontal-box align-
items-vertical-center wrap selected" data-reactid="148"><p class="nav-item
headline-1-text" data-reactid="149">Course Home</p></a><div class="rc-
NavigationDrawer" data-reactid="150"><a data-click-
key="open_course_home.menu.click.nav_week" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_week&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/home/week/1&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="menu" data-track-action="click" data-
track-component="nav_week" data-track-href="/learn/html/home/week/1"
href="/learn/html/home/week/1" class="rc-NavigationDrawerLink headline-1-text
horizontal-box rc-WeekNavigationItem" data-reactid="151"><div class="horizontal-box
align-items-vertical-center" data-reactid="152"><span data-reactid="153">Week
1</span></div><div class="week-status overdue" data-reactid="154"><i class="cif-
calendar" aria-hidden="true" data-reactid="155"></i></div></a><a data-click-
key="open_course_home.menu.click.nav_week" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_week&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/home/week/2&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="menu" data-track-action="click" data-
track-component="nav_week" data-track-href="/learn/html/home/week/2"
href="/learn/html/home/week/2" class="rc-NavigationDrawerLink headline-1-text
horizontal-box rc-WeekNavigationItem" data-reactid="156"><div class="horizontal-box
align-items-vertical-center" data-reactid="157"><span data-reactid="158">Week
2</span></div><div class="week-status" data-reactid="159"></div></a><a data-click-
key="open_course_home.menu.click.nav_week" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_week&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/home/week/3&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="menu" data-track-action="click" data-
track-component="nav_week" data-track-href="/learn/html/home/week/3"
href="/learn/html/home/week/3" class="rc-NavigationDrawerLink headline-1-text
horizontal-box rc-WeekNavigationItem" data-reactid="160"><div class="horizontal-box
align-items-vertical-center" data-reactid="161"><span data-reactid="162">Week
3</span></div><div class="week-status" data-
reactid="163"></div></a></div></div><div class="rc-DefaultNavigationItem" data-
courselenium="gradesNavigationItem" data-reactid="164"><a data-click-
key="open_course_home.menu.click.nav_item" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_item&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/home/assignments&quot;}" data-track="true"
data-track-app="open_course_home" data-track-page="menu" data-track-action="click"
data-track-component="nav_item" data-track-href="/learn/html/home/assignments"
href="/learn/html/home/assignments" class="rc-NavigationLink horizontal-box align-
items-vertical-center wrap" data-reactid="165"><p class="nav-item headline-1-text"
data-reactid="166">Grades</p></a></div><div class="rc-DefaultNavigationItem" data-
courselenium="discussionForumsNavigationItem" data-reactid="167"><a data-click-
key="open_course_home.menu.click.nav_item" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_item&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/discussions&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="menu" data-track-action="click" data-
track-component="nav_item" data-track-href="/learn/html/discussions"
href="/learn/html/discussions" class="rc-NavigationLink horizontal-box align-items-
vertical-center wrap" data-reactid="168"><p class="nav-item headline-1-text" data-
reactid="169">Discussion Forums</p></a></div><div class="rc-InboxNavigationItem"
data-reactid="170"><a data-click-key="open_course_home.menu.click.nav_item" data-
click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_item&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/course-inbox&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="menu" data-track-action="click" data-
track-component="nav_item" data-track-href="/learn/html/course-inbox"
href="/learn/html/course-inbox" class="rc-NavigationLink horizontal-box align-
items-vertical-center wrap" data-reactid="171"><p class="nav-item headline-1-text"
data-reactid="172">Messages</p></a></div><div class="rc-
ReferenceCollectionNavigationItem" data-reactid="173"><a data-click-
key="open_course_home.menu.click.nav_item" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_item&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/resources/wKNfm&quot;}" data-track="true"
data-track-app="open_course_home" data-track-page="menu" data-track-action="click"
data-track-component="nav_item" data-track-href="/learn/html/resources/wKNfm"
href="/learn/html/resources/wKNfm" class="rc-NavigationLink horizontal-box align-
items-vertical-center wrap" data-reactid="174"><p class="nav-item headline-1-text"
data-reactid="175">Resources</p></a></div><div class="rc-DefaultNavigationItem"
data-courselenium="courseInfoNavigationItem" data-reactid="176"><a data-click-
key="open_course_home.menu.click.nav_item" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;menu&quot;,&qu
ot;component&quot;:&quot;nav_item&quot;,&quot;action&quot;:&quot;click&quot;},&quot
;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quo
t;,&quot;href&quot;:&quot;/learn/html/home/info&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="menu" data-track-action="click" data-
track-component="nav_item" data-track-href="/learn/html/home/info"
href="/learn/html/home/info" class="rc-NavigationLink horizontal-box align-items-
vertical-center wrap" data-reactid="177"><p class="nav-item headline-1-text" data-
reactid="178">Course Info</p></a></div></nav></div><main class="course-content"
data-reactid="179"><!-- react-empty: 180 --><div class="course-content-body" data-
reactid="181"><div class="rc-Welcome" data-reactid="182"><div data-
reactid="183"><div data-track="true" data-track-app="open_course_home" data-track-
page="home_page" data-track-action="click" data-track-
component="guided_course_home" role="presentation" data-reactid="184"><div
class="rc-WelcomeNotifications" data-reactid="185"><h2 class="rc-
A11yScreenReaderOnly" data-reactid="186">Notifications</h2><div class="rc-
S12nUpsellNotification" data-reactid="187"><div data-reactid="188"><div data-
track="true" data-track-app="open_course_home" data-track-page="home_page" data-
track-action="click" data-track-component="s12n_upsell_notification" class="rc-
InContextNotification body-1-text" role="presentation" data-reactid="189"><div
data-classname="in-context-notification" class="Notification_magqbe-o_O-
info_6tn6ar" data-reactid="190"><svg class="SvgIcon_1i1gi7h"
style="fill:#2A73CC;height:24px;width:24px;" viewBox="0 0 48 48"
xmlns="http://www.w3.org/2000/svg" data-reactid="191"><title data-
reactid="192">Filled Info</title><path d="M24,0 C10.752,0 0,10.752 0,24 C0,37.248
10.752,48 24,48 C37.248,48 48,37.248 48,24 C48,10.752 37.248,0 24,0 Z M26.4,17
L21.6,17 L21.6,12.2 L26.4,12.2 L26.4,17 Z M26.4,36.4 L21.6,36.4 L21.6,22 L26.4,22
L26.4,36.4 Z" data-reactid="193"></path></svg><span class="message_8ltbgm" data-
reactid="194"><span data-reactid="195"><!-- react-text: 196 -->Like this course?
Become an expert by joining the <!-- /react-text --><a href="/specializations/web-
design" target="_blank" data-reactid="197"><span data-reactid="198">Web Design for
Everybody (Basics of Web Development and Coding) Specialization</span></a><!--
react-text: 199 -->.<!-- /react-text
--></span></span></div></div></div></div></div><div class="rc-CourseNameHeader
vertical-box align-items-absolute-center styleguide" data-reactid="200"><h1
class="course-name color-primary-text display-3-text" aria-describedby="partner-
names-description" data-reactid="201">Introduction to HTML5</h1><div
class="headline-1-text partner-names" data-reactid="202"><span class="body-1-text"
id="partner-names-description" data-reactid="203"><span data-reactid="204">by
University of Michigan</span></span></div></div><div class="rc-CollapsibleMessage
primary cozy rc-InstructorNote card-rich-interaction"><div class="message-content
truncated" aria-expanded="false"><button class="nostyle dismiss" aria-
label="Dismiss instructor note"><i class="cif-close color-secondary-text" aria-
hidden="true"></i></button><div class="horizontal-box align-items-left align-items-
vertical-center instructor-profile"><div class="instructor-image-container"><div
class="rc-ProfileImage"><div class="c-profile-image" aria-hidden="true"
style="width: 40px; height: 40px;"><img
src="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://cour
sera-instructor-
photos.s3.amazonaws.com/f8/0fc2004cfc11e5b1b0bd675d89e7b7/van_lent_colleen_082615_0
63_square.jpg?auto=fit&amp;dpr=1&amp;w=40&amp;h=40&amp;fit=crop"
srcset="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://c
oursera-instructor-
photos.s3.amazonaws.com/f8/0fc2004cfc11e5b1b0bd675d89e7b7/van_lent_colleen_082615_0
63_square.jpg?auto=fit&amp;dpr=2&amp;w=40&amp;h=40&amp;fit=crop 2x,
https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-
instructor-
photos.s3.amazonaws.com/f8/0fc2004cfc11e5b1b0bd675d89e7b7/van_lent_colleen_082615_0
63_square.jpg?auto=fit&amp;dpr=3&amp;w=40&amp;h=40&amp;fit=crop 3x" alt="Colleen
van Lent, Ph.D." style="max-width: 40px; max-height: 40px;"></div></div></div><div
class="instructor-image-container"><div class="rc-ProfileImage"><div class="c-
profile-image" aria-hidden="true" style="width: 40px; height: 40px;"><img
src="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://cour
sera-instructor-photos.s3.amazonaws.com/be/edf8690432469fb182e4313a3ee7ef/Charles-
Severance.jpeg?auto=fit&amp;dpr=1&amp;w=40&amp;h=40&amp;fit=crop"
srcset="https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://c
oursera-instructor-
photos.s3.amazonaws.com/be/edf8690432469fb182e4313a3ee7ef/Charles-Severance.jpeg?
auto=fit&amp;dpr=2&amp;w=40&amp;h=40&amp;fit=crop 2x,
https://d3njjcbhbojbot.cloudfront.net/api/utilities/v1/imageproxy/https://coursera-
instructor-photos.s3.amazonaws.com/be/edf8690432469fb182e4313a3ee7ef/Charles-
Severance.jpeg?auto=fit&amp;dpr=3&amp;w=40&amp;h=40&amp;fit=crop 3x" alt="Charles
Severance" style="max-width: 40px; max-height:
40px;"></div></div></div></div><div><p>Thank you for enrolling in Introduction to
HTML5.</p><p>In this course we look into the basic concepts of HTML5 - the language
used to create the content for webpages. We learn more than just the language
though, we also look at how the World Wide Web evolved from a collection of
technical physics articles to an ever-changing place for information,
entertainment, and communication. When you complete the course, you will come away
with an understanding of how the web works, what web developers need to consider
when designing accessible web sites, and how easy it actually is to create a
webpage. </p><p>How will you know if this course is right for you? Well, not every
course can cater to every student. This one is <strong>NOT</strong> for
experienced programmers. But if you have ever wondered what happens when you type
an address into the URL bar at the top of your browser, you will find out. If you
have ever been a little nervous about asking what something means or how something
works, I also hope this will be the community for you. Because that is what I want
to turn this course into; a community of learners who are just starting out but who
want to learn a little bit more. So whether you join me for just this class, or
for all the upcoming Web Design for Everybody Specialization courses, I welcome
you.</p><p>Colleen</p></div><div class="truncate-gradient white"></div></div><div
class="horizontal-box message-toggle-row"><button class="nostyle message-toggle"
aria-label="Show more"><i class="color-secondary-text cif-chevron-down"></i><span
class="color-secondary-text">More</span></button></div></div><h2 class="rc-
A11yScreenReaderOnly" data-reactid="206">Timeline</h2><div class="progress-grades-
container align-items-vertical-center horizontal-box" data-reactid="207"><div
class="rc-CourseProgressBar detailed-view" data-reactid="208"><div class="progress-
section" data-reactid="209"><div class="progress" data-reactid="210" style="left:
0px;"><div class="nostyle" data-reactid="211"><div class="rc-ProgressBar" data-
reactid="212"><div class="horizontal-box" data-reactid="213"><div class="base-bar"
data-reactid="214"></div><div class="base-bar" data-reactid="215"></div><div
class="base-bar" data-reactid="216"></div><div class="base-bar" data-
reactid="217"></div></div><div class="horizontal-box" data-reactid="218"><div
class="status-bar" data-reactid="219"><div class="rc-WeekBar" style="width:53%;"
data-reactid="220"></div></div><div class="status-bar" data-reactid="221"><!--
react-empty: 222 --></div><div class="status-bar" data-reactid="223"><!-- react-
empty: 224 --></div></div></div></div><div class="nostyle" data-reactid="225"><div
class="horizontal-box weeks-status-section" data-reactid="226"><div class="start-
week-section" data-reactid="227"><div class="rc-WeekStatusIndicator vertical-box"
data-reactid="228"><div class="completed" data-reactid="229"></div><div
class="label" data-reactid="230"><span data-reactid="231">Start
05/28</span></div></div></div><div class="week-section" data-reactid="232"><div
class="rc-WeekAssignmentIcons" data-reactid="233"><div class="vertical-box" data-
reactid="234"><ol class="nostyle vertical-box" data-reactid="235"><li class="rc-
TooltipAssignmentProgressIcon" data-reactid="236"><div class="icon-wrapper"
role="tooltip" tabindex="0" aria-describedby="assignment-progression-tooltip" data-
reactid="237"><i class="cif-lock rc-AssignmentProgressIcon" aria-hidden="true"
data-reactid="238"></i></div></li></ol><div class="label" data-reactid="239"><span
data-reactid="240">Week 1</span></div></div></div></div><div class="week-section"
data-reactid="241"><div class="rc-WeekAssignmentIcons" data-reactid="242"><div
class="vertical-box" data-reactid="243"><ol class="nostyle vertical-box" data-
reactid="244"><li class="rc-TooltipAssignmentProgressIcon" data-reactid="245"><div
class="icon-wrapper" role="tooltip" tabindex="0" aria-describedby="assignment-
progression-tooltip" data-reactid="246"><i class="cif-lock rc-
AssignmentProgressIcon" aria-hidden="true" data-
reactid="247"></i></div></li></ol><div class="label" data-reactid="248"><span data-
reactid="249">Week 2</span><div class="rc-CalendarIcon" role="tooltip" tabindex="0"
aria-describedby="calendar-tooltip" data-reactid="250"><i class="cif-calendar"
aria-hidden="true" data-reactid="251"></i></div></div></div></div></div><div
class="week-section" data-reactid="252"><div class="rc-WeekAssignmentIcons" data-
reactid="253"><div class="vertical-box" data-reactid="254"><ol class="nostyle
vertical-box" data-reactid="255"><li class="rc-TooltipAssignmentProgressIcon" data-
reactid="256"><div class="icon-wrapper" role="tooltip" tabindex="0" aria-
describedby="assignment-progression-tooltip" data-reactid="257"><i class="cif-lock
rc-AssignmentProgressIcon" aria-hidden="true" data-reactid="258"></i></div></li><li
class="rc-TooltipAssignmentProgressIcon" data-reactid="259"><div class="icon-
wrapper" role="tooltip" tabindex="0" aria-describedby="assignment-progression-
tooltip" data-reactid="260"><i class="cif-lock rc-AssignmentProgressIcon" aria-
hidden="true" data-reactid="261"></i></div></li></ol><div class="label" data-
reactid="262"><span data-reactid="263">Week 3</span></div></div></div></div><div
class="end-week-section week-section" data-reactid="264"><div class="rc-
WeekStatusIndicator vertical-box" data-reactid="265"><div class="ontrack" data-
reactid="266"></div><div class="label" data-reactid="267"><span data-
reactid="268">End 06/25</span></div></div></div></div></div></div></div><button
class="nostyle move-forward"><i class="cif-chevron-right-thin" aria-
hidden="true"></i></button></div></div><h2 class="rc-A11yScreenReaderOnly" data-
reactid="269">Next Step</h2><div class="rc-CourseNextStep card-no-action comfy"
data-reactid="270"><div class="rc-CourseMaterial" data-reactid="271"><div
class="next-step-content horizontal-box wrap" data-reactid="272"><div class="title
label-text" data-reactid="273"><span data-reactid="274">WEEK 1</span></div><div
class="flex-1 description" data-reactid="275"><div class="rc-ItemName body-2-text
title" data-reactid="276"><!-- react-text: 277 -->Quiz: Week One - HTML/Web
basics<!-- /react-text --></div><div class="body-1-text" data-reactid="278">It's
not too late! You can still get full credit, so give it a try.</div><div
class="pill-white time-estimate-pill" data-reactid="279">1h</div></div><div
class="rc-ItemButton align-self-center" data-reactid="280"><a class="link-button
primary cozy" href="/learn/html/exam/Dlayy/week-one-html-web-basics" data-
reactid="281"><!-- react-text: 282 -->Start<!-- /react-text
--></a></div></div></div></div><ul class="rc-CourseWeekCards nostyle" data-
elementtiming="ondemand.course-week-cards" data-reactid="283"><li data-
reactid="284"><div data-reactid="285"><div data-track="true" data-track-
app="open_course_home" data-track-page="home_page" data-track-action="click" data-
track-component="home_week_card" class="rc-WeekCard card-rich-interaction"
role="region" aria-label="Week
1 summary" data-reactid="286"><h2 class="rc-A11yScreenReaderOnly" data-
reactid="287"><span data-reactid="288">Week 1 information</span></h2><div data-
track="true" data-track-app="open_course_home" data-track-page="home_page" data-
track-action="click" data-track-component="week_card_toggle_collapse" class="rc-
WeekCardHeader nostyle current" role="button" tabindex="0" aria-expanded="true"
data-reactid="289"><div class="horizontal-box align-items-vertical-center content"
data-reactid="290"><div class="rc-WeekStatusMarker status-marker horizontal-box
align-items-absolute-center bgcolor-warn" role="tooltip" aria-describedby="week-
status-tooltip" data-reactid="291"><!-- react-text: 292 -->!<!-- /react-text
--><span class="rc-A11yScreenReaderOnly" data-
reactid="293">Overdue</span></div><div class="week-number body-2-text flex-1" data-
reactid="294"><span data-reactid="295">WEEK 1</span></div><span class="body-2-text
estimated-time" data-reactid="296"><!-- react-text: 297 -->Estimated time<!--
/react-text --><!-- react-text: 298 -->: <!-- /react-text --><!-- react-text: 299
-->1h 3m<!-- /react-text --></span><div data-reactid="300"><i class="cif-chevron-
right-thin expand-collapse-toggle cif-rotate-270" aria-hidden="true" data-
reactid="301"></i></div></div></div><div class="Expandable_1ikynxz-o_O-
content_b02782-o_O-fullBleedContainer_6k3h32 rc-WeekCardBody" role="region" data-
reactid="302"><div class="transitionContainer_xmmnjl" style="height: 350.733px;"
data-reactid="303"><div data-reactid="304"><div class="body-content" data-
reactid="305"><section class="module-section" data-reactid="306"><div
class="headline-1-text module-title" data-reactid="307">Week One</div><div
class="progress-section-wrapper horizontal-box wrap" data-reactid="308"><div
class="rc-UngradedItemSection flex-4" data-reactid="309"><a data-click-
key="open_course_home.home_page.click.week_card_item_type_progress" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_item_type_progress&quot;,&quot;action&quot;
:&quot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type
&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/lecture/wsxd5/01-05-
editors-how-to-use-an-editor-to-create-an-html-file&quot;}" data-track="true" data-
track-app="open_course_home" data-track-page="home_page" data-track-action="click"
data-track-component="week_card_item_type_progress" data-track-
href="/learn/html/lecture/wsxd5/01-05-editors-how-to-use-an-editor-to-create-an-
html-file" href="/learn/html/lecture/wsxd5/01-05-editors-how-to-use-an-editor-to-
create-an-html-file" class="rc-UngradedItem horizontal-box align-items-vertical-
center" data-reactid="310"><div class="title flex-1" data-reactid="311"><span
class="color-secondary-text" data-reactid="312">Videos</span></div><div class="rc-
ProgressCircle outer-circle" style="width:20px;height:20px;background-
color:#00CEA0;background-image:linear-gradient(90deg, #00CEA0 50%, transparent 50%,
transparent),
linear-gradient(270deg, #00CEA0 50%, #DDDDDD 50%, #DDDDDD);" data-
reactid="313"><div class="inner-circle" style="width:16px;height:16px;background-
color:#fafafa;" data-reactid="314"></div></div><div class="time-remaining" data-
reactid="315"><span class="color-secondary-text" data-
reactid="316">Done</span></div></a><a data-click-
key="open_course_home.home_page.click.week_card_item_type_progress" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_item_type_progress&quot;,&quot;action&quot;
:&quot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type
&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/supplement/y3zp2/opt
ional-resources&quot;}" data-track="true" data-track-app="open_course_home" data-
track-page="home_page" data-track-action="click" data-track-
component="week_card_item_type_progress" data-track-
href="/learn/html/supplement/y3zp2/optional-resources"
href="/learn/html/supplement/y3zp2/optional-resources" class="rc-UngradedItem
horizontal-box align-items-vertical-center" data-reactid="317"><div class="title
flex-1" data-reactid="318"><span class="color-secondary-text" data-
reactid="319">Readings</span></div><div class="rc-ProgressCircle outer-circle"
style="width:20px;height:20px;background-color:#00CEA0;background-image:linear-
gradient(46.80000000000001deg, #00CEA0 50%, transparent 50%, transparent),
linear-gradient(270deg, #00CEA0 50%, #DDDDDD 50%, #DDDDDD);" data-
reactid="320"><div class="inner-circle" style="width:16px;height:16px;background-
color:#fafafa;" data-reactid="321"></div></div><div class="time-remaining" data-
reactid="322"><span class="body-2-text color-primary-text" data-reactid="323"><span
data-reactid="324">3 min left</span></span></div></a><!-- react-empty: 325 --><!--
react-empty: 326 --></div><div class="rc-AssignmentSection flex-5" data-
reactid="327"><div class="assignments" data-reactid="328"><div class="horizontal-
box" data-reactid="329"><div class="label-text color-secondary-text flex-1
assignment-section-header" data-reactid="330">Required</div><div class="label-text
color-secondary-text assignment-section-header" data-reactid="331">Grade</div><div
class="label-text color-secondary-text assignment-section-header" data-
reactid="332">Due</div></div><div data-reactid="333"><div class="rc-AssignmentRow
horizontal-box" data-reactid="334"><a data-click-
key="open_course_home.home_page.click.week_card_assignment_name" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_assignment_name&quot;,&quot;action&quot;:&q
uot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&qu
ot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/Dlayy/week-one-
html-web-basics&quot;}" data-track="true" data-track-app="open_course_home" data-
track-page="home_page" data-track-action="click" data-track-
component="week_card_assignment_name" data-track-href="/learn/html/exam/Dlayy/week-
one-html-web-basics" href="/learn/html/exam/Dlayy/week-one-html-web-basics"
class="nostyle rc-AssignmentName assignment-link" data-reactid="335"><div
class="horizontal-box" data-reactid="336"><div data-reactid="337"><i class="cif-
lock rc-AssignmentProgressIcon" aria-hidden="true" data-
reactid="338"></i></div><div data-reactid="339"><div class="body-2-text" data-
reactid="340">Quiz</div><div class="item-name" data-reactid="341">Week One -
HTML/Web basics</div><div class="horizontal-box align-items-vertical-center" data-
reactid="342"><div class="body-2-text" data-
reactid="343">1h</div></div></div></div></a><div class="rc-AssignmentGrade" data-
reactid="344"><!-- react-empty: 345 --></div><div class="rc-AssignmentDueDate"
data-reactid="346"><a data-click-
key="open_course_home.home_page.click.week_card_due_date" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_due_date&quot;,&quot;action&quot;:&quot;cli
ck&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&qu
ot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/Dlayy/week-one-html-web-
basics&quot;}" data-track="true" data-track-app="open_course_home" data-track-
page="home_page" data-track-action="click" data-track-
component="week_card_due_date" data-track-href="/learn/html/exam/Dlayy/week-one-
html-web-basics" href="/learn/html/exam/Dlayy/week-one-html-web-basics"
class="nostyle" data-reactid="347">Jun
4</a></div></div></div></div></div></div></section></div></div></div></div></div></
div></li><li data-reactid="348"><div data-reactid="349"><div data-track="true"
data-track-app="open_course_home" data-track-page="home_page" data-track-
action="click" data-track-component="home_week_card" class="rc-WeekCard card-rich-
interaction" role="region" aria-label="Week 2 summary" data-reactid="350"><h2
class="rc-A11yScreenReaderOnly" data-reactid="351"><span data-reactid="352">Week 2
information</span></h2><div data-track="true" data-track-app="open_course_home"
data-track-page="home_page" data-track-action="click" data-track-
component="week_card_toggle_collapse" class="rc-WeekCardHeader nostyle"
role="button" tabindex="0" aria-expanded="true" data-reactid="353"><div
class="horizontal-box align-items-vertical-center content" data-reactid="354"><!--
react-empty: 355 --><div class="week-number body-2-text flex-1" data-
reactid="356"><span data-reactid="357">WEEK 2</span></div><span class="body-2-text
estimated-time" data-reactid="358"><!-- react-text: 359 -->Estimated time<!--
/react-text --><!-- react-text: 360 -->: <!-- /react-text --><!-- react-text: 361
-->1h 9m<!-- /react-text --></span><div data-reactid="362"><i class="cif-chevron-
right-thin expand-collapse-toggle cif-rotate-270" aria-hidden="true" data-
reactid="363"></i></div></div></div><div class="Expandable_1ikynxz-o_O-
content_b02782-o_O-fullBleedContainer_6k3h32 rc-WeekCardBody" role="region" data-
reactid="364"><div class="transitionContainer_xmmnjl" style="height: 302.733px;"
data-reactid="365"><div data-reactid="366"><div class="body-content" data-
reactid="367"><section class="module-section" data-reactid="368"><div
class="headline-1-text module-title" data-reactid="369">Week Two</div><div
class="progress-section-wrapper horizontal-box wrap" data-reactid="370"><div
class="rc-UngradedItemSection flex-4" data-reactid="371"><a data-click-
key="open_course_home.home_page.click.week_card_item_type_progress" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_item_type_progress&quot;,&quot;action&quot;
:&quot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type
&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/lecture/blrRu/02-09-
useful-tags&quot;}" data-track="true" data-track-app="open_course_home" data-track-
page="home_page" data-track-action="click" data-track-
component="week_card_item_type_progress" data-track-
href="/learn/html/lecture/blrRu/02-09-useful-tags"
href="/learn/html/lecture/blrRu/02-09-useful-tags" class="rc-UngradedItem
horizontal-box align-items-vertical-center" data-reactid="372"><div class="title
flex-1" data-reactid="373"><span class="color-secondary-text" data-
reactid="374">Videos</span></div><div class="rc-ProgressCircle outer-circle"
style="width:20px;height:20px;background-color:#00CEA0;background-image:linear-
gradient(39.599999999999994deg, #00CEA0 50%, transparent 50%, transparent),
linear-gradient(270deg, #00CEA0 50%, #DDDDDD 50%, #DDDDDD);" data-
reactid="375"><div class="inner-circle" style="width:16px;height:16px;background-
color:#fafafa;" data-reactid="400"></div></div><div class="time-remaining" data-
reactid="377"><span class="body-2-text color-primary-text" data-reactid="378"><span
data-reactid="379">11 min left</span></span></div></a><!-- react-empty: 380 --><!--
react-empty: 381 --><!-- react-empty: 382 --></div><div class="rc-AssignmentSection
flex-5" data-reactid="383"><div class="assignments" data-reactid="384"><div
class="horizontal-box" data-reactid="385"><div class="label-text color-secondary-
text flex-1 assignment-section-header" data-reactid="386">Required</div><div
class="label-text color-secondary-text assignment-section-header" data-
reactid="387">Grade</div><div class="label-text color-secondary-text assignment-
section-header" data-reactid="388">Due</div></div><div data-reactid="389"><div
class="rc-AssignmentRow horizontal-box" data-reactid="390"><a data-click-
key="open_course_home.home_page.click.week_card_assignment_name" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_assignment_name&quot;,&quot;action&quot;:&q
uot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&qu
ot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/a0yq0/tags&quot;}"
data-track="true" data-track-app="open_course_home" data-track-page="home_page"
data-track-action="click" data-track-component="week_card_assignment_name" data-
track-href="/learn/html/exam/a0yq0/tags" href="/learn/html/exam/a0yq0/tags"
class="nostyle rc-AssignmentName assignment-link" data-reactid="391"><div
class="horizontal-box" data-reactid="392"><div data-reactid="393"><i class="cif-
lock rc-AssignmentProgressIcon" aria-hidden="false" data-
reactid="394"></i></div><div data-reactid="395"><div class="body-2-text" data-
reactid="396">Quiz</div><div class="item-name" data-reactid="397">Tags!</div><div
class="horizontal-box align-items-vertical-center" data-reactid="398"><div
class="body-2-text" data-reactid="399">58 min</div></div></div></div></a><div
class="rc-AssignmentGrade" data-reactid="400"><!-- react-empty: 401 --></div><div
class="rc-AssignmentDueDate" data-reactid="402"><a data-click-
key="open_course_home.home_page.click.week_card_due_date" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_due_date&quot;,&quot;action&quot;:&quot;cli
ck&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&qu
ot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/a0yq0/tags&quot;}" data-
track="true" data-track-app="open_course_home" data-track-page="home_page" data-
track-action="click" data-track-component="week_card_due_date" data-track-
href="/learn/html/exam/a0yq0/tags" href="/learn/html/exam/a0yq0/tags"
class="nostyle" data-reactid="403">Jun
11</a></div></div></div></div></div></div></section></div></div></div></div></div><
/div></li><li data-reactid="404"><div data-reactid="405"><div data-track="true"
data-track-app="open_course_home" data-track-page="home_page" data-track-
action="click" data-track-component="home_week_card" class="rc-WeekCard card-rich-
interaction" role="region" aria-label="Week 3 summary" data-reactid="406"><h2
class="rc-A11yScreenReaderOnly" data-reactid="407"><span data-reactid="408">Week 3
information</span></h2><div data-track="true" data-track-app="open_course_home"
data-track-page="home_page" data-track-action="click" data-track-
component="week_card_toggle_collapse" class="rc-WeekCardHeader nostyle"
role="button" tabindex="0" aria-expanded="true" data-reactid="409"><div
class="horizontal-box align-items-vertical-center content" data-reactid="410"><!--
react-empty: 411 --><div class="week-number body-2-text flex-1" data-
reactid="412"><span data-reactid="413">WEEK 3</span></div><span class="body-2-text
estimated-time" data-reactid="414"><!-- react-text: 415 -->Estimated time<!--
/react-text --><!-- react-text: 416 -->: <!-- /react-text --><!-- react-text: 417
-->1h 40m<!-- /react-text --></span><div data-reactid="418"><i class="cif-chevron-
right-thin expand-collapse-toggle cif-rotate-270" aria-hidden="true" data-
reactid="419"></i></div></div></div><div class="Expandable_1ikynxz-o_O-
content_b02782-o_O-fullBleedContainer_6k3h32 rc-WeekCardBody" role="region" data-
reactid="420"><div class="transitionContainer_xmmnjl" style="height: 477.667px;"
data-reactid="421"><div data-reactid="422"><div class="body-content" data-
reactid="423"><section class="module-section" data-reactid="424"><div
class="headline-1-text module-title" data-reactid="425">Week Three</div><div
class="progress-section-wrapper horizontal-box wrap" data-reactid="426"><div
class="rc-UngradedItemSection flex-4" data-reactid="427"><a data-click-
key="open_course_home.home_page.click.week_card_item_type_progress" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_item_type_progress&quot;,&quot;action&quot;
:&quot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type
&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/lecture/d6Pha/03-01-
accessibility&quot;}" data-track="true" data-track-app="open_course_home" data-
track-page="home_page" data-track-action="click" data-track-
component="week_card_item_type_progress" data-track-
href="/learn/html/lecture/d6Pha/03-01-accessibility"
href="/learn/html/lecture/d6Pha/03-01-accessibility" class="rc-UngradedItem
horizontal-box align-items-vertical-center" data-reactid="428"><div class="title
flex-1" data-reactid="429"><span class="color-secondary-text" data-
reactid="430">Videos</span></div><div class="rc-ProgressCircle outer-circle"
style="width:20px;height:20px;background-color:#00CEA0;background-image:linear-
gradient(90deg, #DDDDDD 50%, transparent 50%, transparent),
linear-gradient(90deg, #00CEA0 50%, #DDDDDD 50%, #DDDDDD);" data-
reactid="431"><div class="inner-circle" style="width:16px;height:16px;background-
color:#fafafa;" data-reactid="432"></div></div><div class="time-remaining" data-
reactid="433"><span class="body-2-text color-primary-text" data-reactid="434"><span
data-reactid="435">47 min left</span></span></div></a><a data-click-
key="open_course_home.home_page.click.week_card_item_type_progress" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_item_type_progress&quot;,&quot;action&quot;
:&quot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type
&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/supplement/jz5n8/put
ting-your-code-out-on-to-the-web&quot;}" data-track="true" data-track-
app="open_course_home" data-track-page="home_page" data-track-action="click" data-
track-component="week_card_item_type_progress" data-track-
href="/learn/html/supplement/jz5n8/putting-your-code-out-on-to-the-web"
href="/learn/html/supplement/jz5n8/putting-your-code-out-on-to-the-web" class="rc-
UngradedItem horizontal-box align-items-vertical-center" data-reactid="436"><div
class="title flex-1" data-reactid="437"><span class="color-secondary-text" data-
reactid="438">Readings</span></div><div class="rc-ProgressCircle outer-circle"
style="width:20px;height:20px;background-color:#00CEA0;background-image:linear-
gradient(90deg, #DDDDDD 50%, transparent 50%, transparent),
linear-gradient(90deg, #00CEA0 50%, #DDDDDD 50%, #DDDDDD);" data-
reactid="439"><div class="inner-circle" style="width:16px;height:16px;background-
color:#fafafa;" data-reactid="440"></div></div><div class="time-remaining" data-
reactid="441"><span class="body-2-text color-primary-text" data-reactid="442"><span
data-reactid="443">24 min left</span></span></div></a><!-- react-empty: 444 --><a
data-click-key="open_course_home.home_page.click.week_card_item_type_progress"
data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_item_type_progress&quot;,&quot;action&quot;
:&quot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type
&quot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/discussionPrompt/aAJ
nj/optional-validation-article&quot;}" data-track="true" data-track-
app="open_course_home" data-track-page="home_page" data-track-action="click" data-
track-component="week_card_item_type_progress" data-track-
href="/learn/html/discussionPrompt/aAJnj/optional-validation-article"
href="/learn/html/discussionPrompt/aAJnj/optional-validation-article" class="rc-
UngradedItem horizontal-box align-items-vertical-center" data-reactid="445"><div
class="title flex-1" data-reactid="446"><span class="color-secondary-text" data-
reactid="447">Other</span></div><div class="rc-ProgressCircle outer-circle"
style="width:20px;height:20px;background-color:#00CEA0;background-image:linear-
gradient(90deg, #DDDDDD 50%, transparent 50%, transparent),
linear-gradient(90deg, #00CEA0 50%, #DDDDDD 50%, #DDDDDD);" data-
reactid="448"><div class="inner-circle" style="width:16px;height:16px;background-
color:#fafafa;" data-reactid="449"></div></div><div class="time-remaining" data-
reactid="450"><span class="body-2-text color-primary-text" data-reactid="451"><span
data-reactid="452">1 min left</span></span></div></a></div><div class="rc-
AssignmentSection flex-5" data-reactid="453"><div class="assignments" data-
reactid="454"><div class="horizontal-box" data-reactid="455"><div class="label-text
color-secondary-text flex-1 assignment-section-header" data-
reactid="456">Required</div><div class="label-text color-secondary-text assignment-
section-header" data-reactid="457">Grade</div><div class="label-text color-
secondary-text assignment-section-header" data-reactid="458">Due</div></div><div
data-reactid="459"><div class="rc-AssignmentRow horizontal-box" data-
reactid="460"><a data-click-
key="open_course_home.home_page.click.week_card_assignment_name" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_assignment_name&quot;,&quot;action&quot;:&q
uot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&qu
ot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/50L7P/hosting-and-
validation&quot;}" data-track="true" data-track-app="open_course_home" data-track-
page="home_page" data-track-action="click" data-track-
component="week_card_assignment_name" data-track-
href="/learn/html/exam/50L7P/hosting-and-validation"
href="/learn/html/exam/50L7P/hosting-and-validation" class="nostyle rc-
AssignmentName assignment-link" data-reactid="461"><div class="horizontal-box"
data-reactid="462"><div data-reactid="463"><i class="cif-lock rc-
AssignmentProgressIcon" aria-hidden="true" data-reactid="464"></i></div><div data-
reactid="465"><div class="body-2-text" data-reactid="466">Quiz</div><div
class="item-name" data-reactid="467">Hosting and Validation</div><div
class="horizontal-box align-items-vertical-center" data-reactid="468"><div
class="body-2-text" data-reactid="469">10 min</div></div></div></div></a><div
class="rc-AssignmentGrade" data-reactid="470"><!-- react-empty: 471 --></div><div
class="rc-AssignmentDueDate" data-reactid="472"><a data-click-
key="open_course_home.home_page.click.week_card_due_date" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_due_date&quot;,&quot;action&quot;:&quot;cli
ck&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&qu
ot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/50L7P/hosting-and-
validation&quot;}" data-track="true" data-track-app="open_course_home" data-track-
page="home_page" data-track-action="click" data-track-
component="week_card_due_date" data-track-href="/learn/html/exam/50L7P/hosting-and-
validation" href="/learn/html/exam/50L7P/hosting-and-validation" class="nostyle"
data-reactid="473">Jun 18</a></div></div><div class="rc-AssignmentRow horizontal-
box" data-reactid="474"><a data-click-
key="open_course_home.home_page.click.week_card_assignment_name" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_assignment_name&quot;,&quot;action&quot;:&q
uot;click&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&qu
ot;:&quot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/EQVpd/final-
project-put-it-together&quot;}" data-track="true" data-track-app="open_course_home"
data-track-page="home_page" data-track-action="click" data-track-
component="week_card_assignment_name" data-track-
href="/learn/html/exam/EQVpd/final-project-put-it-together"
href="/learn/html/exam/EQVpd/final-project-put-it-together" class="nostyle rc-
AssignmentName assignment-link" data-reactid="475"><div class="horizontal-box"
data-reactid="476"><div data-reactid="477"><i class="cif-lock rc-
AssignmentProgressIcon" aria-hidden="true" data-reactid="478"></i></div><div data-
reactid="479"><div class="body-2-text" data-reactid="480">Quiz</div><div
class="item-name" data-reactid="481">Final Project - Put it Together</div><div
class="horizontal-box align-items-vertical-center" data-reactid="482"><div
class="body-2-text" data-reactid="483">18 min</div></div></div></div></a><div
class="rc-AssignmentGrade" data-reactid="484"><!-- react-empty: 485 --></div><div
class="rc-AssignmentDueDate" data-reactid="486"><a data-click-
key="open_course_home.home_page.click.week_card_due_date" data-click-
value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;home_page&quot
;,&quot;component&quot;:&quot;week_card_due_date&quot;,&quot;action&quot;:&quot;cli
ck&quot;},&quot;open_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&qu
ot;FRONTEND&quot;,&quot;href&quot;:&quot;/learn/html/exam/EQVpd/final-project-put-
it-together&quot;}" data-track="true" data-track-app="open_course_home" data-track-
page="home_page" data-track-action="click" data-track-
component="week_card_due_date" data-track-href="/learn/html/exam/EQVpd/final-
project-put-it-together" href="/learn/html/exam/EQVpd/final-project-put-it-
together" class="nostyle" data-reactid="487">Jun
18</a></div></div></div></div></div></div></section></div></div></div></div></div><
/div></li></ul><div class="rc-EmailSubscription"><div class="partner-banner-content
horizontal-box align-items-vertical-center"><p class="partner-subscription-text
flex-1"><span><strong>Yes</strong>, I’d like to receive email about other programs
from <strong>University of Michigan</strong>.</span></p><div class="rc-ToggleSwitch
on" role="button" tabindex="0"><span class="toggle-handle"></span><!-- react-text:
515 -->Yes<!-- /react-text --></div><i tabindex="0" role="button" aria-
label="Dismiss" class="cif-close dismiss"></i></div></div><!-- react-empty: 507
--><!-- react-empty: 490 --></div></div></div></div></main><a data-click-
key="open_course_home.help.click.icon" data-click-value="{&quot;namespace&quot;:
{&quot;app&quot;:&quot;open_course_home&quot;,&quot;page&quot;:&quot;help&quot;,&qu
ot;component&quot;:&quot;icon&quot;,&quot;action&quot;:&quot;click&quot;},&quot;ope
n_course_slug&quot;:&quot;html&quot;,&quot;schema_type&quot;:&quot;FRONTEND&quot;,&
quot;href&quot;:&quot;https://accounts.coursera.org/i/zendesk/courserahelp?
return_to=https://learner.coursera.help/hc&quot;}" data-track="true" data-track-
app="open_course_home" data-track-page="help" data-track-action="click" data-track-
component="icon" data-track-
href="https://accounts.coursera.org/i/zendesk/courserahelp?
return_to=https://learner.coursera.help/hc"
href="https://accounts.coursera.org/i/zendesk/courserahelp?
return_to=https://learner.coursera.help/hc"
to="https://accounts.coursera.org/i/zendesk/courserahelp?
return_to=https://learner.coursera.help/hc" class="rc-Help link-button nostyle"
target="_blank" rel="noopener noreferrer" aria-label="Help Center Link" style="min-
width:0;bottom:20px;right:20px;" data-reactid="491"><div class="help-widget
horizontal-box align-items-absolute-center" role="tooltip" aria-describedby="help-
tooltip" data-reactid="492"><i class="cif-question-circle-o" aria-hidden="true"
data-reactid="493"></i></div></a></div><div class="rc-Alice" data-
reactid="494"><span data-reactid="495"></span></div></div></div>