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

adding documentation

Browse Source
This commit is contained in:
Ken
2019-02-23 07:56:29 -08:00
parent 672099ccdd
commit 221485a940
59 changed files with 3448 additions and 102 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
docs/step1-07/README.md Normal file
View File

@@ -0,0 +1,43 @@
already done
Types in header
TodoApp methods
filteredTodos in List
demo
## app
Add Types to TodoApp
change 'filter' state value to demonstrate
## List (open list next to app)
Demo TodoApp.types
Add Types in List
## App
Back to App, add complete={this.\_complete} to Todolist - show types, change complete to 'false', filter
## List
add complete, pass to item (prop drilling)
## List Item (move List Item into App window)
TodoListItemProps, extend, id, complete (possible abstraction)
add props, add complete to List item
## List
Demo how you can't add random things to TodoListItem or item's this.props now
exercise
Add types to footer
Add onClick to button
Add types to header
Add setFilter to filter buttons
write onAdd function
place onAdd to submit button

2
docs/step1-07/demo/index.html
View File

@@ -3,5 +3,5 @@
<link rel="stylesheet" href="./src/style.css" />
<body>
<div id="app"></div>
<script src="../../step1-07/demo/step1-07/demo.js"></script></body>
<script src="../../step1-07/demo/step1-07/demo.js"></script><script src="../../markdownReadme/markdownReadme.js"></script></body>
</html>

2
docs/step1-07/exercise/index.html
View File

@@ -3,7 +3,7 @@
<link rel="stylesheet" href="./src/style.css" />
<body>
<div id="app"></div>
<script src="../../step1-07/exercise/step1-07/exercise.js"></script></body>
<script src="../../step1-07/exercise/step1-07/exercise.js"></script><script src="../../markdownReadme/markdownReadme.js"></script></body>
</html>

2
docs/step1-07/final/index.html
View File

@@ -3,7 +3,7 @@
<link rel="stylesheet" href="./src/style.css" />
<body>
<div id="app"></div>
<script src="../../step1-07/final/step1-07/final.js"></script></body>
<script src="../../step1-07/final/step1-07/final.js"></script><script src="../../markdownReadme/markdownReadme.js"></script></body>
</html>