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

Merge branch 'master' of https://github.com/Microsoft/frontend-bootcamp

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-25 14:56:24 -08:00
parent 3ab34131fe 66d5347661
commit 2d556a632c
2 changed files with 56 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@@ -25,11 +25,13 @@ This workshop starts as a very high level introduction to the core principles of
$ git clone tba
$ cd bootcamp
$ npm install
$ npm start
// For Day 1, Steps 1-3
$ npm run static
// For the rest of the steps
$ npm start
```
After the project loads in your browser, click on `Step 1 - HTML/CSS/JS`. Then go to the `Day 1: Step 1` page for the lesson and exercise instructions.
## Table Of Contents
### Day One

69
index.html
View File

@@ -23,39 +23,54 @@
<li class="Tile Tile--numbered">
<div class="Tile-link">
Todo HTML & CSS
<div class="Tile-links"><a target="_blank" href="./step1-02/demo/">demo</a> | <a target="_blank" href="./step1-01/exercise/">exercise</a> | <a target="_blank" href="./step1-02/final/">final</a></div>
<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>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Todo JS
<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/final/">final</a></div>
<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/final/">final</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
React Intro
<div class="Tile-links"><a target="_blank" href="./step1-04/demo/">demo</a> |
<a target="_blank" href="./step1-04/final/">final</a></div>
<div class="Tile-links">
<a target="_blank" href="./step1-04/demo/">demo</a> | <a target="_blank" href="./step1-04/final/">final</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
React Components
<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/final/">final</a></div>
<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/final/">final</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
State-Driven UI
<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/final/">final</a></div>
<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/final/">final</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
UI-Driven State
<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/final/">final</a></div>
UI-Driven State
<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/final/">final</a>
</div>
</div>
</li>
</ul>
@@ -69,55 +84,73 @@
<li class="Tile Tile--numbered">
<div class="Tile-link">
Typescript Basics
<div class="Tile-links"><a target="_blank" href="./step2-01/demo/">demo</a> | <a target="_blank" href="./step2-01/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-01/demo/">demo</a> | <a target="_blank" href="./step2-01/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
UI Fabric
<div class="Tile-links"><a target="_blank" href="./step2-02/demo/">demo</a> | <a target="_blank" href="./step2-02/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-02/demo/">demo</a> | <a target="_blank" href="./step2-02/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Theming and Styling
<div class="Tile-links"><a target="_blank" href="./step2-03/demo/">demo</a> | <a target="_blank" href="./step2-03/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-03/demo/">demo</a> | <a target="_blank" href="./step2-03/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Testing with jest
<div class="Tile-links"><a target="_blank" href="./step2-04/demo/">demo</a> | <a target="_blank" href="./step2-04/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-04/demo/">demo</a> | <a target="_blank" href="./step2-04/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Redux: Reducers
<div class="Tile-links"><a target="_blank" href="./step2-05/demo/">demo</a> | <a target="_blank" href="./step2-05/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-05/demo/">demo</a> | <a target="_blank" href="./step2-05/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Redux: Dispatch Actions
<div class="Tile-links"><a target="_blank" href="./step2-06/demo/">demo</a> | <a target="_blank" href="./step2-06/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-06/demo/">demo</a> | <a target="_blank" href="./step2-06/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Redux: Connect to UI
<div class="Tile-links"><a target="_blank" href="./step2-07/demo/">demo</a> | <a target="_blank" href="./step2-07/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-07/demo/">demo</a> | <a target="_blank" href="./step2-07/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Redux: Combine Reducers
<div class="Tile-links"><a target="_blank" href="./step2-08/demo/">demo</a> | <a target="_blank" href="./step2-08/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-08/demo/">demo</a> | <a target="_blank" href="./step2-08/exercise/">exercise</a>
</div>
</div>
</li>
<li class="Tile Tile--numbered">
<div class="Tile-link">
Redux: Service Calls
<div class="Tile-links"><a target="_blank" href="./step2-09/demo/">demo</a> | <a target="_blank" href="./step2-09/exercise/">exercise</a></div>
<div class="Tile-links">
<a target="_blank" href="./step2-09/demo/">demo</a> | <a target="_blank" href="./step2-09/exercise/">exercise</a>
</div>
</div>
</li>
</ul>