wrapping up lesson 4

2026-01-26 14:56:42 +08:00 · 2019-03-03 20:24:20 -08:00
parent adf8f76c5e
commit b9089ab8b6
11 changed files with 308 additions and 289 deletions
--- a/step1-04/demo/index.html
+++ b/step1-04/demo/index.html
@@ -1,6 +1,33 @@
-<!DOCTYPE html>
+
 <html>
  <body>
-    <div id="app"></div>
+    <div
+      class="codepen"
+      data-theme-id="36294"
+      data-prefill
+      data-editable="true"
+      data-height="100%"
+      data-theme-id="1"
+      data-default-tab="js,result"
+    >
+    <pre data-lang="html">
+&lt;script src="https://unpkg.com/react@16/umd/react.development.js">&lt;/script>
+&lt;script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js">&lt;/script>
+          
+&lt;div id='app'>&lt;/div>
+    </pre>
+    <pre data-lang="css">
+.foo {
+  background: green;
+}
+    </pre>
+    <pre data-lang="javascript">
+ReactDOM.render(
+  &lt;div>Hello World&lt;/div>, 
+  document.getElementById('app')
+);
+      </pre>
+    <script async src="https://static.codepen.io/assets/embed/ei.js"></script>
  </body>
 </html>
+