diff --git a/README.md b/README.md index f74b3b0..aa2f817 100644 --- a/README.md +++ b/README.md @@ -1,7 +1,5 @@ # Frontend Bootcamp / Days in the Web -> 🚨🚨 This project is a work in progress! Issues and pull requests are encouraged. 🚨🚨 - ## Welcome In this two-day workshop you'll learn the basics of frontend development while building a working web app. @@ -73,7 +71,7 @@ Day one covers the basics of HTML, CSS and JavaScript, as well as an introductio ### Day two 1. [TypeScript basics](step2-01) -2. [UI Fabric component library](step2-02) +2. [Fluent UI component library](step2-02) 3. [Theming and styling](step2-03) 4. [React Context](step2-04) 5. [Redux: Store](step2-05) @@ -97,12 +95,6 @@ If you are interested in JavaScript, TypeScript, React, Redux, or Design Systems - [@kenneth_chau](https://twitter.com/kenneth_chau) - [@micahgodbolt](https://twitter.com/micahgodbolt) -## Other projects from the UI Fabric team at Microsoft - -- [UI Fabric](https://developer.microsoft.com/en-us/fabric) - [github repo](https://github.com/officedev/office-ui-fabric-react) -- [Just](https://microsoft.github.io/just): The task library that just works - [github repo](https://github.com/Microsoft/just) -- [Rush](https://rushjs.io): A scalable monorepo manager for the web - [github repo](https://github.com/Microsoft/web-build-tools/) - ## Contributing This project welcomes contributions and suggestions. Most contributions require you to agree to a @@ -132,4 +124,4 @@ Microsoft's general trademark guidelines can be found at http://go.microsoft.com Privacy information can be found at https://privacy.microsoft.com/en-us/ Microsoft and any contributors reserve all other rights, whether under their respective copyrights, patents, -or trademarks, whether by implication, estoppel or otherwise. +or trademarks, whether by implication, estoppel or otherwise. \ No newline at end of file diff --git a/assets/scripts.js b/assets/scripts.js index 1c3cfda..743b39a 100644 --- a/assets/scripts.js +++ b/assets/scripts.js @@ -1,11 +1,11 @@ // prettier-ignore -var appInsights=window.appInsights||function(a){ - function b(a){c[a]=function(){var b=arguments;c.queue.push(function(){c[a].apply(c,b)})}}var c={config:a},d=document,e=window;setTimeout(function(){var b=d.createElement("script");b.src=a.url||"https://az416426.vo.msecnd.net/scripts/a/ai.0.js",d.getElementsByTagName("script")[0].parentNode.appendChild(b)});try{c.cookie=d.cookie}catch(a){}c.queue=[];for(var f=["Event","Exception","Metric","PageView","Trace","Dependency"];f.length;)b("track"+f.pop());if(b("setAuthenticatedUserContext"),b("clearAuthenticatedUserContext"),b("startTrackEvent"),b("stopTrackEvent"),b("startTrackPage"),b("stopTrackPage"),b("flush"),!a.disableExceptionTracking){f="onerror",b("_"+f);var g=e[f];e[f]=function(a,b,d,e,h){var i=g&&g(a,b,d,e,h);return!0!==i&&c["_"+f](a,b,d,e,h),i}}return c +var appInsights = window.appInsights || function (a) { + function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement("script"); b.src = a.url || "https://az416426.vo.msecnd.net/scripts/a/ai.0.js", d.getElementsByTagName("script")[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ["Event", "Exception", "Metric", "PageView", "Trace", "Dependency"]; f.length;)b("track" + f.pop()); if (b("setAuthenticatedUserContext"), b("clearAuthenticatedUserContext"), b("startTrackEvent"), b("stopTrackEvent"), b("startTrackPage"), b("stopTrackPage"), b("flush"), !a.disableExceptionTracking) { f = "onerror", b("_" + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c["_" + f](a, b, d, e, h), i } } return c }({ instrumentationKey: "6ad37ae0-c4ab-4739-925c-1e2773c31f17" }); // prettier-ignore if (window.location.hostname !== 'localhost') { - window.appInsights=appInsights,appInsights.queue&&0===appInsights.queue.length&&appInsights.trackPageView(null, null, {urlReferrer: document.referrer}); + window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length && appInsights.trackPageView(null, null, { urlReferrer: document.referrer }); } diff --git a/assets/step.css b/assets/step.css index db9feca..bc04602 100644 --- a/assets/step.css +++ b/assets/step.css @@ -7,8 +7,21 @@ body { padding: 0; } +img { + max-width: 100%; +} + +li { + margin-bottom: 3px; +} + +blockquote { + background: white; + padding: 0px 5px; +} + body.ms-Fabric { - font-size: 14px; + font-size: 16px; line-height: 20px; } diff --git a/index.html b/index.html index 451024f..39d64f2 100644 --- a/index.html +++ b/index.html @@ -21,7 +21,8 @@
@@ -29,7 +30,8 @@ @@ -37,7 +39,8 @@ @@ -45,7 +48,7 @@ @@ -87,7 +90,8 @@ @@ -140,9 +144,7 @@ Some Extra Bonus Lessons!! Yay! Bonus!!