Rewrite of Day 1 to use modern React (#294)

* update to hooks * more class to function * cleanup * finish ts final * update html lesson * add lessons page * clean up * move getters into context * adding type * fix bug * step 5 cleanup * init final pass * text tweak * fix ternaries * readme cleanup * fixed root readme
2026-07-12 15:18:34 +08:00 · 2022-01-13 09:22:50 -08:00
parent 4998c158d2
commit 7cea32428e
60 changed files with 923 additions and 929 deletions
@@ -114,7 +114,7 @@
  &lt;/div&gt;
  &lt;div&gt;
    &lt;h2&gt;Our Logo&lt;/h2&gt;
-    &lt;img src=&quot;../../assets/fabric.jpg&quot; width=&quot;100&quot; alt=&quot;fabric logo&quot; /&gt;
+    &lt;img src=&quot;https://github.com/microsoft/frontend-bootcamp/blob/master/assets/fabric.jpg?raw=true&quot; width=&quot;100&quot; alt=&quot;fabric logo&quot; /&gt;
  &lt;/div&gt;
  &lt;div&gt;
    &lt;h2&gt;Contact Us&lt;/h2&gt;
@@ -1,5 +1,7 @@
 # Step 1.2 - Introduction to CSS (Demo)

+[Demo](../demo/) | [Exercise](../exercise/)
+
 ## CSS properties

 Now that we've gone over adding HTML tags to the page, let's cover adding styles to those tags. We can do quite a lot with styles! We can change:
@@ -44,3 +46,5 @@ Here's a more detailed view from [Chris Eppstein](https://twitter.com/chriseppst
 <img src="https://raw.githubusercontent.com/Microsoft/frontend-bootcamp/master/assets/css-syntax.png"/>

 A selector can be a single tag, class, ID, or attribute. It can also be a [combination](https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Combinators_and_multiple_selectors) of those elements.
+
+Bonus: Check out the [Vocabs project](http://apps.workflower.fi/vocabs/css/en)
@@ -0,0 +1,11 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <link rel="stylesheet" href="../../assets/step.css" />
+  </head>
+  <body class="ms-Fabric">
+    <div id="markdownReadme" data-src="./README.md"></div>
+
+    <script src="../../assets/scripts.js"></script>
+  </body>
+</html>