microsoft/frontend-bootcamp
1
0
Fork 0
mirror of https://github.com/microsoft/frontend-bootcamp.git synced 2026-01-26 14:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

Update index.html

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-26 09:15:17 -08:00
committed by GitHub
parent 04526328fe
commit 9bb0fe0c51
1 changed files with 153 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

324
index.html
View File

@@ -1,188 +1,170 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head>
<head> <meta charset="UTF-8" />
<meta charset="UTF-8" /> <link rel="stylesheet" href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/9.6.1/css/fabric.min.css" />
<link rel="stylesheet" <link rel="stylesheet" href="./assets/shared.css" />
href="https://static2.sharepointonline.com/files/fabric/office-ui-fabric-core/9.6.1/css/fabric.min.css" /> <title>Microsoft Days in the Web - Welcome</title>
<link rel="stylesheet" href="./assets/shared.css" /> </head>
<title>Microsoft Days in the Web - Welcome</title> <body class="ms-Fabric">
</head> <div class="Container">
<h1>Frontend Bootcamp <a href="https://github.com/Microsoft/frontend-bootcamp">View on GitHub</a></h1>
<body class="ms-Fabric"> </div>
<div class="Container"> <div class="Container">
<h1>Frontend Bootcamp <a href="https://github.com/Microsoft/frontend-bootcamp">View on GitHub</a></h1> <ul class="Tiles">
</div> <li class="Tile Tile--intro">
<div class="Container"> <h2>Day 1</h2>
<ul class="Tiles"> Get set up and learn to build a todo app using HTML, CSS, JavaScript, and React.
<li class="Tile Tile--intro"> </li>
<h2>Day 1</h2> <li class="Tile Tile--numbered">
Get set up and learn to build a todo app using HTML, CSS, JavaScript, and React. <a target="_blank" href="./step1-01/" class="Tile-link">
</li> HTML/CSS/JS
<li class="Tile Tile--numbered"> </a>
<a target="_blank" href="./step1-01/" class="Tile-link"> </li>
HTML/CSS/JS <li class="Tile Tile--numbered">
</a> <div class="Tile-link">
</li> Todo HTML & CSS
<li class="Tile Tile--numbered"> <div class="Tile-links">
<div class="Tile-link"> <a target="_blank" href="./step1-02/demo/">demo</a> | <a target="_blank" href="./step1-02/exercise/">exercise</a> |
Todo HTML & CSS <a target="_blank" href="./step1-02/final/">final</a>
<div class="Tile-links"> </div>
<a target="_blank" href="./step1-02/demo/">demo</a> | <a target="_blank"
href="./step1-02/exercise/">exercise</a> |
<a target="_blank" href="./step1-02/final/">final</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Todo JS
Todo JS <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step1-03/demo/">demo</a> | <a target="_blank" href="./step1-03/exercise/">exercise</a> |
<a target="_blank" href="./step1-03/demo/">demo</a> | <a target="_blank" <a target="_blank" href="./step1-03/final/">final</a>
href="./step1-03/exercise/">exercise</a> | </div>
<a target="_blank" href="./step1-03/final/">final</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> React Intro
React Intro <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step1-04/demo/">demo</a> | <a target="_blank" href="./step1-04/final/">final</a>
<a target="_blank" href="./step1-04/demo/">demo</a> | <a target="_blank" href="./step1-04/final/">final</a> </div>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> React Components
React Components <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step1-05/demo/">demo</a> | <a target="_blank" href="./step1-05/exercise/">exercise</a> |
<a target="_blank" href="./step1-05/demo/">demo</a> | <a target="_blank" <a target="_blank" href="./step1-05/final/">final</a>
href="./step1-05/exercise/">exercise</a> | </div>
<a target="_blank" href="./step1-05/final/">final</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> State-Driven UI
State-Driven UI <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step1-06/demo/">demo</a> | <a target="_blank" href="./step1-06/exercise/">exercise</a> |
<a target="_blank" href="./step1-06/demo/">demo</a> | <a target="_blank" <a target="_blank" href="./step1-06/final/">final</a>
href="./step1-06/exercise/">exercise</a> | </div>
<a target="_blank" href="./step1-06/final/">final</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> UI-Driven State
UI-Driven State <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step1-07/demo/">demo</a> | <a target="_blank" href="./step1-07/exercise/">exercise</a> |
<a target="_blank" href="./step1-07/demo/">demo</a> | <a target="_blank" <a target="_blank" href="./step1-07/final/">final</a>
href="./step1-07/exercise/">exercise</a> | </div>
<a target="_blank" href="./step1-07/final/">final</a>
</div> </div>
</div> </li>
</li> </ul>
</ul> </div>
</div> <div class="Container">
<div class="Container"> <ul class="Tiles">
<ul class="Tiles"> <li class="Tile Tile--intro">
<li class="Tile Tile--intro"> <h2>Day 2</h2>
<h2>Day 2</h2> Take your todo app to the next level with TypeScript, Fabric React, and Redux.
Take your todo app to the next level with TypeScript, Fabric React, and Redux. </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> TypeScript Basics
TypeScript Basics <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-01/demo/">demo</a> | <a target="_blank" href="./step2-01/exercise/">exercise</a>
<a target="_blank" href="./step2-01/demo/">demo</a> | <a target="_blank" </div>
href="./step2-01/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> UI Fabric
UI Fabric <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-02/demo/">demo</a> | <a target="_blank" href="./step2-02/exercise/">exercise</a>
<a target="_blank" href="./step2-02/demo/">demo</a> | <a target="_blank" </div>
href="./step2-02/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Theming and Styling
Theming and Styling <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-03/demo/">demo</a> | <a target="_blank" href="./step2-03/exercise/">exercise</a>
<a target="_blank" href="./step2-03/demo/">demo</a> | <a target="_blank" </div>
href="./step2-03/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Testing with jest
Testing with jest <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-04/demo/">demo</a> | <a target="_blank" href="./step2-04/exercise/">exercise</a>
<a target="_blank" href="./step2-04/demo/">demo</a> | <a target="_blank" </div>
href="./step2-04/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Redux: Reducers
Redux: Reducers <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-05/demo/">demo</a> | <a target="_blank" href="./step2-05/exercise/">exercise</a>
<a target="_blank" href="./step2-05/demo/">demo</a> | <a target="_blank" </div>
href="./step2-05/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Redux: Dispatch Actions
Redux: Dispatch Actions <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-06/demo/">demo</a> | <a target="_blank" href="./step2-06/exercise/">exercise</a>
<a target="_blank" href="./step2-06/demo/">demo</a> | <a target="_blank" </div>
href="./step2-06/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Redux: Connect to UI
Redux: Connect to UI <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-07/demo/">demo</a> | <a target="_blank" href="./step2-07/exercise/">exercise</a>
<a target="_blank" href="./step2-07/demo/">demo</a> | <a target="_blank" </div>
href="./step2-07/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Redux: Combine Reducers
Redux: Combine Reducers <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-08/demo/">demo</a> | <a target="_blank" href="./step2-08/exercise/">exercise</a>
<a target="_blank" href="./step2-08/demo/">demo</a> | <a target="_blank" </div>
href="./step2-08/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> <li class="Tile Tile--numbered">
<li class="Tile Tile--numbered"> <div class="Tile-link">
<div class="Tile-link"> Redux: Service Calls
Redux: Service Calls <div class="Tile-links">
<div class="Tile-links"> <a target="_blank" href="./step2-09/demo/">demo</a> | <a target="_blank" href="./step2-09/exercise/">exercise</a>
<a target="_blank" href="./step2-09/demo/">demo</a> | <a target="_blank" </div>
href="./step2-09/exercise/">exercise</a>
</div> </div>
</div> </li>
</li> </ul>
</ul> </div>
</div> <div class="Container">
<div class="Container"> <ul class="Tiles">
<ul class="Tiles"> <li class="Tile Tile--intro">
<li class="Tile Tile--intro"> <h2>Playground</h2>
<h2>Playground</h2> Build your app here!
Build your app here! </li>
</li> <li class="Tile Tile--unnumbered"><a target="_blank" href="/playground/" class="Tile-link">Playground</a></li>
<li class="Tile Tile--unnumbered"><a target="_blank" href="/playground/" class="Tile-link">Playground</a></li> </ul>
</ul> </div>
</div> <script src="./assets/track.js"></script>
<script src="./assets/track.js"></script> </body>
</body> </html>
</html>