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

Add title to index page

Browse Source
This commit is contained in:
elrimando
2019-02-26 22:32:40 +08:00
parent 7d667988e0
commit 04526328fe
1 changed files with 171 additions and 152 deletions
Download Patch File Download Diff File Expand all files Collapse all files

321
index.html
View File

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