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

hacking fool!

Browse Source
This commit is contained in:
Micah Godbolt
2019-02-08 15:20:11 -08:00
parent 1b7775d784
commit 6d1f93c441
7 changed files with 52 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -1 +1,5 @@
<div style="display: inline-flex; flex-direction: column">
<a href="/step01/">Step01</a>
<a href="/playground/">Playground</a>
</div>

17
step01/index.html
View File

@@ -1,6 +1,21 @@
<!DOCTYPE html>
<html>
<body>
<div id="app"></div>
<h1>todos</h1>
<input/><button>Add</button>
<div>
<button>all</button>
<button>active</button>
<button>completed</button>
</div>
<ul>
<li><input type="checkbox" /> Todo 1</li>
<li><input type="checkbox" /> Todo 2</li>
<li><input type="checkbox" /> Todo 3</li>
<li><input type="checkbox" /> Todo 4</li>
</ul>
<div>
<span>4 items left</span> <button>Clear Completed</button>
</div>
</body>
</html>

4
step01/index.js
View File

@@ -1,4 +0,0 @@
document.addEventListener('DOMContentLoaded', function() {
const app = document.getElementById('app');
app.innerHTML = 'hello world blah';
});

20
step02/index.html
View File

@@ -0,0 +1,20 @@
<!DOCTYPE html>
<html>
<link rel="stylesheet" href="./style.css">
<body>
<h1>todos</h1>
<input class="textfield" /><button class="button add">Add</button>
<div class="filter">
<button>all</button>
<button>active</button>
<button>completed</button>
</div>
<ul class="todos">
<li class="todo"><input type="checkbox" /> Todo 1</li>
<li class="todo"><input type="checkbox" /> Todo 2</li>
<li class="todo"><input type="checkbox" /> Todo 3</li>
<li class="todo"><input type="checkbox" /> Todo 4</li>
</ul>
<footer><span>4 items left</span> <button>Clear Completed</button></footer>
</body>
</html>

0
step02/src/index.ts → step02/index.js
View File

7
step02/style.css Normal file
View File

@@ -0,0 +1,7 @@
body {
width: 400px;
margin: 20px auto;
}
h1 {
text-align: left;
}

6
webpack.config.js
View File

@@ -3,7 +3,7 @@ const HtmlWebpackPlugin = require('html-webpack-plugin');
const entries = {
step01: './step01/index',
step02: './step02/src/index',
step02: './step02/index',
playground: './playground/src/index'
};
@@ -32,6 +32,10 @@ module.exports = Object.keys(entries).map(entryPoint => {
output: {
filename: '[name].js',
path: path.resolve(__dirname, entryPoint, 'dist')
},
devServer: {
contentBase: path.resolve(__dirname),
watchContentBase: true
}
};
});