mirror of
https://github.com/microsoft/frontend-bootcamp.git
synced 2026-01-26 14:56:42 +08:00
137 lines
3.9 KiB
HTML
137 lines
3.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<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" href="./assets/shared.css" />
|
|
</head>
|
|
<body class="ms-Fabric">
|
|
<div class="Container">
|
|
<ul class="Tiles">
|
|
<li class="Tile Tile--intro">
|
|
<h2>Day 1</h2>
|
|
Setup, HTML, CSS, Javascript and Intro to React
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-00/" class="Tile-link">
|
|
Step 0 <br />
|
|
HTML/CSS/JS
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-01/" class="Tile-link">
|
|
Step 1 <br />
|
|
Todo HTML
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-02/" class="Tile-link">
|
|
Step 2 <br />
|
|
Todo CSS
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-03/" class="Tile-link">
|
|
Step 3 <br />
|
|
Todo JS
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-04/" class="Tile-link">
|
|
Step 4 <br />
|
|
React Intro
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-05/" class="Tile-link">
|
|
Step 5 <br />
|
|
React Components
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-06/" class="Tile-link">
|
|
Step 6 <br />
|
|
State Driven UI
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step1-07/" class="Tile-link">
|
|
Step 7 <br />
|
|
UI Driven State
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="Container">
|
|
<ul class="Tiles">
|
|
<li class="Tile Tile--intro">
|
|
<h2>Day 2</h2>
|
|
Setup, HTML, CSS, Javascript and Intro to React
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-01/demo/" class="Tile-link">
|
|
Step 1<br />
|
|
Typescript Basics
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-02/demo/" class="Tile-link">
|
|
Step 2<br />
|
|
UI Fabric
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-03/" class="Tile-link">
|
|
Step 3<br />
|
|
UI Fabric: Theming and Styling
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-04/" class="Tile-link">
|
|
Step 4<br />
|
|
Testing with jest
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-05/" class="Tile-link">
|
|
Step 5<br />
|
|
Redux 1: Reducers
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-06/" class="Tile-link">
|
|
Step 6<br />
|
|
Redux 2: Dispatch Actions
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-07/" class="Tile-link">
|
|
Step 7<br />
|
|
Redux 3: Connect to UI
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-08/" class="Tile-link">
|
|
Step 8<br />
|
|
Redux 4: Combine Reducers
|
|
</a>
|
|
</li>
|
|
<li class="Tile">
|
|
<a target="_blank" href="/step2-09/" class="Tile-link">
|
|
Step 9<br />
|
|
Redux 5: Service Calls
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="Container">
|
|
<ul class="Tiles">
|
|
<li class="Tile Tile--intro">
|
|
<h2>Playground</h2>
|
|
</li>
|
|
<li class="Tile"><a target="_blank" href="/playground/" class="Tile-link">Playground</a></li>
|
|
</ul>
|
|
</div>
|
|
</body>
|
|
</html>
|