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 step number to headers

Browse Source
This commit is contained in:
Elizabeth Craig
2019-02-28 11:37:17 -08:00
parent b030ad033d
commit 6e583f7fc0
23 changed files with 23 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
step1-02/exercise/index.html
View File

@@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>todos</h1> <h1>todos - step1-02 exercise</h1>
<div class="addTodo"> <div class="addTodo">
<input class="textfield" placeholder="add todo" /> <input class="textfield" placeholder="add todo" />
<button class="submit">Add</button> <button class="submit">Add</button>

2
step1-02/final/index.html
View File

@@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>todos</h1> <h1>todos - step1-02 final</h1>
<div class="addTodo"> <div class="addTodo">
<input class="textfield" placeholder="add todo" /> <input class="textfield" placeholder="add todo" />
<button class="submit">Add</button> <button class="submit">Add</button>

2
step1-03/demo/index.html
View File

@@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>todos</h1> <h1>todos - step1-03 demo</h1>
<div class="addTodo"> <div class="addTodo">
<input class="textfield" placeholder="add todo" /> <input class="textfield" placeholder="add todo" />
<button class="submit">Add</button> <button class="submit">Add</button>

2
step1-03/exercise/index.html
View File

@@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>todos</h1> <h1>todos - step1-03 exercise</h1>
<div class="addTodo"> <div class="addTodo">
<input class="textfield" placeholder="add todo" /> <input class="textfield" placeholder="add todo" />
<button onclick="addTodo()" class="submit">Add</button> <button onclick="addTodo()" class="submit">Add</button>

2
step1-03/final/index.html
View File

@@ -5,7 +5,7 @@
</head> </head>
<body> <body>
<header> <header>
<h1>todos</h1> <h1>todos - step1-03 final</h1>
<div class="addTodo"> <div class="addTodo">
<input class="textfield" placeholder="add todo" /> <input class="textfield" placeholder="add todo" />
<button onclick="addTodo()" class="submit">Add</button> <button onclick="addTodo()" class="submit">Add</button>

2
step1-05/exercise/src/components/TodoHeader.tsx
View File

@@ -4,7 +4,7 @@ export class TodoHeader extends React.Component {
render() { render() {
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-05 exercise</h1>
<div className="addTodo"> <div className="addTodo">
<input className="textfield" placeholder="add todo" /> <input className="textfield" placeholder="add todo" />
<button className="submit">Add</button> <button className="submit">Add</button>

2
step1-05/final/src/components/TodoHeader.tsx
View File

@@ -4,7 +4,7 @@ export class TodoHeader extends React.Component {
render() { render() {
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-05 final</h1>
<div className="addTodo"> <div className="addTodo">
<input className="textfield" placeholder="add todo" /> <input className="textfield" placeholder="add todo" />
<button className="submit">Add</button> <button className="submit">Add</button>

2
step1-06/demo/src/components/TodoHeader.tsx
View File

@@ -10,7 +10,7 @@ export class TodoHeader extends React.Component<any, any> {
const { filter } = this.props; const { filter } = this.props;
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-06 demo</h1>
<div className="addTodo"> <div className="addTodo">
<input className="textfield" placeholder="add todo" /> <input className="textfield" placeholder="add todo" />
<button className="submit">Add</button> <button className="submit">Add</button>

2
step1-06/exercise/src/components/TodoHeader.tsx
View File

@@ -11,7 +11,7 @@ export class TodoHeader extends React.Component<any, any> {
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-06 exercise</h1>
<div className="addTodo"> <div className="addTodo">
<input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" /> <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
<button className="submit">Add</button> <button className="submit">Add</button>

2
step1-06/final/src/components/TodoHeader.tsx
View File

@@ -11,7 +11,7 @@ export class TodoHeader extends React.Component<any, any> {
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-06 final</h1>
<div className="addTodo"> <div className="addTodo">
<input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" /> <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
<button className="submit">Add</button> <button className="submit">Add</button>

2
step1-07/demo/src/components/TodoHeader.tsx
View File

@@ -11,7 +11,7 @@ export class TodoHeader extends React.Component<any, any> {
const { filter } = this.props; const { filter } = this.props;
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-07 demo</h1>
<div className="addTodo"> <div className="addTodo">
<input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" /> <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
<button className="submit">Add</button> <button className="submit">Add</button>

2
step1-07/exercise/src/components/TodoHeader.tsx
View File

@@ -11,7 +11,7 @@ export class TodoHeader extends React.Component<any, any> {
const { filter } = this.props; const { filter } = this.props;
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-07 exercise</h1>
<div className="addTodo"> <div className="addTodo">
<input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" /> <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
<button className="submit">Add</button> <button className="submit">Add</button>

2
step1-07/final/src/components/TodoHeader.tsx
View File

@@ -21,7 +21,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
const { filter, setFilter } = this.props; const { filter, setFilter } = this.props;
return ( return (
<header> <header>
<h1>todos</h1> <h1>todos - step1-07 final</h1>
<div className="addTodo"> <div className="addTodo">
<input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" /> <input value={this.state.labelInput} onChange={this._onChange} className="textfield" placeholder="add todo" />
<button onClick={this._onAdd} className="submit"> <button onClick={this._onAdd} className="submit">

2
step2-02/demo/src/components/TodoHeader.tsx
View File

@@ -22,7 +22,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
return ( return (
<Stack> <Stack>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-02 demo</Text>
</Stack> </Stack>
<Stack horizontal> <Stack horizontal>

2
step2-02/exercise/src/components/TodoHeader.tsx
View File

@@ -5,7 +5,7 @@ export class TodoHeader extends React.Component<{}, {}> {
render() { render() {
return ( return (
<div> <div>
<h1>todos</h1> <h1>todos - step2-02 exercise</h1>
<input className="textfield" placeholder="add todo" /> <input className="textfield" placeholder="add todo" />
<button className="button add">Add</button> <button className="button add">Add</button>
<div className="filter"> <div className="filter">

2
step2-03/demo/src/components/TodoHeader.tsx
View File

@@ -22,7 +22,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-03 demo</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>

2
step2-03/exercise/src/components/TodoHeader.tsx
View File

@@ -22,7 +22,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-03 exercise</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>

2
step2-07/demo/src/components/TodoHeader.tsx
View File

@@ -22,7 +22,7 @@ class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState> {
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-07 demo</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>

2
step2-07/exercise/src/components/TodoHeader.tsx
View File

@@ -23,7 +23,7 @@ export class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-07 exercise</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>

2
step2-08/demo/src/components/TodoHeader.tsx
View File

@@ -24,7 +24,7 @@ class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState> {
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-08 demo</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>

2
step2-08/exercise/src/components/TodoHeader.tsx
View File

@@ -24,7 +24,7 @@ class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState> {
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-08 exercise</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>

2
step2-09/demo/src/components/TodoHeader.tsx
View File

@@ -24,7 +24,7 @@ class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState> {
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-09 demo</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>

2
step2-09/exercise/src/components/TodoHeader.tsx
View File

@@ -24,7 +24,7 @@ class TodoHeader extends React.Component<TodoHeaderProps, TodoHeaderState> {
return ( return (
<Stack gap={10}> <Stack gap={10}>
<Stack horizontal horizontalAlign="center"> <Stack horizontal horizontalAlign="center">
<Text variant="xxLarge">todos</Text> <Text variant="xxLarge">todos - step2-09 exercise</Text>
</Stack> </Stack>
<Stack horizontal gap={10}> <Stack horizontal gap={10}>